Skip to content

Jeremy Groot / stellervista-Intranet

Go to a project
Toggle navigation
Toggle navigation pinning
bfd00564 by Jeff Balicki
Options

member dir 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent ba9eb32d
Expand all
Inline Side-by-side
Showing 15 changed files with 331 additions and 19 deletions
......@@ -224,10 +224,9 @@ if ( ( ( $search && $show_search ) || ( $filters && $show_filters && count( $sea
<?php if ( $search && $show_search ) { ?>
<div class="um-member-directory-header-row um-member-directory-search-row">
<div class="um-member-directory-search-line">
<label>
<span><?php _e( 'Search:', 'ultimate-member' ); ?></span>
<input type="search" class="um-search-line" placeholder="<?php esc_attr_e( 'Search', 'ultimate-member' ) ?>" value="<?php echo esc_attr( $search_from_url ) ?>" aria-label="<?php esc_attr_e( 'Search', 'ultimate-member' ) ?>" speech />
</label>
<label for="quicksearch">Search:</label><input type="text" class="um-search-line" type="text" id="quicksearch" placeholder="" />
<input type="button" class="um-do-search um-button" value="<?php esc_attr_e( 'Search', 'ultimate-member' ); ?>" />
</div>
</div>
......@@ -284,12 +283,12 @@ if ( ( ( $search && $show_search ) || ( $filters && $show_filters && count( $sea
<?php }
if ( $filters && $show_filters && count( $search_filters ) && $filters_collapsible ) { ?>
<span class="um-member-directory-filters">
<span class="um-member-directory-filters directory-filters-top">
<span class="um-member-directory-filters-a<?php if ( $filters_expanded ) { ?> um-member-directory-filters-visible<?php } ?>">
<a href="javascript:void(0);">
<?php _e( 'More filters', 'ultimate-member' ); ?>
<?php _e( 'FILTERS', 'ultimate-member' ); ?> <span aria-hidden="true" class="glyphicon glyphicon-chevron-up"></span>
</a>
&nbsp;<i class="um-faicon-caret-down"></i><i class="um-faicon-caret-up"></i>
</span>
</span>
<?php } ?>
......@@ -318,7 +317,7 @@ if ( ( ( $search && $show_search ) || ( $filters && $show_filters && count( $sea
<# } #>
</script>
<div class="um-member-directory-header-row um-member-directory-filters-bar<?php if ( ! $filters_expanded ) { ?> um-header-row-invisible<?php } ?>">
<div class="um-member-directory-header-row directory-filters-bottom um-member-directory-filters-bar<?php if ( ! $filters_expanded ) { ?> um-header-row-invisible<?php } ?>">
<div class="um-search um-search-<?php echo count( $search_filters ) ?><?php if ( ! $filters_expanded ) { ?> um-search-invisible<?php } ?>">
<?php $i = 0;
foreach ( $search_filters as $filter ) {
......
......@@ -14497,7 +14497,7 @@ h1 + p, .h1 + p {
}
.um-logout,
.um:not(.um-um_account_id):not(.um-register):not(.um-login) {
.um:not(.um-um_account_id):not(.um-register):not(.um-login):not(.um-directory) {
width: 275px !important;
display: flex !important;
flex-basis: auto;
......@@ -14505,11 +14505,11 @@ h1 + p, .h1 + p {
align-self: flex-end;
}
.um-logout .um-form,
.um:not(.um-um_account_id):not(.um-register):not(.um-login) .um-form {
.um:not(.um-um_account_id):not(.um-register):not(.um-login):not(.um-directory) .um-form {
margin-bottom: 40px;
}
.um-logout .um-form .um-misc-with-img,
.um:not(.um-um_account_id):not(.um-register):not(.um-login) .um-form .um-misc-with-img {
.um:not(.um-um_account_id):not(.um-register):not(.um-login):not(.um-directory) .um-form .um-misc-with-img {
width: 28%;
display: inline-block;
border-bottom: 0px solid #eee;
......@@ -14517,11 +14517,11 @@ h1 + p, .h1 + p {
padding: 0px;
}
.um-logout .um-form .um-misc-with-img div strong,
.um:not(.um-um_account_id):not(.um-register):not(.um-login) .um-form .um-misc-with-img div strong {
.um:not(.um-um_account_id):not(.um-register):not(.um-login):not(.um-directory) .um-form .um-misc-with-img div strong {
display: none;
}
.um-logout .um-form .um-misc-ul,
.um:not(.um-um_account_id):not(.um-register):not(.um-login) .um-form .um-misc-ul {
.um:not(.um-um_account_id):not(.um-register):not(.um-login):not(.um-directory) .um-form .um-misc-ul {
width: 60%;
display: inline-block;
list-style: none;
......@@ -14529,7 +14529,7 @@ h1 + p, .h1 + p {
vertical-align: top;
}
.um-logout .um-form .um-misc-ul a,
.um:not(.um-um_account_id):not(.um-register):not(.um-login) .um-form .um-misc-ul a {
.um:not(.um-um_account_id):not(.um-register):not(.um-login):not(.um-directory) .um-form .um-misc-ul a {
font-size: 16px;
text-decoration: none;
color: #000000;
......@@ -14537,7 +14537,7 @@ h1 + p, .h1 + p {
font-weight: 400;
}
.um-logout .um-form .um-misc-ul a:hover,
.um:not(.um-um_account_id):not(.um-register):not(.um-login) .um-form .um-misc-ul a:hover {
.um:not(.um-um_account_id):not(.um-register):not(.um-login):not(.um-directory) .um-form .um-misc-ul a:hover {
font-weight: 700 !important;
font-family: "trade-gothic-next";
}
......@@ -14799,6 +14799,63 @@ h1 + p, .h1 + p {
display: none !important;
}
.directory-filters-top {
border-top: 1px solid #3eaf49 !important;
padding: 10px 0 0px 0;
}
.directory-filters-bottom {
border-bottom: 1px solid #3eaf49 !important;
padding: 0px !important;
margin-bottom: 40px !important;
}
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a {
font-size: 18px;
line-height: 24px;
color: #1a3668;
text-transform: uppercase;
text-decoration: none;
padding: 10px 0;
display: block;
font-weight: 800;
}
.um-member-directory-filters {
justify-content: flex-start;
}
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters {
justify-content: flex-start !important;
}
.glyphicon-chevron-up::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.432' height='11.567' viewBox='0 0 19.432 11.567'%3E%3Cpath id='Path_1875' data-name='Path 1875' d='M395.235 274.525a1.19 1.19 0 0 0 1.681.063l9.188-8.526a1.19 1.19 0 0 0 0-1.744l-9.187-8.526a1.19 1.19 0 1 0-1.619 1.744l8.248 7.654-8.248 7.654a1.19 1.19 0 0 0-.063 1.681Z' transform='translate(274.905 -394.917) rotate(90)' fill='%231A3668'/%3E%3C/svg%3E");
}
.glyphicon-chevron-down::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.631' height='11.905' viewBox='0 0 19.631 11.905'%3E%3Cpath id='Path_1875' data-name='Path 1875' d='M395.235 274.525a1.19 1.19 0 0 0 1.681.063l9.188-8.526a1.19 1.19 0 0 0 0-1.744l-9.187-8.526a1.19 1.19 0 1 0-1.619 1.744l8.248 7.654-8.248 7.654a1.19 1.19 0 0 0-.063 1.681Z' transform='matrix(-0.017 -1 1 -0.017 -248.34 411.22)' fill='%231A3668'/%3E%3C/svg%3E");
}
.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row {
justify-content: flex-start !important;
}
#quicksearch {
width: 600px;
border: 1px solid #fff !important;
border-bottom: 1px solid #8e908f !important;
margin-bottom: 15px;
}
.um-do-search.um-button {
display: none;
}
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label {
flex: unset !important;
}
.entry-content .is-layout-constrained.wp-block-group {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
padding: 40px 32px;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -25029,7 +25029,19 @@
c2.classList.add('image-loaded'), c2.style.backgroundImage = 'linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 91%, rgba(0, 0, 0, 0) 100%), url(' + b2 + ')';
};
});
$$1(document).ready(function ($) {});
$$1(document).ready(function ($) {
var timerid;
$("#quicksearch").on("input", function (e) {
var value = $(this).val();
if ($(this).data("lastval") != value) {
$(this).data("lastval", value);
clearTimeout(timerid);
timerid = setTimeout(function () {
$('.um-do-search.um-button').click();
}, 500);
}
});
});
exports.Alert = alert$1;
exports.Button = button;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -38,5 +38,18 @@ document.addEventListener("DOMContentLoaded", function() {
});
jQuery(document).ready(function($) {
var timerid;
$("#quicksearch").on("input", function(e) {
var value = $(this).val();
if ($(this).data("lastval") != value) {
$(this).data("lastval", value);
clearTimeout(timerid);
timerid = setTimeout(function() {
$('.um-do-search.um-button').click();
}, 500);
};
});
});
......
......@@ -142,4 +142,55 @@
}
.um-account-profile-link{
display: none !important;
}
\ No newline at end of file
}
.directory-filters-top{
border-top: 1px solid #3eaf49!important;
padding: 10px 0 0px 0;
}
.directory-filters-bottom{
border-bottom: 1px solid #3eaf49!important;
padding: 0px !important;
margin-bottom: 40px !important;
}
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a{
font-size: 18px;
line-height: 24px;
color: #1a3668;
text-transform: uppercase;
text-decoration: none;
padding: 10px 0;
display: block;
font-weight: 800;
}
.um-member-directory-filters{
justify-content:flex-start;
}
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters{
justify-content: flex-start !important;
}
.glyphicon-chevron-up::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.432' height='11.567' viewBox='0 0 19.432 11.567'%3E%3Cpath id='Path_1875' data-name='Path 1875' d='M395.235 274.525a1.19 1.19 0 0 0 1.681.063l9.188-8.526a1.19 1.19 0 0 0 0-1.744l-9.187-8.526a1.19 1.19 0 1 0-1.619 1.744l8.248 7.654-8.248 7.654a1.19 1.19 0 0 0-.063 1.681Z' transform='translate(274.905 -394.917) rotate(90)' fill='%231A3668'/%3E%3C/svg%3E");
}
.glyphicon-chevron-down::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.631' height='11.905' viewBox='0 0 19.631 11.905'%3E%3Cpath id='Path_1875' data-name='Path 1875' d='M395.235 274.525a1.19 1.19 0 0 0 1.681.063l9.188-8.526a1.19 1.19 0 0 0 0-1.744l-9.187-8.526a1.19 1.19 0 1 0-1.619 1.744l8.248 7.654-8.248 7.654a1.19 1.19 0 0 0-.063 1.681Z' transform='matrix(-0.017 -1 1 -0.017 -248.34 411.22)' fill='%231A3668'/%3E%3C/svg%3E");
}
.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row{
justify-content: flex-start !important;
}
#quicksearch {
width: 600px;
border: 1px solid #fff !important;
border-bottom: 1px solid #8e908f!important;
margin-bottom: 15px;
}
.um-do-search.um-button{
display: none;
}
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label{
flex:unset !important;
}
\ No newline at end of file
......
......@@ -104,7 +104,7 @@
}
}
.um-logout,
.um:not(.um-um_account_id):not(.um-register):not(.um-login){
.um:not(.um-um_account_id):not(.um-register):not(.um-login):not(.um-directory){
width: 275px !important;
display: flex!important;
flex-basis: auto;
......
<?php if ( ! defined( 'ABSPATH' ) ) exit;
$unique_hash = substr( md5( $args['form_id'] ), 10, 5 ); ?>
<script type="text/template" id="tmpl-um-member-list-<?php echo esc_attr( $unique_hash ) ?>">
<div class="um-members um-members-list">
<# if ( data.length > 0 ) { #>
<# _.each( data, function( user, key, list ) { #>
<div id="um-member-{{{user.card_anchor}}}-<?php echo esc_attr( $unique_hash ) ?>" class="um-member um-role-{{{user.role}}} {{{user.account_status}}} <?php if ( $cover_photos ) { echo 'with-cover'; } ?>">
<span class="um-member-status {{{user.account_status}}}">
{{{user.account_status_name}}}
</span>
<div class="um-member-card-container">
<?php if ( $profile_photo ) { ?>
<div class="um-member-photo radius-<?php echo esc_attr( UM()->options()->get( 'profile_photocorner' ) ); ?>">
<a href="{{{user.profile_url}}}" title="<# if ( user.display_name ) { #>{{{user.display_name}}}<# } #>">
{{{user.avatar}}}
<?php do_action( 'um_members_list_in_profile_photo_tmpl', $args ); ?>
</a>
</div>
<?php } ?>
<div class="um-member-card <?php echo ! $profile_photo ? 'no-photo' : '' ?>">
<div class="um-member-card-content">
<div class="um-member-card-header">
<?php if ( $show_name ) { ?>
<# if ( user.display_name_html ) { #>
<div class="um-member-name">
<a href="{{{user.profile_url}}}" title="<# if ( user.display_name ) { #>{{{user.display_name}}}<# } #>">
{{{user.display_name_html}}}
</a>
</div>
<# } #>
<?php } ?>
{{{user.hook_just_after_name}}}
<?php do_action( 'um_members_list_after_user_name_tmpl', $args ); ?>
{{{user.hook_after_user_name}}}
</div>
<?php if ( $show_tagline && ! empty( $tagline_fields ) && is_array( $tagline_fields ) ) {
foreach ( $tagline_fields as $key ) {
if ( empty( $key ) ) {
continue;
} ?>
<# if ( typeof user['<?php echo $key; ?>'] !== 'undefined' ) { #>
<div class="um-member-tagline um-member-tagline-<?php echo esc_attr( $key ); ?>"
data-key="<?php echo esc_attr( $key ); ?>">
{{{user['<?php echo $key; ?>']}}}
</div>
<# } #>
<?php }
}
if ( $show_userinfo ) { ?>
<# var $show_block = false; #>
<?php foreach ( $reveal_fields as $k => $key ) {
if ( empty( $key ) ) {
unset( $reveal_fields[ $k ] );
} ?>
<# if ( typeof user['<?php echo $key; ?>'] !== 'undefined' ) {
$show_block = true;
} #>
<?php }
if ( $show_social ) { ?>
<# if ( ! $show_block ) { #>
<# $show_block = user.social_urls #>
<# } #>
<?php } ?>
<# if ( $show_block ) { #>
<div class="um-member-meta-main<?php if ( ! $userinfo_animate ) { echo ' no-animate'; } ?>">
<div class="um-member-meta">
<?php foreach ( $reveal_fields as $key ) { ?>
<# if ( typeof user['<?php echo $key; ?>'] !== 'undefined' ) { #>
<div class="um-member-metaline um-member-metaline-<?php echo $key; ?>">
<strong>{{{user['label_<?php echo $key;?>']}}}:</strong>&nbsp;{{{user['<?php echo $key;?>']}}}
</div>
<# } #>
<?php }
if ( $show_social ) { ?>
<div class="um-member-connect">
{{{user.social_urls}}}
</div>
<?php } ?>
</div>
</div>
<# } #>
<?php } ?>
</div>
<div class="um-member-card-actions">
<# if ( Object.keys( user.dropdown_actions ).length > 0 ) { #>
<div class="um-member-cog">
<a href="javascript:void(0);" class="um-member-actions-a">
<i class="um-faicon-cog"></i>
</a>
<?php UM()->member_directory()->dropdown_menu_js( '.um-member-cog', 'click', 'user' ); ?>
</div>
<# } #>
</div>
</div>
</div>
<div class="um-member-card-footer <?php echo ! $profile_photo ? 'no-photo' : '' ?> <?php if ( $show_userinfo && $userinfo_animate ) { ?><# if ( ! $show_block ) { #>no-reveal<# } #><?php } ?>">
<div class="um-member-card-footer-buttons">
<?php do_action( 'um_members_list_just_after_actions_tmpl', $args ); ?>
</div>
<?php if ( $show_userinfo && $userinfo_animate ) { ?>
<# if ( $show_block ) { #>
<div class="um-member-card-reveal-buttons">
<div class="um-member-more">
<a href="javascript:void(0);"><i class="um-faicon-angle-down"></i></a>
</div>
<div class="um-member-less">
<a href="javascript:void(0);"><i class="um-faicon-angle-up"></i></a>
</div>
</div>
<# } #>
<?php } ?>
</div>
</div>
<# }); #>
<# } else { #>
<div class="um-members-none">
<p><?php echo $no_users; ?></p>
</div>
<# } #>
</div>
</script>
<?php if ( ! defined( 'ABSPATH' ) ) exit; ?>
<script type="text/template" id="tmpl-um-members-pagination">
<# if ( data.pagination.pages_to_show.length > 0 ) { #>
<div class="um-members-pagidrop uimob340-show uimob500-show">
<?php _e( 'Jump to page:','ultimate-member' ); ?>
<select class="um-s2 um-members-pagi-dropdown" style="width: 100px;display:inline-block;">
<# _.each( data.pagination.pages_to_show, function( page, key, list ) { #>
<option value="{{{page}}}" <# if ( page == data.pagination.current_page ) { #>selected<# } #>>{{{page}}} <?php _e( 'of','ultimate-member' ) ?> {{{data.pagination.total_pages}}}</option>
<# }); #>
</select>
</div>
<div class="um-members-pagi uimob340-hide uimob500-hide">
<span class="pagi pagi-arrow <# if ( data.pagination.current_page == 1 ) { #>disabled<# } #>" data-page="first" aria-label="<?php esc_attr_e( 'First page', 'ultimate-member' ); ?>"><i class="um-faicon-angle-double-left"></i></span>
<span class="pagi pagi-arrow <# if ( data.pagination.current_page == 1 ) { #>disabled<# } #>" data-page="prev" aria-label="<?php esc_attr_e( 'Previous page', 'ultimate-member' ); ?>"><i class="um-faicon-angle-left"></i></span>
<# _.each( data.pagination.pages_to_show, function( page, key, list ) { #>
<span class="pagi <# if ( page == data.pagination.current_page ) { #>current<# } #>" data-page="{{{page}}}">{{{page}}}</span>
<# }); #>
<span class="pagi pagi-arrow <# if ( data.pagination.current_page == data.pagination.total_pages ) { #>disabled<# } #>" data-page="next" aria-label="<?php esc_attr_e( 'Next page', 'ultimate-member' ); ?>"><i class="um-faicon-angle-right"></i></span>
<span class="pagi pagi-arrow <# if ( data.pagination.current_page == data.pagination.total_pages ) { #>disabled<# } #>" data-page="last" aria-label="<?php esc_attr_e( 'Last page', 'ultimate-member' ); ?>"><i class="um-faicon-angle-double-right"></i></span>
</div>
<# } #>
</script>
\ No newline at end of file