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 329 additions and 17 deletions
...@@ -224,10 +224,9 @@ if ( ( ( $search && $show_search ) || ( $filters && $show_filters && count( $sea ...@@ -224,10 +224,9 @@ if ( ( ( $search && $show_search ) || ( $filters && $show_filters && count( $sea
224 <?php if ( $search && $show_search ) { ?> 224 <?php if ( $search && $show_search ) { ?>
225 <div class="um-member-directory-header-row um-member-directory-search-row"> 225 <div class="um-member-directory-header-row um-member-directory-search-row">
226 <div class="um-member-directory-search-line"> 226 <div class="um-member-directory-search-line">
227 <label> 227
228 <span><?php _e( 'Search:', 'ultimate-member' ); ?></span> 228 <label for="quicksearch">Search:</label><input type="text" class="um-search-line" type="text" id="quicksearch" placeholder="" />
229 <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 /> 229
230 </label>
231 <input type="button" class="um-do-search um-button" value="<?php esc_attr_e( 'Search', 'ultimate-member' ); ?>" /> 230 <input type="button" class="um-do-search um-button" value="<?php esc_attr_e( 'Search', 'ultimate-member' ); ?>" />
232 </div> 231 </div>
233 </div> 232 </div>
...@@ -284,12 +283,12 @@ if ( ( ( $search && $show_search ) || ( $filters && $show_filters && count( $sea ...@@ -284,12 +283,12 @@ if ( ( ( $search && $show_search ) || ( $filters && $show_filters && count( $sea
284 <?php } 283 <?php }
285 284
286 if ( $filters && $show_filters && count( $search_filters ) && $filters_collapsible ) { ?> 285 if ( $filters && $show_filters && count( $search_filters ) && $filters_collapsible ) { ?>
287 <span class="um-member-directory-filters"> 286 <span class="um-member-directory-filters directory-filters-top">
288 <span class="um-member-directory-filters-a<?php if ( $filters_expanded ) { ?> um-member-directory-filters-visible<?php } ?>"> 287 <span class="um-member-directory-filters-a<?php if ( $filters_expanded ) { ?> um-member-directory-filters-visible<?php } ?>">
289 <a href="javascript:void(0);"> 288 <a href="javascript:void(0);">
290 <?php _e( 'More filters', 'ultimate-member' ); ?> 289 <?php _e( 'FILTERS', 'ultimate-member' ); ?> <span aria-hidden="true" class="glyphicon glyphicon-chevron-up"></span>
291 </a> 290 </a>
292 &nbsp;<i class="um-faicon-caret-down"></i><i class="um-faicon-caret-up"></i> 291
293 </span> 292 </span>
294 </span> 293 </span>
295 <?php } ?> 294 <?php } ?>
...@@ -318,7 +317,7 @@ if ( ( ( $search && $show_search ) || ( $filters && $show_filters && count( $sea ...@@ -318,7 +317,7 @@ if ( ( ( $search && $show_search ) || ( $filters && $show_filters && count( $sea
318 <# } #> 317 <# } #>
319 </script> 318 </script>
320 319
321 <div class="um-member-directory-header-row um-member-directory-filters-bar<?php if ( ! $filters_expanded ) { ?> um-header-row-invisible<?php } ?>"> 320 <div class="um-member-directory-header-row directory-filters-bottom um-member-directory-filters-bar<?php if ( ! $filters_expanded ) { ?> um-header-row-invisible<?php } ?>">
322 <div class="um-search um-search-<?php echo count( $search_filters ) ?><?php if ( ! $filters_expanded ) { ?> um-search-invisible<?php } ?>"> 321 <div class="um-search um-search-<?php echo count( $search_filters ) ?><?php if ( ! $filters_expanded ) { ?> um-search-invisible<?php } ?>">
323 <?php $i = 0; 322 <?php $i = 0;
324 foreach ( $search_filters as $filter ) { 323 foreach ( $search_filters as $filter ) {
......
...@@ -14497,7 +14497,7 @@ h1 + p, .h1 + p { ...@@ -14497,7 +14497,7 @@ h1 + p, .h1 + p {
14497 } 14497 }
14498 14498
14499 .um-logout, 14499 .um-logout,
14500 .um:not(.um-um_account_id):not(.um-register):not(.um-login) { 14500 .um:not(.um-um_account_id):not(.um-register):not(.um-login):not(.um-directory) {
14501 width: 275px !important; 14501 width: 275px !important;
14502 display: flex !important; 14502 display: flex !important;
14503 flex-basis: auto; 14503 flex-basis: auto;
...@@ -14505,11 +14505,11 @@ h1 + p, .h1 + p { ...@@ -14505,11 +14505,11 @@ h1 + p, .h1 + p {
14505 align-self: flex-end; 14505 align-self: flex-end;
14506 } 14506 }
14507 .um-logout .um-form, 14507 .um-logout .um-form,
14508 .um:not(.um-um_account_id):not(.um-register):not(.um-login) .um-form { 14508 .um:not(.um-um_account_id):not(.um-register):not(.um-login):not(.um-directory) .um-form {
14509 margin-bottom: 40px; 14509 margin-bottom: 40px;
14510 } 14510 }
14511 .um-logout .um-form .um-misc-with-img, 14511 .um-logout .um-form .um-misc-with-img,
14512 .um:not(.um-um_account_id):not(.um-register):not(.um-login) .um-form .um-misc-with-img { 14512 .um:not(.um-um_account_id):not(.um-register):not(.um-login):not(.um-directory) .um-form .um-misc-with-img {
14513 width: 28%; 14513 width: 28%;
14514 display: inline-block; 14514 display: inline-block;
14515 border-bottom: 0px solid #eee; 14515 border-bottom: 0px solid #eee;
...@@ -14517,11 +14517,11 @@ h1 + p, .h1 + p { ...@@ -14517,11 +14517,11 @@ h1 + p, .h1 + p {
14517 padding: 0px; 14517 padding: 0px;
14518 } 14518 }
14519 .um-logout .um-form .um-misc-with-img div strong, 14519 .um-logout .um-form .um-misc-with-img div strong,
14520 .um:not(.um-um_account_id):not(.um-register):not(.um-login) .um-form .um-misc-with-img div strong { 14520 .um:not(.um-um_account_id):not(.um-register):not(.um-login):not(.um-directory) .um-form .um-misc-with-img div strong {
14521 display: none; 14521 display: none;
14522 } 14522 }
14523 .um-logout .um-form .um-misc-ul, 14523 .um-logout .um-form .um-misc-ul,
14524 .um:not(.um-um_account_id):not(.um-register):not(.um-login) .um-form .um-misc-ul { 14524 .um:not(.um-um_account_id):not(.um-register):not(.um-login):not(.um-directory) .um-form .um-misc-ul {
14525 width: 60%; 14525 width: 60%;
14526 display: inline-block; 14526 display: inline-block;
14527 list-style: none; 14527 list-style: none;
...@@ -14529,7 +14529,7 @@ h1 + p, .h1 + p { ...@@ -14529,7 +14529,7 @@ h1 + p, .h1 + p {
14529 vertical-align: top; 14529 vertical-align: top;
14530 } 14530 }
14531 .um-logout .um-form .um-misc-ul a, 14531 .um-logout .um-form .um-misc-ul a,
14532 .um:not(.um-um_account_id):not(.um-register):not(.um-login) .um-form .um-misc-ul a { 14532 .um:not(.um-um_account_id):not(.um-register):not(.um-login):not(.um-directory) .um-form .um-misc-ul a {
14533 font-size: 16px; 14533 font-size: 16px;
14534 text-decoration: none; 14534 text-decoration: none;
14535 color: #000000; 14535 color: #000000;
...@@ -14537,7 +14537,7 @@ h1 + p, .h1 + p { ...@@ -14537,7 +14537,7 @@ h1 + p, .h1 + p {
14537 font-weight: 400; 14537 font-weight: 400;
14538 } 14538 }
14539 .um-logout .um-form .um-misc-ul a:hover, 14539 .um-logout .um-form .um-misc-ul a:hover,
14540 .um:not(.um-um_account_id):not(.um-register):not(.um-login) .um-form .um-misc-ul a:hover { 14540 .um:not(.um-um_account_id):not(.um-register):not(.um-login):not(.um-directory) .um-form .um-misc-ul a:hover {
14541 font-weight: 700 !important; 14541 font-weight: 700 !important;
14542 font-family: "trade-gothic-next"; 14542 font-family: "trade-gothic-next";
14543 } 14543 }
...@@ -14799,6 +14799,63 @@ h1 + p, .h1 + p { ...@@ -14799,6 +14799,63 @@ h1 + p, .h1 + p {
14799 display: none !important; 14799 display: none !important;
14800 } 14800 }
14801 14801
14802 .directory-filters-top {
14803 border-top: 1px solid #3eaf49 !important;
14804 padding: 10px 0 0px 0;
14805 }
14806
14807 .directory-filters-bottom {
14808 border-bottom: 1px solid #3eaf49 !important;
14809 padding: 0px !important;
14810 margin-bottom: 40px !important;
14811 }
14812
14813 .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 {
14814 font-size: 18px;
14815 line-height: 24px;
14816 color: #1a3668;
14817 text-transform: uppercase;
14818 text-decoration: none;
14819 padding: 10px 0;
14820 display: block;
14821 font-weight: 800;
14822 }
14823
14824 .um-member-directory-filters {
14825 justify-content: flex-start;
14826 }
14827
14828 .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters {
14829 justify-content: flex-start !important;
14830 }
14831
14832 .glyphicon-chevron-up::after {
14833 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");
14834 }
14835
14836 .glyphicon-chevron-down::after {
14837 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");
14838 }
14839
14840 .um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row {
14841 justify-content: flex-start !important;
14842 }
14843
14844 #quicksearch {
14845 width: 600px;
14846 border: 1px solid #fff !important;
14847 border-bottom: 1px solid #8e908f !important;
14848 margin-bottom: 15px;
14849 }
14850
14851 .um-do-search.um-button {
14852 display: none;
14853 }
14854
14855 .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label {
14856 flex: unset !important;
14857 }
14858
14802 .entry-content .is-layout-constrained.wp-block-group { 14859 .entry-content .is-layout-constrained.wp-block-group {
14803 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); 14860 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
14804 padding: 40px 32px; 14861 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 @@ ...@@ -25029,7 +25029,19 @@
25029 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 + ')'; 25029 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 + ')';
25030 }; 25030 };
25031 }); 25031 });
25032 $$1(document).ready(function ($) {}); 25032 $$1(document).ready(function ($) {
25033 var timerid;
25034 $("#quicksearch").on("input", function (e) {
25035 var value = $(this).val();
25036 if ($(this).data("lastval") != value) {
25037 $(this).data("lastval", value);
25038 clearTimeout(timerid);
25039 timerid = setTimeout(function () {
25040 $('.um-do-search.um-button').click();
25041 }, 500);
25042 }
25043 });
25044 });
25033 25045
25034 exports.Alert = alert$1; 25046 exports.Alert = alert$1;
25035 exports.Button = button; 25047 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() { ...@@ -38,5 +38,18 @@ document.addEventListener("DOMContentLoaded", function() {
38 }); 38 });
39 39
40 jQuery(document).ready(function($) { 40 jQuery(document).ready(function($) {
41 var timerid;
42 $("#quicksearch").on("input", function(e) {
43 var value = $(this).val();
44 if ($(this).data("lastval") != value) {
41 45
46 $(this).data("lastval", value);
47 clearTimeout(timerid);
48
49 timerid = setTimeout(function() {
50 $('.um-do-search.um-button').click();
51 }, 500);
52 };
53 });
42 }); 54 });
55
......
...@@ -143,3 +143,54 @@ ...@@ -143,3 +143,54 @@
143 .um-account-profile-link{ 143 .um-account-profile-link{
144 display: none !important; 144 display: none !important;
145 } 145 }
146
147 .directory-filters-top{
148 border-top: 1px solid #3eaf49!important;
149 padding: 10px 0 0px 0;
150 }
151 .directory-filters-bottom{
152 border-bottom: 1px solid #3eaf49!important;
153 padding: 0px !important;
154 margin-bottom: 40px !important;
155 }
156
157 .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{
158 font-size: 18px;
159 line-height: 24px;
160 color: #1a3668;
161 text-transform: uppercase;
162 text-decoration: none;
163 padding: 10px 0;
164 display: block;
165 font-weight: 800;
166 }
167 .um-member-directory-filters{
168 justify-content:flex-start;
169 }
170 .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters{
171 justify-content: flex-start !important;
172 }
173 .glyphicon-chevron-up::after {
174 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");
175 }
176 .glyphicon-chevron-down::after {
177 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");
178 }
179
180 .um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row{
181 justify-content: flex-start !important;
182 }
183
184 #quicksearch {
185 width: 600px;
186 border: 1px solid #fff !important;
187 border-bottom: 1px solid #8e908f!important;
188 margin-bottom: 15px;
189 }
190 .um-do-search.um-button{
191 display: none;
192 }
193
194 .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label{
195 flex:unset !important;
196 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -104,7 +104,7 @@ ...@@ -104,7 +104,7 @@
104 } 104 }
105 } 105 }
106 .um-logout, 106 .um-logout,
107 .um:not(.um-um_account_id):not(.um-register):not(.um-login){ 107 .um:not(.um-um_account_id):not(.um-register):not(.um-login):not(.um-directory){
108 width: 275px !important; 108 width: 275px !important;
109 display: flex!important; 109 display: flex!important;
110 flex-basis: auto; 110 flex-basis: auto;
......
1 <?php if ( ! defined( 'ABSPATH' ) ) exit;
2
3 $unique_hash = substr( md5( $args['form_id'] ), 10, 5 ); ?>
4
5 <script type="text/template" id="tmpl-um-member-list-<?php echo esc_attr( $unique_hash ) ?>">
6 <div class="um-members um-members-list">
7
8 <# if ( data.length > 0 ) { #>
9 <# _.each( data, function( user, key, list ) { #>
10
11 <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'; } ?>">
12 <span class="um-member-status {{{user.account_status}}}">
13 {{{user.account_status_name}}}
14 </span>
15 <div class="um-member-card-container">
16 <?php if ( $profile_photo ) { ?>
17 <div class="um-member-photo radius-<?php echo esc_attr( UM()->options()->get( 'profile_photocorner' ) ); ?>">
18 <a href="{{{user.profile_url}}}" title="<# if ( user.display_name ) { #>{{{user.display_name}}}<# } #>">
19 {{{user.avatar}}}
20
21 <?php do_action( 'um_members_list_in_profile_photo_tmpl', $args ); ?>
22 </a>
23 </div>
24 <?php } ?>
25
26 <div class="um-member-card <?php echo ! $profile_photo ? 'no-photo' : '' ?>">
27 <div class="um-member-card-content">
28 <div class="um-member-card-header">
29 <?php if ( $show_name ) { ?>
30 <# if ( user.display_name_html ) { #>
31 <div class="um-member-name">
32 <a href="{{{user.profile_url}}}" title="<# if ( user.display_name ) { #>{{{user.display_name}}}<# } #>">
33 {{{user.display_name_html}}}
34 </a>
35 </div>
36 <# } #>
37 <?php } ?>
38
39 {{{user.hook_just_after_name}}}
40
41 <?php do_action( 'um_members_list_after_user_name_tmpl', $args ); ?>
42
43 {{{user.hook_after_user_name}}}
44 </div>
45
46 <?php if ( $show_tagline && ! empty( $tagline_fields ) && is_array( $tagline_fields ) ) {
47 foreach ( $tagline_fields as $key ) {
48 if ( empty( $key ) ) {
49 continue;
50 } ?>
51
52 <# if ( typeof user['<?php echo $key; ?>'] !== 'undefined' ) { #>
53 <div class="um-member-tagline um-member-tagline-<?php echo esc_attr( $key ); ?>"
54 data-key="<?php echo esc_attr( $key ); ?>">
55 {{{user['<?php echo $key; ?>']}}}
56 </div>
57 <# } #>
58
59 <?php }
60 }
61
62 if ( $show_userinfo ) { ?>
63
64 <# var $show_block = false; #>
65
66 <?php foreach ( $reveal_fields as $k => $key ) {
67 if ( empty( $key ) ) {
68 unset( $reveal_fields[ $k ] );
69 } ?>
70
71 <# if ( typeof user['<?php echo $key; ?>'] !== 'undefined' ) {
72 $show_block = true;
73 } #>
74 <?php }
75
76 if ( $show_social ) { ?>
77 <# if ( ! $show_block ) { #>
78 <# $show_block = user.social_urls #>
79 <# } #>
80 <?php } ?>
81
82 <# if ( $show_block ) { #>
83 <div class="um-member-meta-main<?php if ( ! $userinfo_animate ) { echo ' no-animate'; } ?>">
84
85 <div class="um-member-meta">
86 <?php foreach ( $reveal_fields as $key ) { ?>
87
88 <# if ( typeof user['<?php echo $key; ?>'] !== 'undefined' ) { #>
89 <div class="um-member-metaline um-member-metaline-<?php echo $key; ?>">
90 <strong>{{{user['label_<?php echo $key;?>']}}}:</strong>&nbsp;{{{user['<?php echo $key;?>']}}}
91 </div>
92 <# } #>
93
94 <?php }
95
96 if ( $show_social ) { ?>
97 <div class="um-member-connect">
98 {{{user.social_urls}}}
99 </div>
100 <?php } ?>
101 </div>
102 </div>
103 <# } #>
104 <?php } ?>
105 </div>
106
107 <div class="um-member-card-actions">
108
109 <# if ( Object.keys( user.dropdown_actions ).length > 0 ) { #>
110 <div class="um-member-cog">
111 <a href="javascript:void(0);" class="um-member-actions-a">
112 <i class="um-faicon-cog"></i>
113 </a>
114 <?php UM()->member_directory()->dropdown_menu_js( '.um-member-cog', 'click', 'user' ); ?>
115 </div>
116 <# } #>
117
118 </div>
119
120 </div>
121 </div>
122 <div class="um-member-card-footer <?php echo ! $profile_photo ? 'no-photo' : '' ?> <?php if ( $show_userinfo && $userinfo_animate ) { ?><# if ( ! $show_block ) { #>no-reveal<# } #><?php } ?>">
123
124 <div class="um-member-card-footer-buttons">
125 <?php do_action( 'um_members_list_just_after_actions_tmpl', $args ); ?>
126 </div>
127
128 <?php if ( $show_userinfo && $userinfo_animate ) { ?>
129 <# if ( $show_block ) { #>
130 <div class="um-member-card-reveal-buttons">
131 <div class="um-member-more">
132 <a href="javascript:void(0);"><i class="um-faicon-angle-down"></i></a>
133 </div>
134 <div class="um-member-less">
135 <a href="javascript:void(0);"><i class="um-faicon-angle-up"></i></a>
136 </div>
137 </div>
138 <# } #>
139 <?php } ?>
140 </div>
141 </div>
142
143 <# }); #>
144 <# } else { #>
145
146 <div class="um-members-none">
147 <p><?php echo $no_users; ?></p>
148 </div>
149
150 <# } #>
151
152 </div>
153 </script>
1 <?php if ( ! defined( 'ABSPATH' ) ) exit; ?>
2
3
4 <script type="text/template" id="tmpl-um-members-pagination">
5 <# if ( data.pagination.pages_to_show.length > 0 ) { #>
6 <div class="um-members-pagidrop uimob340-show uimob500-show">
7 <?php _e( 'Jump to page:','ultimate-member' ); ?>
8 <select class="um-s2 um-members-pagi-dropdown" style="width: 100px;display:inline-block;">
9 <# _.each( data.pagination.pages_to_show, function( page, key, list ) { #>
10 <option value="{{{page}}}" <# if ( page == data.pagination.current_page ) { #>selected<# } #>>{{{page}}} <?php _e( 'of','ultimate-member' ) ?> {{{data.pagination.total_pages}}}</option>
11 <# }); #>
12 </select>
13 </div>
14
15 <div class="um-members-pagi uimob340-hide uimob500-hide">
16 <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>
17 <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>
18
19 <# _.each( data.pagination.pages_to_show, function( page, key, list ) { #>
20 <span class="pagi <# if ( page == data.pagination.current_page ) { #>current<# } #>" data-page="{{{page}}}">{{{page}}}</span>
21 <# }); #>
22
23 <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>
24 <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>
25 </div>
26 <# } #>
27 </script>
...\ No newline at end of file ...\ No newline at end of file