5755bc0d by Jeff Balicki

pagi fix

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent ab3eb9e4
......@@ -15601,21 +15601,21 @@ p.intro {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1369' data-name='Path 1369' d='M7.515 3.553c.52.526 1.03 1.048 1.546 1.564q1.857 1.856 3.718 3.708a.834.834 0 0 0 1.232 0c.236-.242.477-.479.716-.718a.817.817 0 0 0 0-1.222L11.379 3.538Q9.758 1.915 8.138.29A.9.9 0 0 0 7.532 0a.864.864 0 0 0-.667.288Q5.614 1.544 4.363 2.8L.956 6.207c-.232.232-.465.463-.7.7A.812.812 0 0 0 .269 8.1l.71.71a.833.833 0 0 0 1.25 0l3.016-3L7.429 3.634Z' transform='translate(9.095) rotate(90)' fill='%231A3668'/%3E%3C/svg%3E") !important;
}
.um-directory .um-members-pagination-box .um-members-pagi .pagi.current {
.um-directory .um-members-pagination-box .um-members-pagi .pagei.current {
border-color: #fff !important;
background-color: #fff !important;
color: #3eaf49 !important;
font-weight: 800 !important;
}
.um-directory .um-members-pagination-box .um-members-pagi .pagi.current span {
.um-directory .um-members-pagination-box .um-members-pagi .pagei.current span {
border-color: #fff !important;
background-color: #fff !important;
color: #3eaf49 !important;
font-weight: 800 !important;
}
.pagi span {
.pagei span {
color: #2c2c2c !important;
}
......@@ -15732,4 +15732,59 @@ p.intro {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.um-directory .um-members-pagination-box .um-members-pagi .pagei {
cursor: pointer;
display: inline-block;
width: auto;
height: 34px;
line-height: 34px;
transition: all 0.2s linear;
padding: 0 14px;
color: #666 !important;
font-weight: normal;
}
.um-directory .um-members-pagination-box .um-members-pagi .pagei {
cursor: pointer;
display: inline-block;
width: auto;
height: 34px;
line-height: 34px;
transition: all 0.2s linear;
padding: 0 14px;
color: #666 !important;
font-weight: normal;
}
.um-directory .um-members-pagination-box .um-members-pagi .pagei.pagi-arrow {
line-height: 38px;
}
.um-directory .um-members-pagination-box .um-members-pagi .pagei.pagi-arrow i:before {
font-size: 20px;
vertical-align: middle !important;
height: 34px;
line-height: 34px;
top: -2px;
position: relative;
}
.um-directory .um-members-pagination-box .um-members-pagi .pagei.current {
cursor: default;
color: #fff !important;
}
.um-directory .um-members-pagination-box .um-members-pagi .pagei.current:hover {
color: #fff !important;
}
.um-directory .um-members-pagination-box .um-members-pagi .pagei.disabled {
cursor: default;
opacity: 0.4;
}
.um-directory .um-members-pagination-box .um-members-pagi .pagei.none {
color: #aaa !important;
}
/*# sourceMappingURL=child-theme.css.map */
\ No newline at end of file
......
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.
......@@ -25052,6 +25052,47 @@
directory.find('.um-member-directory-view-type').removeClass('um-disabled');
});
});
jQuery(document.body).on('click', '.um-directory .pagei:not(.current)', function () {
if (jQuery(this).hasClass('disabled')) {
return;
}
var directory = jQuery(this).parents('.um-directory');
if (um_is_directory_busy(directory)) {
return;
}
um_members_show_preloader(directory);
var page;
if ('first' === jQuery(this).data('page')) {
page = 1;
} else if ('prev' === jQuery(this).data('page')) {
page = directory.data('page') * 1 - 1;
} else if ('next' === jQuery(this).data('page')) {
page = directory.data('page') * 1 + 1;
} else if ('last' === jQuery(this).data('page')) {
page = parseInt(directory.data('total_pages'));
} else {
page = parseInt(jQuery(this).data('page'));
}
if (page === 1) {
directory.find('.pagi[data-page="first"], .pagi[data-page="prev"]').addClass('disabled');
directory.find('.pagi[data-page="prev"], .pagi[data-page="last"]').removeClass('disabled');
} else if (page === parseInt(directory.data('total_pages'))) {
directory.find('.pagi[data-page="prev"], .pagi[data-page="last"]').addClass('disabled');
directory.find('.pagi[data-page="first"], .pagi[data-page="prev"]').removeClass('disabled');
} else {
directory.find('.pagi[data-page="prev"], .pagi[data-page="last"]').removeClass('disabled');
directory.find('.pagi[data-page="first"], .pagi[data-page="prev"]').removeClass('disabled');
}
directory.find('.pagi').removeClass('current');
directory.find('.pagi[data-page="' + page + '"]').addClass('current');
directory.data('page', page);
if (page === 1) {
um_set_url_from_data(directory, 'page', '');
} else {
um_set_url_from_data(directory, 'page', page);
}
um_ajax_get_members_new(directory);
});
function um_ajax_get_members_new(directory, args) {
/**
* Operates with the next data:
......
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.
......@@ -52,6 +52,57 @@ jQuery(document).ready(function($) {
});
jQuery( document.body ).on( 'click', '.um-directory .pagei:not(.current)', function() {
if ( jQuery(this).hasClass('disabled') ) {
return;
}
var directory = jQuery(this).parents('.um-directory');
if ( um_is_directory_busy( directory ) ) {
return;
}
um_members_show_preloader( directory );
var page;
if ( 'first' === jQuery(this).data('page') ) {
page = 1;
} else if ( 'prev' === jQuery(this).data('page') ) {
page = directory.data( 'page' )*1 - 1;
} else if ( 'next' === jQuery(this).data('page') ) {
page = directory.data( 'page' )*1 + 1;
} else if ( 'last' === jQuery(this).data('page') ) {
page = parseInt( directory.data( 'total_pages' ) );
} else {
page = parseInt( jQuery(this).data('page') );
}
if ( page === 1 ) {
directory.find('.pagi[data-page="first"], .pagi[data-page="prev"]').addClass('disabled');
directory.find('.pagi[data-page="prev"], .pagi[data-page="last"]').removeClass('disabled');
} else if ( page === parseInt( directory.data( 'total_pages' ) ) ) {
directory.find('.pagi[data-page="prev"], .pagi[data-page="last"]').addClass('disabled');
directory.find('.pagi[data-page="first"], .pagi[data-page="prev"]').removeClass('disabled');
} else {
directory.find('.pagi[data-page="prev"], .pagi[data-page="last"]').removeClass('disabled');
directory.find('.pagi[data-page="first"], .pagi[data-page="prev"]').removeClass('disabled');
}
directory.find('.pagi').removeClass('current');
directory.find('.pagi[data-page="' + page + '"]').addClass('current');
directory.data( 'page', page );
if ( page === 1 ) {
um_set_url_from_data( directory, 'page', '' );
} else {
um_set_url_from_data( directory, 'page', page );
}
um_ajax_get_members_new( directory );
});
function um_ajax_get_members_new( directory, args ) {
/**
......
......@@ -79,19 +79,19 @@ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1369' data-name='Path 1369' d='M7.515 3.553c.52.526 1.03 1.048 1.546 1.564q1.857 1.856 3.718 3.708a.834.834 0 0 0 1.232 0c.236-.242.477-.479.716-.718a.817.817 0 0 0 0-1.222L11.379 3.538Q9.758 1.915 8.138.29A.9.9 0 0 0 7.532 0a.864.864 0 0 0-.667.288Q5.614 1.544 4.363 2.8L.956 6.207c-.232.232-.465.463-.7.7A.812.812 0 0 0 .269 8.1l.71.71a.833.833 0 0 0 1.25 0l3.016-3L7.429 3.634Z' transform='translate(9.095) rotate(90)' fill='%231A3668'/%3E%3C/svg%3E") !important;
}
.um-directory .um-members-pagination-box .um-members-pagi .pagi.current{
.um-directory .um-members-pagination-box .um-members-pagi .pagei.current{
border-color: #fff !important;
background-color: #fff !important;
color: #3eaf49 !important;
font-weight: 800 !important;
}
.um-directory .um-members-pagination-box .um-members-pagi .pagi.current span{
.um-directory .um-members-pagination-box .um-members-pagi .pagei.current span{
border-color: #fff !important;
background-color: #fff !important;
color: #3eaf49 !important;
font-weight: 800 !important;
}
.pagi span{
.pagei span{
color: #2c2c2c !important;
}
......@@ -188,4 +188,47 @@ flex-wrap: wrap !important;
.um-directory .um-members-wrapper .um-members .um-member{
border-width: 0px !important;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
\ No newline at end of file
}
.um-directory .um-members-pagination-box .um-members-pagi .pagei {
cursor: pointer;
display: inline-block;
width: auto;
height: 34px;
line-height: 34px;
transition: all .2s linear;
padding: 0 14px;
color: #666 !important;
font-weight: normal; }
.um-directory .um-members-pagination-box .um-members-pagi .pagei {
cursor: pointer;
display: inline-block;
width: auto;
height: 34px;
line-height: 34px;
transition: all .2s linear;
padding: 0 14px;
color: #666 !important;
font-weight: normal; }
.um-directory .um-members-pagination-box .um-members-pagi .pagei.pagi-arrow {
line-height: 38px; }
.um-directory .um-members-pagination-box .um-members-pagi .pagei.pagi-arrow i:before {
font-size: 20px;
vertical-align: middle !important;
height: 34px;
line-height: 34px;
top: -2px;
position: relative; }
.um-directory .um-members-pagination-box .um-members-pagi .pagei.current {
cursor: default;
color: #fff !important; }
.um-directory .um-members-pagination-box .um-members-pagi .pagei.current:hover {
color: #fff !important; }
.um-directory .um-members-pagination-box .um-members-pagi .pagei.disabled {
cursor: default;
opacity: .4; }
.um-directory .um-members-pagination-box .um-members-pagi .pagei.none {
color: #aaa !important; }
\ No newline at end of file
......
......@@ -5,7 +5,7 @@
Author: the Understrap Contributors
Author URI: https://github.com/understrap/understrap-child/graphs/contributors
Template: understrap
Version: 1.2.0050
Version: 1.2.0051
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap-child
......
......@@ -16,14 +16,14 @@
<div class="um-members-pagi uimob340-hide uimob500-hide">
<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' ); ?>">
<span class="pagei 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}}}"><span>{{{page}}}</span></span>
<span class="pagei <# if ( page == data.pagination.current_page ) { #>current<# } #>" data-page="{{{page}}}"><span>{{{page}}}</span></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' ); ?>">
<span class="pagei 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>
</div>
......