1808 lines
56 KiB
JavaScript
1808 lines
56 KiB
JavaScript
var um_members_directory_busy = [];
|
|
|
|
var um_member_directories = [];
|
|
|
|
var um_member_directory_last_data = [];
|
|
|
|
function um_parse_current_url() {
|
|
var data = {};
|
|
|
|
var query = window.location.search.substring(1);
|
|
var attrs = query.split( '&' );
|
|
jQuery.each( attrs, function( i ) {
|
|
var attr = attrs[ i ].split( '=' );
|
|
data[ attr[0] ] = attr[1];
|
|
});
|
|
return data;
|
|
}
|
|
|
|
|
|
function um_get_data_for_directory( directory, search_key ) {
|
|
var hash = um_members_get_hash( directory );
|
|
var data = {};
|
|
|
|
var url_data = um_parse_current_url();
|
|
jQuery.each( url_data, function( key ) {
|
|
if ( key.indexOf( '_' + hash ) !== -1 && url_data[ key ] !== '' ) {
|
|
data[ key.replace( '_' + hash, '' ) ] = url_data[ key ];
|
|
}
|
|
});
|
|
|
|
if ( ! search_key ) {
|
|
return data;
|
|
} else {
|
|
if ( typeof data[ search_key ] !== 'undefined' ) {
|
|
try {
|
|
//data[ search_key ] = decodeURI( data[ search_key ] );
|
|
data[ search_key ] = decodeURIComponent( data[ search_key ] );
|
|
} catch(e) { // catches a malformed URI
|
|
console.error(e);
|
|
}
|
|
}
|
|
|
|
return data[ search_key ];
|
|
}
|
|
}
|
|
|
|
|
|
function um_set_url_from_data( directory, key, value ) {
|
|
var hash = um_members_get_hash( directory );
|
|
var data = um_get_data_for_directory( directory );
|
|
|
|
var other_directories = um_member_directories;
|
|
|
|
var new_data = {};
|
|
|
|
if ( Array.isArray( value ) ) {
|
|
jQuery.each( value, function( i ) {
|
|
value[ i ] = encodeURIComponent( value[ i ] );
|
|
});
|
|
value = value.join( '||' );
|
|
} else if ( ! jQuery.isNumeric( value ) ) {
|
|
value = value.split( '||' );
|
|
jQuery.each( value, function( i ) {
|
|
value[ i ] = encodeURIComponent( value[ i ] );
|
|
});
|
|
value = value.join( '||' );
|
|
}
|
|
|
|
if ( value !== '' ) {
|
|
new_data[ key + '_' + hash ] = value;
|
|
}
|
|
jQuery.each( data, function( data_key ) {
|
|
if ( key === data_key ) {
|
|
if ( value !== '' ) {
|
|
new_data[ data_key + '_' + hash ] = value;
|
|
}
|
|
} else {
|
|
new_data[ data_key + '_' + hash ] = data[ data_key ];
|
|
}
|
|
});
|
|
|
|
// added data of other directories to the url
|
|
jQuery.each( um_member_directories, function( k ) {
|
|
var dir_hash = um_member_directories[ k ];
|
|
if ( dir_hash !== hash ) {
|
|
var other_directory = jQuery( '.um-directory[data-hash="' + dir_hash + '"]' );
|
|
var dir_data = um_get_data_for_directory( other_directory );
|
|
|
|
jQuery.each( dir_data, function( data_key ) {
|
|
new_data[ data_key + '_' + dir_hash ] = dir_data[ data_key ];
|
|
});
|
|
}
|
|
});
|
|
|
|
var query_strings = [];
|
|
jQuery.each( new_data, function( data_key ) {
|
|
query_strings.push( data_key + '=' + new_data[ data_key ] );
|
|
});
|
|
|
|
query_strings = wp.hooks.applyFilters( 'um_member_directory_url_attrs', query_strings );
|
|
|
|
var query_string = '?' + query_strings.join( '&' );
|
|
if ( query_string === '?' ) {
|
|
query_string = '';
|
|
}
|
|
|
|
window.history.pushState("string", "UM Member Directory", window.location.origin + window.location.pathname + query_string );
|
|
}
|
|
|
|
|
|
function um_members_get_hash( directory ) {
|
|
return directory.data( 'hash' );
|
|
}
|
|
|
|
function um_is_directory_busy( directory ) {
|
|
var hash = um_members_get_hash( directory );
|
|
return typeof um_members_directory_busy[ hash ] != 'undefined' && um_members_directory_busy[ hash ];
|
|
}
|
|
|
|
|
|
function um_members_show_preloader( directory ) {
|
|
um_members_directory_busy[ um_members_get_hash( directory ) ] = true;
|
|
directory.find('.um-members-overlay').show();
|
|
}
|
|
|
|
|
|
function um_members_hide_preloader( directory ) {
|
|
um_members_directory_busy[ um_members_get_hash( directory ) ] = false;
|
|
directory.find('.um-members-overlay').hide();
|
|
}
|
|
|
|
|
|
function um_set_range_label( slider, ui ) {
|
|
var placeholder = '';
|
|
var placeholder_s = slider.siblings( '.um-slider-range' ).data( 'placeholder-s' );
|
|
var placeholder_p = slider.siblings( '.um-slider-range' ).data( 'placeholder-p' );
|
|
var um_range_min, um_range_max;
|
|
|
|
if ( ui ) {
|
|
if ( ui.values[ 0 ] === ui.values[ 1 ] ) {
|
|
placeholder = placeholder_s.replace( '\{value\}', ui.values[ 0 ] )
|
|
.replace( '\{field_label\}', slider.siblings( '.um-slider-range' )
|
|
.data('label') );
|
|
} else {
|
|
placeholder = placeholder_p.replace( '\{min_range\}', ui.values[ 0 ] )
|
|
.replace( '\{max_range\}', ui.values[ 1 ] )
|
|
.replace( '\{field_label\}', slider.siblings( '.um-slider-range' )
|
|
.data('label') );
|
|
}
|
|
um_range_min = ui.values[0];
|
|
um_range_max = ui.values[1];
|
|
} else {
|
|
if ( slider.slider( "values", 0 ) === slider.slider( "values", 1 ) ) {
|
|
placeholder = placeholder_s.replace( '\{value\}', slider.slider( "values", 0 ) )
|
|
.replace( '\{field_label\}', slider.siblings( '.um-slider-range' )
|
|
.data('label') );
|
|
} else {
|
|
placeholder = placeholder_p.replace( '\{min_range\}', slider.slider( "values", 0 ) )
|
|
.replace( '\{max_range\}', slider.slider( "values", 1 ) )
|
|
.replace( '\{field_label\}', slider.siblings( '.um-slider-range' )
|
|
.data('label') );
|
|
}
|
|
um_range_min = slider.slider( "values", 0 );
|
|
um_range_max = slider.slider( "values", 1 );
|
|
}
|
|
slider.siblings( '.um-slider-range' ).html( placeholder );
|
|
|
|
slider.siblings( ".um_range_min" ).val( um_range_min );
|
|
slider.siblings( ".um_range_max" ).val( um_range_max );
|
|
}
|
|
|
|
|
|
function um_get_search( directory ) {
|
|
if ( directory.find('.um-search-line').length ) {
|
|
return directory.find( '.um-search-line' ).val();
|
|
} else {
|
|
return '';
|
|
}
|
|
}
|
|
|
|
function um_get_sort( directory ) {
|
|
return directory.data( 'sorting' );
|
|
}
|
|
|
|
function um_get_current_page( directory ) {
|
|
var page = directory.data( 'page' );
|
|
if ( ! page || typeof page == 'undefined' ) {
|
|
page = 1;
|
|
}
|
|
return page;
|
|
}
|
|
|
|
function um_time_convert( time, range ) {
|
|
var hours = Math.floor( time / 60 );
|
|
var minutes = time % 60;
|
|
|
|
if ( minutes >= 60 ) {
|
|
minutes = 0;
|
|
hours = hours + 1;
|
|
|
|
if ( hours >= 24 ) {
|
|
hours = 0;
|
|
}
|
|
}
|
|
|
|
if ( minutes < 10 ) {
|
|
minutes = '0' + minutes;
|
|
}
|
|
|
|
return hours + ":" + minutes;
|
|
}
|
|
|
|
function um_ajax_get_members( directory, args ) {
|
|
|
|
/**
|
|
* Operates with the next data:
|
|
*
|
|
* 1) Page - getting from directory data 'page'
|
|
* 2) Sort - getting from 'um-member-directory-sorting-options' field value
|
|
* 3) Search - getting from 'um-search-line' field value
|
|
* 4) Filters - getting from URL data by 'um_get_data_for_directory' function
|
|
*
|
|
*/
|
|
|
|
var hash = um_members_get_hash( directory );
|
|
|
|
var allow = wp.hooks.applyFilters( 'um_member_directory_get_members_allow', true, hash, directory );
|
|
if ( ! allow ) {
|
|
setTimeout( um_ajax_get_members, 600, directory, args );
|
|
return;
|
|
}
|
|
|
|
var page = um_get_current_page( directory );
|
|
var search = um_get_search( directory );
|
|
var sorting = um_get_sort( directory );
|
|
|
|
var local_date = new Date();
|
|
var gmt_hours = -local_date.getTimezoneOffset() / 60;
|
|
|
|
var request = {
|
|
directory_id: hash,
|
|
page: page,
|
|
search: search,
|
|
sorting: sorting,
|
|
gmt_offset: gmt_hours,
|
|
post_refferer: directory.data('base-post'),
|
|
nonce: um_scripts.nonce
|
|
};
|
|
|
|
if ( directory.find('.um-search-filter').length ) {
|
|
directory.find('.um-search-filter').each( function() {
|
|
var filter = jQuery(this);
|
|
|
|
if ( filter.find( '.um-slider' ).length ) {
|
|
var filter_name = filter.find( '.um-slider' ).data('field_name');
|
|
|
|
var value_from = um_get_data_for_directory( directory, 'filter_' + filter_name + '_from' );
|
|
var value_to = um_get_data_for_directory( directory, 'filter_' + filter_name + '_to' );
|
|
if ( typeof value_from != 'undefined' || typeof value_to != 'undefined' ) {
|
|
request[ filter_name ] = [ value_from, value_to ];
|
|
}
|
|
} else if ( filter.find( '.um-datepicker-filter' ).length ) {
|
|
var filter_name = filter.find( '.um-datepicker-filter' ).data('filter_name');
|
|
var value_from = um_get_data_for_directory( directory, 'filter_' + filter_name + '_from' );
|
|
var value_to = um_get_data_for_directory( directory, 'filter_' + filter_name + '_to' );
|
|
if ( typeof value_from != 'undefined' || typeof value_to != 'undefined') {
|
|
request[ filter_name ] = [ value_from, value_to ];
|
|
}
|
|
} else if ( filter.find( '.um-timepicker-filter' ).length ) {
|
|
var filter_name = filter.find( '.um-timepicker-filter' ).data('filter_name');
|
|
var value_from = um_get_data_for_directory( directory, 'filter_' + filter_name + '_from' );
|
|
var value_to = um_get_data_for_directory( directory, 'filter_' + filter_name + '_to' );
|
|
|
|
if ( typeof value_from != 'undefined' ) {
|
|
var value_from = value_from.split(':');
|
|
var hours = value_from[0]*1;
|
|
if ( hours < 10 ) {
|
|
hours = '0' + hours;
|
|
}
|
|
|
|
var minutes = value_from[1]*1;
|
|
if ( minutes < 10 ) {
|
|
minutes = '0' + minutes;
|
|
}
|
|
|
|
value_from = hours + ':' + minutes + ':00';
|
|
}
|
|
if ( typeof value_to != 'undefined' ) {
|
|
var val_to = value_to.split(':');
|
|
var minutes = val_to[1]*1;
|
|
|
|
var hours = val_to[0]*1;
|
|
if ( hours < 10 ) {
|
|
hours = '0' + hours;
|
|
}
|
|
|
|
if ( minutes < 10 ) {
|
|
minutes = '0' + minutes;
|
|
}
|
|
|
|
value_to = hours + ':' + minutes + ':59';
|
|
}
|
|
|
|
if ( typeof value_from != 'undefined' || typeof value_to != 'undefined' ) {
|
|
request[ filter_name ] = [ value_from, value_to ];
|
|
}
|
|
} else if ( filter.find( 'select' ).length ) {
|
|
var filter_name = filter.find('select').attr('name');
|
|
var value = um_get_data_for_directory( directory, 'filter_' + filter_name );
|
|
if ( typeof value != 'undefined' ) {
|
|
value = um_unsanitize_value( value );
|
|
request[ filter_name ] = value.split( '||' );
|
|
}
|
|
} else if ( filter.hasClass( 'um-text-filter-type' ) && filter.find('input[type="text"]').length ) {
|
|
var filter_name = filter.find('input[type="text"]').attr('name');
|
|
var value = um_get_data_for_directory( directory, 'filter_' + filter_name );
|
|
if ( typeof value != 'undefined' ) {
|
|
value = um_unsanitize_value( value );
|
|
request[ filter_name ] = value;
|
|
}
|
|
} else {
|
|
request = wp.hooks.applyFilters( 'um_member_directory_custom_filter_handler', request, filter, directory );
|
|
}
|
|
});
|
|
}
|
|
|
|
request = wp.hooks.applyFilters( 'um_member_directory_filter_request', request );
|
|
|
|
wp.ajax.send( 'um_get_members', {
|
|
data: request,
|
|
success: function( answer ) {
|
|
//set last data hard for using on layouts reloading
|
|
um_member_directory_last_data[ hash ] = answer;
|
|
|
|
um_build_template( directory, answer );
|
|
|
|
var pagination_template = wp.template( 'um-members-pagination' );
|
|
directory.find('.um-members-pagination-box').html( pagination_template( answer ) );
|
|
|
|
directory.data( 'total_pages', answer.pagination.total_pages );
|
|
|
|
if ( answer.pagination.total_pages ) {
|
|
directory.find( '.um-member-directory-sorting-options' ).prop( 'disabled', false );
|
|
directory.find( '.um-member-directory-view-type' ).removeClass( 'um-disabled' );
|
|
} else {
|
|
directory.find( '.um-member-directory-sorting-options' ).prop( 'disabled', true );
|
|
directory.find( '.um-member-directory-view-type' ).addClass( 'um-disabled' );
|
|
}
|
|
|
|
//args.directory = directory;
|
|
wp.hooks.doAction( 'um_member_directory_loaded', directory, answer );
|
|
//jQuery( document ).trigger('um_members_rendered', [ directory, answer ] );
|
|
|
|
um_init_new_dropdown();
|
|
|
|
um_members_hide_preloader( directory );
|
|
},
|
|
error: function( data ) {
|
|
console.log( data );
|
|
|
|
um_members_hide_preloader( directory );
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
function um_build_template( directory, data ) {
|
|
var layout = directory.data('view_type');
|
|
var template = wp.template( 'um-member-' + layout + '-' + um_members_get_hash( directory ) );
|
|
|
|
if( jQuery('.um-' + um_members_get_hash( directory )).length ) {
|
|
directory.find('.um-members-grid, .um-members-list').remove();
|
|
directory.find('.um-members-wrapper').prepend(template(data.users));
|
|
|
|
var header_template = wp.template('um-members-header');
|
|
directory.find('.um-members-intro').remove();
|
|
|
|
var generate_header = wp.hooks.applyFilters('um_member_directory_generate_header', false, directory);
|
|
|
|
if ((typeof data.is_search != 'undefined' && data.is_search) || generate_header) {
|
|
directory.find('.um-members-wrapper').prepend(header_template(data));
|
|
}
|
|
|
|
directory.addClass('um-loaded');
|
|
|
|
// It's made via hook because resize is triggered with debounce delay.
|
|
wp.hooks.addAction( 'um_window_resize', 'um_members', function() {
|
|
if (directory.find('.um-members.um-members-grid').length) {
|
|
UM_Member_Grid(directory.find('.um-members.um-members-grid'));
|
|
}
|
|
});
|
|
|
|
jQuery(document).trigger('um_build_template', [directory, data]);
|
|
jQuery(window).trigger('resize');
|
|
|
|
UM.common.tipsy.init();
|
|
}
|
|
}
|
|
|
|
|
|
|
|
function UM_Member_Grid( container ) {
|
|
if ( container.find( '.um-member' ).length ) {
|
|
container.imagesLoaded( function() {
|
|
|
|
var masonry_args = wp.hooks.applyFilters( 'um_member_directory_grid_masonry_attrs', {
|
|
itemSelector: '.um-member',
|
|
columnWidth: '.um-member',
|
|
gutter: '.um-gutter-sizer'
|
|
}, container );
|
|
|
|
var $grid = container.masonry( masonry_args );
|
|
|
|
$grid.on( 'layoutComplete', function( event, laidOutItems ) {
|
|
jQuery( document ).trigger( "um_grid_initialized", [ event, laidOutItems ] );
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
|
|
function um_get_filters_data( directory ) {
|
|
var filters_data = [];
|
|
|
|
directory.find('.um-search-filter').each( function() {
|
|
|
|
var filter = jQuery(this);
|
|
var filter_name,
|
|
filter_title;
|
|
|
|
var filter_type;
|
|
if ( filter.find('input.um-datepicker-filter').length ) {
|
|
filter_type = 'datepicker';
|
|
|
|
filter.find('input.um-datepicker-filter').each( function() {
|
|
var range = jQuery(this).data('range');
|
|
if ( range === 'to' ) {
|
|
return;
|
|
}
|
|
|
|
var filter_name = jQuery(this).data('filter_name');
|
|
|
|
var filter_value_from = um_get_data_for_directory( directory, 'filter_' + filter_name + '_from' );
|
|
var filter_value_to = um_get_data_for_directory( directory, 'filter_' + filter_name + '_to' );
|
|
if ( typeof filter_value_from === 'undefined' && typeof filter_value_to === 'undefined' ) {
|
|
return;
|
|
}
|
|
|
|
var from_val = jQuery(this).val();
|
|
var to_val = directory.find('input.um-datepicker-filter[data-range="to"][data-filter_name="' + filter_name + '"]').val();
|
|
|
|
var value;
|
|
if ( from_val === to_val ) {
|
|
value = to_val;
|
|
} else if ( from_val !== '' && to_val !== '' ) {
|
|
value = from_val + ' - ' + to_val;
|
|
} else if ( from_val === '' ) {
|
|
value = 'before ' + to_val;
|
|
} else if ( to_val === '' ) {
|
|
value = 'since ' + from_val;
|
|
}
|
|
|
|
filters_data.push( {'name':filter_name, 'label':jQuery(this).data('filter-label'), 'value_label': value, 'value':[filter_value_from, filter_value_to], 'type':filter_type} );
|
|
});
|
|
|
|
} else if( filter.find('input.um-timepicker-filter').length ) {
|
|
filter_type = 'timepicker';
|
|
|
|
filter.find('input.um-timepicker-filter').each( function() {
|
|
var range = jQuery(this).data('range');
|
|
if ( range === 'to' ) {
|
|
return;
|
|
}
|
|
|
|
var filter_name = jQuery(this).data('filter_name');
|
|
|
|
var filter_value_from = um_get_data_for_directory( directory, 'filter_' + filter_name + '_from' );
|
|
var filter_value_to = um_get_data_for_directory( directory, 'filter_' + filter_name + '_to' );
|
|
if ( typeof filter_value_from === 'undefined' && typeof filter_value_to === 'undefined' ) {
|
|
return;
|
|
}
|
|
|
|
var from_val = jQuery(this).val();
|
|
var to_val = directory.find('input.um-timepicker-filter[data-range="to"][data-filter_name="' + filter_name + '"]').val();
|
|
|
|
var value;
|
|
if ( from_val === to_val ) {
|
|
value = to_val;
|
|
} else if ( from_val !== '' && to_val !== '' ) {
|
|
value = from_val + ' - ' + to_val;
|
|
} else if ( from_val === '' ) {
|
|
value = 'before ' + to_val;
|
|
} else if ( to_val === '' ) {
|
|
value = 'since ' + from_val;
|
|
}
|
|
|
|
filters_data.push( {'name':filter_name, 'label':jQuery(this).data('filter-label'), 'value_label': value, 'value':[filter_value_from, filter_value_to], 'type':filter_type} );
|
|
});
|
|
} else if( filter.find('select').length ) {
|
|
|
|
filter_type = 'select';
|
|
filter_name = filter.find('select').attr('name');
|
|
filter_title = filter.find('select').data('placeholder');
|
|
|
|
var filter_value = um_get_data_for_directory( directory, 'filter_' + filter_name );
|
|
|
|
if ( typeof filter_value == 'undefined' ) {
|
|
filter_value = [];
|
|
} else {
|
|
filter_value = um_unsanitize_value( filter_value );
|
|
filter_value = filter_value.split( '||' );
|
|
}
|
|
|
|
jQuery.each( filter_value, function(i) {
|
|
var filter_value_title = filter.find('select option[value="' + filter_value[ i ] + '"]').data('value_label');
|
|
filters_data.push( {'name':filter_name, 'label':filter_title, 'value_label':filter_value_title, 'value':filter_value[ i ], 'type':filter_type} );
|
|
});
|
|
|
|
} else if( filter.hasClass('um-text-filter-type') && filter.find('input[type="text"]').length ) {
|
|
|
|
filter_type = 'text';
|
|
filter_name = filter.find('input[type="text"]').attr('name');
|
|
filter_title = filter.find('input[type="text"]').attr('placeholder');
|
|
|
|
var filter_value = um_get_data_for_directory( directory, 'filter_' + filter_name );
|
|
if ( typeof filter_value == 'undefined' ) {
|
|
filter_value = '';
|
|
}
|
|
|
|
if ( filter_value != '' ) {
|
|
filters_data.push( {'name':filter_name, 'label':filter_title, 'value_label':filter_value, 'value':filter_value, 'type':filter_type} );
|
|
}
|
|
|
|
} else if( filter.find('div.ui-slider').length ) {
|
|
filter_type = 'slider';
|
|
|
|
filter_name = filter.find('div.ui-slider').data( 'field_name' );
|
|
var filter_value_from = um_get_data_for_directory( directory, 'filter_' + filter_name + '_from' );
|
|
var filter_value_to = um_get_data_for_directory( directory, 'filter_' + filter_name + '_to' );
|
|
|
|
if ( typeof filter_value_from === 'undefined' && typeof filter_value_to === 'undefined' ) {
|
|
return;
|
|
}
|
|
|
|
var filter_value_title;
|
|
if ( filter_value_from === filter_value_to ) {
|
|
filter_value_title = filter.find('div.um-slider-range').data( 'placeholder-s' ).replace( '\{value\}', filter_value_from )
|
|
.replace( '\{field_label\}', filter.find('div.um-slider-range').data('label') );
|
|
} else {
|
|
filter_value_title = filter.find('div.um-slider-range').data( 'placeholder-p' ).replace( '\{min_range\}', filter_value_from )
|
|
.replace( '\{max_range\}', filter_value_to )
|
|
.replace( '\{field_label\}', filter.find('div.um-slider-range').data('label') );
|
|
}
|
|
|
|
filter_title = filter.find('div.um-slider-range').data('label');
|
|
|
|
filters_data.push( {'name':filter_name, 'label':filter_title, 'value_label':filter_value_title, 'value':[filter_value_from, filter_value_to], 'type':filter_type} );
|
|
} else {
|
|
|
|
filters_data = wp.hooks.applyFilters( 'um_member_directory_get_filter_data', filters_data, directory, filter );
|
|
|
|
}
|
|
});
|
|
|
|
return filters_data;
|
|
}
|
|
|
|
|
|
function um_change_tag( directory ) {
|
|
var filters_data = um_get_filters_data( directory );
|
|
|
|
directory.find('.um-members-filter-tag').remove();
|
|
|
|
var filtered_line = directory.find('.um-filtered-line');
|
|
if ( filtered_line.length ) {
|
|
var filters_template = wp.template( 'um-members-filtered-line' );
|
|
filtered_line.prepend( filters_template( {'filters': filters_data} ) );
|
|
|
|
if ( directory.find( '.um-members-filter-remove' ).length === 0 ) {
|
|
directory.find('.um-clear-filters').hide();
|
|
directory.find('.um-clear-filters').parents('.um-member-directory-header-row').addClass( 'um-header-row-invisible' );
|
|
} else {
|
|
directory.find('.um-clear-filters').show();
|
|
directory.find('.um-clear-filters').parents('.um-member-directory-header-row').removeClass( 'um-header-row-invisible' );
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
function um_run_search( directory ) {
|
|
if ( um_is_directory_busy( directory ) ) {
|
|
return;
|
|
}
|
|
um_members_show_preloader( directory );
|
|
|
|
var pre_search = um_get_data_for_directory( directory, 'search' );
|
|
|
|
var search = um_sanitize_value( directory.find('.um-search-line').val() );
|
|
if ( search === pre_search || ( search === '' && typeof pre_search == 'undefined' ) ) {
|
|
um_members_hide_preloader( directory );
|
|
return;
|
|
}
|
|
|
|
directory.data( 'general_search', search );
|
|
um_set_url_from_data( directory, 'search', search );
|
|
|
|
//set 1st page after search
|
|
directory.data( 'page', 1 );
|
|
um_set_url_from_data( directory, 'page', '' );
|
|
|
|
|
|
var ignore_after_search = false;
|
|
ignore_after_search = wp.hooks.applyFilters( 'um_member_directory_ignore_after_search', ignore_after_search, directory );
|
|
|
|
if ( ! ignore_after_search ) {
|
|
var show_after_search = directory.data('must-search');
|
|
if ( show_after_search === 1 ) {
|
|
search = um_get_search( directory );
|
|
if ( directory.find( '.um-members-filter-remove' ).length === 0 && ! search ) {
|
|
directory.data( 'searched', 0 );
|
|
directory.find('.um-members-grid, .um-members-list, .um-members-intro').remove();
|
|
directory.find( '.um-member-directory-sorting-options' ).prop( 'disabled', true );
|
|
directory.find( '.um-member-directory-view-type' ).addClass( 'um-disabled' );
|
|
|
|
wp.hooks.doAction( 'um_member_directory_clear_not_searched', directory );
|
|
|
|
um_members_hide_preloader( directory );
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
|
|
directory.data( 'searched', 1 );
|
|
|
|
directory.find( '.um-member-directory-sorting-options' ).prop( 'disabled', false );
|
|
directory.find( '.um-member-directory-view-type' ).removeClass( 'um-disabled' );
|
|
|
|
um_ajax_get_members( directory );
|
|
}
|
|
|
|
|
|
function um_slider_filter_init( directory ) {
|
|
directory.find('.um-slider').each( function() {
|
|
var slider = jQuery( this );
|
|
var directory = slider.parents('.um-directory');
|
|
|
|
var filter_name = slider.data('field_name');
|
|
|
|
var min_default_value = um_get_data_for_directory( directory, 'filter_' + filter_name + '_from' );
|
|
var max_default_value = um_get_data_for_directory( directory, 'filter_' + filter_name + '_to' );
|
|
if ( typeof min_default_value == 'undefined' ) {
|
|
min_default_value = parseInt( slider.data('min') );
|
|
}
|
|
|
|
if ( typeof max_default_value == 'undefined' ) {
|
|
max_default_value = parseInt( slider.data('max') );
|
|
}
|
|
|
|
var default_value = [ min_default_value, max_default_value ];
|
|
|
|
slider.slider({
|
|
range: true,
|
|
min: parseInt( slider.data('min') ),
|
|
max: parseInt( slider.data('max') ),
|
|
values: default_value,
|
|
create: function( event, ui ) {
|
|
//console.log( ui );
|
|
},
|
|
step: 1,
|
|
slide: function( event, ui ) {
|
|
um_set_range_label( jQuery( this ), ui );
|
|
},
|
|
stop: function( event, ui ) {
|
|
if ( ! um_is_directory_busy( directory ) ) {
|
|
|
|
um_members_show_preloader( directory );
|
|
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_from', ui.values[0] );
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_to', ui.values[1] );
|
|
|
|
//set 1st page after filtration
|
|
directory.data( 'page', 1 );
|
|
um_set_url_from_data( directory, 'page', '' );
|
|
um_ajax_get_members( directory );
|
|
|
|
um_change_tag( directory );
|
|
|
|
directory.data( 'searched', 1 );
|
|
directory.find( '.um-member-directory-sorting-options' ).prop( 'disabled', false );
|
|
directory.find( '.um-member-directory-view-type' ).removeClass( 'um-disabled' );
|
|
}
|
|
}
|
|
});
|
|
|
|
um_set_range_label( slider );
|
|
});
|
|
}
|
|
|
|
function um_datepicker_filter_init( directory ) {
|
|
directory.find('.um-datepicker-filter').each( function() {
|
|
var elem = jQuery(this);
|
|
|
|
var min = new Date( elem.data('date_min')*1000 );
|
|
var max = new Date( elem.data('date_max')*1000 );
|
|
|
|
var $input = elem.pickadate({
|
|
selectYears: true,
|
|
min: min,
|
|
max: max,
|
|
formatSubmit: 'yyyy/mm/dd',
|
|
hiddenName: true,
|
|
onOpen: function() {
|
|
elem.blur();
|
|
},
|
|
onClose: function() {
|
|
elem.blur();
|
|
},
|
|
onSet: function( context ) {
|
|
|
|
if ( ! context.select ) {
|
|
return;
|
|
}
|
|
|
|
var directory = elem.parents('.um-directory');
|
|
|
|
if ( um_is_directory_busy( directory ) ) {
|
|
return;
|
|
}
|
|
|
|
um_members_show_preloader( directory );
|
|
|
|
var filter_name = elem.data( 'filter_name' );
|
|
var range = elem.data( 'range' );
|
|
|
|
var current_value_from = um_get_data_for_directory( directory, 'filter_' + filter_name + '_from' );
|
|
var current_value_to = um_get_data_for_directory( directory, 'filter_' + filter_name + '_to' );
|
|
if ( typeof current_value_from === "undefined" ) {
|
|
current_value_from = min / 1000;
|
|
}
|
|
if ( typeof current_value_to === "undefined" ) {
|
|
current_value_to = max / 1000;
|
|
}
|
|
|
|
var select_val = context.select / 1000;
|
|
var change_val = elem.val();
|
|
|
|
if ( range === 'from' ) {
|
|
current_value_from = select_val;
|
|
} else if ( range === 'to' ) {
|
|
current_value_to = select_val;
|
|
}
|
|
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_from', current_value_from );
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_to', current_value_to );
|
|
|
|
//set 1st page after filtration
|
|
directory.data( 'page', 1 );
|
|
um_set_url_from_data( directory, 'page', '' );
|
|
|
|
um_ajax_get_members( directory );
|
|
|
|
um_change_tag( directory );
|
|
|
|
directory.data( 'searched', 1 );
|
|
directory.find( '.um-member-directory-sorting-options' ).prop( 'disabled', false );
|
|
directory.find( '.um-member-directory-view-type' ).removeClass( 'um-disabled' );
|
|
}
|
|
});
|
|
|
|
var $picker = $input.pickadate('picker');
|
|
var $fname = elem.data('filter_name');
|
|
var $frange = elem.data('range');
|
|
var $directory = elem.parents('.um-directory');
|
|
|
|
var query_value = um_get_data_for_directory( $directory, 'filter_' + $fname + '_' + $frange );
|
|
if ( typeof query_value !== 'undefined' ) {
|
|
$picker.set( 'select', query_value*1000 );
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
function um_timepicker_filter_init( directory ) {
|
|
directory.find('.um-timepicker-filter').each( function() {
|
|
var elem = jQuery(this);
|
|
var elemID = elem.attr('id');
|
|
var elem_filter_name = elem.data('filter_name');
|
|
|
|
//using arrays formatted as [HOUR,MINUTE]
|
|
var min = elem.attr('data-min');
|
|
var max = elem.attr('data-max');
|
|
|
|
var picker_min = min.split(':');
|
|
var picker_max = max.split(':');
|
|
|
|
var $input = elem.pickatime({
|
|
format: elem.data('format'),
|
|
interval: parseInt( elem.data('intervals') ),
|
|
min: [picker_min[0],picker_min[1]],
|
|
max: [picker_max[0],picker_max[1]],
|
|
formatSubmit: 'HH:i',
|
|
hiddenName: true,
|
|
onOpen: function() { elem.blur(); },
|
|
onClose: function() { elem.blur(); },
|
|
onSet: function( context ) {
|
|
|
|
if ( ! context.select ) {
|
|
return;
|
|
}
|
|
|
|
var directory = elem.parents('.um-directory');
|
|
|
|
if ( um_is_directory_busy( directory ) ) {
|
|
return;
|
|
}
|
|
|
|
um_members_show_preloader( directory );
|
|
|
|
var filter_name = elem.data( 'filter_name' );
|
|
var range = elem.data( 'range' );
|
|
|
|
var current_value_from = um_get_data_for_directory( directory, 'filter_' + filter_name + '_from' );
|
|
var current_value_to = um_get_data_for_directory( directory, 'filter_' + filter_name + '_to' );
|
|
if ( typeof current_value_from === "undefined" ) {
|
|
current_value_from = min;
|
|
}
|
|
if ( typeof current_value_to === "undefined" ) {
|
|
current_value_to = max;
|
|
}
|
|
|
|
if ( typeof context.select !== 'undefined' ) {
|
|
var select_val = um_time_convert( context.select, range );
|
|
|
|
//var select_val = context.select / 60;
|
|
|
|
if ( range === 'from' ) {
|
|
current_value_from = select_val;
|
|
} else if ( range === 'to' ) {
|
|
current_value_to = select_val;
|
|
}
|
|
} else {
|
|
if ( range === 'from' ) {
|
|
current_value_from = min;
|
|
} else if ( range === 'to' ) {
|
|
current_value_to = max;
|
|
}
|
|
}
|
|
|
|
var time = jQuery( '#' + elemID ).val();
|
|
|
|
if ( elem.data('range') === 'from' ) {
|
|
jQuery( '#' + elem_filter_name + '_to' ).pickatime('picker').set('min', time);
|
|
} else {
|
|
jQuery( '#' + elem_filter_name + '_from').pickatime('picker').set('max', time);
|
|
}
|
|
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_from', current_value_from );
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_to', current_value_to );
|
|
|
|
//set 1st page after filtration
|
|
directory.data( 'page', 1 );
|
|
um_set_url_from_data( directory, 'page', '' );
|
|
|
|
um_ajax_get_members( directory );
|
|
|
|
um_change_tag( directory );
|
|
|
|
directory.data( 'searched', 1 );
|
|
directory.find( '.um-member-directory-sorting-options' ).prop( 'disabled', false );
|
|
directory.find( '.um-member-directory-view-type' ).removeClass( 'um-disabled' );
|
|
|
|
}
|
|
});
|
|
|
|
// first loading timepicker select
|
|
var $picker = $input.pickatime('picker');
|
|
var $fname = elem.data('filter_name');
|
|
var $frange = elem.data('range');
|
|
var $directory = elem.parents('.um-directory');
|
|
|
|
var query_value = um_get_data_for_directory( $directory, 'filter_' + $fname + '_' + $frange );
|
|
if ( typeof query_value !== 'undefined' ) {
|
|
var arr = query_value.split(':');
|
|
$picker.set( 'select', arr[0]*60 + arr[1]*1 );
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
jQuery(document.body).ready( function() {
|
|
|
|
|
|
jQuery( '.um-directory .um-search-filter select' ).each( function() {
|
|
if ( jQuery(this).find('option:not(:disabled)').length === 1 ) {
|
|
jQuery(this).prop('disabled', true);
|
|
}
|
|
|
|
var obj = jQuery(this);
|
|
obj.select2('destroy').select2({
|
|
dropdownParent: obj.parent()
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Change View Type Handlers
|
|
*/
|
|
|
|
|
|
//UI for change view type button
|
|
jQuery( document.body ).on( 'mouseover', '.um-directory .um-member-directory-view-type', function() {
|
|
if ( jQuery(this).hasClass('um-disabled') ) {
|
|
return;
|
|
}
|
|
|
|
var $obj = jQuery(this).find('.um-member-directory-view-type-a:visible');
|
|
|
|
$obj.hide();
|
|
|
|
if ( $obj.next().length ) {
|
|
$obj.next().show().tipsy('show');
|
|
} else {
|
|
jQuery(this).find( '.um-member-directory-view-type-a:first' ).show().tipsy('show');
|
|
}
|
|
}).on( 'mouseout', '.um-directory .um-member-directory-view-type', function() {
|
|
if ( jQuery(this).hasClass('um-disabled') ) {
|
|
return;
|
|
}
|
|
|
|
jQuery(this).find('.um-member-directory-view-type-a').hide().tipsy('hide');
|
|
jQuery(this).find('.um-member-directory-view-type-a[data-type="' + jQuery(this).parents( '.um-directory' ).data('view_type') + '"]').show();
|
|
});
|
|
|
|
//change layout handler
|
|
jQuery( document.body ).on( 'click', '.um-directory .um-member-directory-view-type-a', function() {
|
|
var directory = jQuery(this).parents('.um-directory');
|
|
if ( um_is_directory_busy( directory ) ) {
|
|
return false;
|
|
}
|
|
|
|
var $this = jQuery(this);
|
|
var views = $this.parents('.um-member-directory-view-type');
|
|
|
|
if ( views.hasClass('um-disabled') ) {
|
|
return;
|
|
}
|
|
|
|
um_members_show_preloader( directory );
|
|
|
|
var $obj = views.find('.um-member-directory-view-type-a:visible');
|
|
|
|
$obj.hide();
|
|
|
|
if ( $obj.next().length ) {
|
|
$obj.next().show().tipsy('show');
|
|
} else {
|
|
views.find( '.um-member-directory-view-type-a:first' ).show().tipsy('show');
|
|
}
|
|
|
|
var data = um_member_directory_last_data[ um_members_get_hash( directory ) ];
|
|
if ( data !== null ) {
|
|
var layout = $this.data('type');
|
|
|
|
um_set_url_from_data( directory, 'view_type', layout );
|
|
directory.data( 'view_type', layout );
|
|
|
|
um_build_template( directory, data );
|
|
|
|
um_init_new_dropdown();
|
|
}
|
|
um_members_hide_preloader( directory );
|
|
});
|
|
|
|
|
|
/**
|
|
* END: Change View Type Handlers
|
|
*/
|
|
|
|
|
|
/**
|
|
* General Search
|
|
*/
|
|
|
|
|
|
//searching
|
|
jQuery( document.body ).on( 'click', '.um-directory .um-do-search', function() {
|
|
var directory = jQuery(this).parents('.um-directory');
|
|
um_run_search( directory );
|
|
});
|
|
|
|
|
|
//make search on Enter click
|
|
jQuery( document.body ).on( 'keypress', '.um-directory .um-search-line', function(e) {
|
|
if ( e.which === 13 ) {
|
|
var directory = jQuery(this).parents('.um-directory');
|
|
um_run_search( directory );
|
|
}
|
|
});
|
|
|
|
|
|
/**
|
|
* END: General Search
|
|
*/
|
|
|
|
|
|
|
|
/**
|
|
* Sorting
|
|
*/
|
|
|
|
jQuery( document.body ).on( 'click', '.um-new-dropdown[data-element=".um-member-directory-sorting-a"] li a', function() {
|
|
if ( jQuery( this ).data('selected') === 1 ) {
|
|
return;
|
|
}
|
|
|
|
var directory_hash = jQuery(this).data('directory-hash');
|
|
var directory = jQuery('.um-directory[data-hash="' + directory_hash + '"]');
|
|
|
|
if ( um_is_directory_busy( directory ) ) {
|
|
return;
|
|
}
|
|
|
|
um_members_show_preloader( directory );
|
|
|
|
var sorting_label = jQuery( this ).html();
|
|
var sort = jQuery(this).data('value');
|
|
|
|
directory.data( 'sorting', sort );
|
|
um_set_url_from_data( directory, 'sort', sort );
|
|
|
|
um_ajax_get_members( directory );
|
|
|
|
directory.find('.um-new-dropdown[data-element=".um-member-directory-sorting-a"]').find('a').data('selected', 0).prop('data-selected', 0).attr('data-selected', 0);
|
|
directory.find('.um-new-dropdown[data-element=".um-member-directory-sorting-a"] a[data-value="' + sort + '"]').data('selected', 1).prop('data-selected', 1).attr('data-selected', 1);
|
|
directory.find('.um-member-directory-sorting-a').find('> a').html( sorting_label );
|
|
});
|
|
|
|
/**
|
|
* END: Sorting
|
|
*/
|
|
|
|
|
|
|
|
/**
|
|
* Pagination
|
|
*/
|
|
|
|
|
|
jQuery( document.body ).on( 'click', '.um-directory .pagi: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( directory );
|
|
});
|
|
|
|
|
|
//mobile pagination
|
|
jQuery( document.body ).on( 'change', '.um-directory .um-members-pagi-dropdown', function() {
|
|
var directory = jQuery(this).parents('.um-directory');
|
|
|
|
if ( um_is_directory_busy( directory ) ) {
|
|
return;
|
|
}
|
|
|
|
um_members_show_preloader( directory );
|
|
|
|
var page = jQuery(this).val();
|
|
|
|
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( directory );
|
|
});
|
|
|
|
|
|
/**
|
|
* END: Pagination
|
|
*/
|
|
|
|
|
|
/**
|
|
* Profile Cards actions
|
|
*/
|
|
|
|
jQuery( document.body ).on('click', '.um-directory .um-members.um-members-list .um-member-more a', function(e){
|
|
e.preventDefault();
|
|
|
|
var block = jQuery(this).parents('.um-member');
|
|
|
|
block.find('.um-member-more').hide();
|
|
block.find('.um-member-meta-main').slideDown();
|
|
block.find('.um-member-less').fadeIn();
|
|
|
|
return false;
|
|
});
|
|
|
|
jQuery( document.body ).on('click', '.um-directory .um-members.um-members-list .um-member-less a', function(e){
|
|
e.preventDefault();
|
|
|
|
var block = jQuery(this).parents('.um-member');
|
|
|
|
block.find('.um-member-less').hide();
|
|
block.find('.um-member-meta-main').slideUp();
|
|
block.find('.um-member-more').fadeIn();
|
|
|
|
return false;
|
|
});
|
|
|
|
|
|
jQuery( document.body ).on('click', '.um-directory .um-members.um-members-grid .um-member-more a', function(e){
|
|
e.preventDefault();
|
|
|
|
var block = jQuery(this).parents('.um-member');
|
|
var container = jQuery(this).parents('.um-members');
|
|
block.find('.um-member-more').hide();
|
|
block.find('.um-member-meta').slideDown( function(){ UM_Member_Grid( container ) } );
|
|
block.find('.um-member-less').fadeIn( );
|
|
|
|
setTimeout(function(){ UM_Member_Grid( container ) }, 100);
|
|
|
|
return false;
|
|
});
|
|
|
|
jQuery( document.body ).on('click', '.um-directory .um-members.um-members-grid .um-member-less a', function(e){
|
|
e.preventDefault();
|
|
|
|
var block = jQuery(this).parents('.um-member');
|
|
var container = jQuery(this).parents('.um-members');
|
|
block.find('.um-member-less').hide();
|
|
block.find('.um-member-meta').slideUp( function() {
|
|
block.find('.um-member-more').fadeIn();
|
|
UM_Member_Grid( container );
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
/**
|
|
* END: Profile Cards actions
|
|
*/
|
|
|
|
|
|
//filters controls
|
|
jQuery('.um-member-directory-filters-a').on( 'click', function() {
|
|
var obj = jQuery(this);
|
|
var search_bar = obj.parents('.um-directory').find('.um-search');
|
|
|
|
if ( search_bar.is( ':visible' ) ) {
|
|
search_bar.slideUp( 250, function(){
|
|
obj.toggleClass('um-member-directory-filters-visible');
|
|
search_bar.parents('.um-member-directory-header-row').toggleClass('um-header-row-invisible');
|
|
});
|
|
} else {
|
|
search_bar.slideDown({
|
|
duration: 250,
|
|
start: function() {
|
|
jQuery(this).css({
|
|
display: "grid"
|
|
});
|
|
obj.toggleClass('um-member-directory-filters-visible');
|
|
search_bar.parents('.um-member-directory-header-row').toggleClass('um-header-row-invisible');
|
|
}
|
|
} );
|
|
}
|
|
});
|
|
|
|
|
|
//filtration process
|
|
jQuery( document.body ).on( 'change', '.um-directory .um-search-filter select', function() {
|
|
var selected_val_raw = jQuery(this).val();
|
|
var selected_val = um_sanitize_value( selected_val_raw );
|
|
|
|
if ( selected_val === '' ) {
|
|
return;
|
|
}
|
|
|
|
var directory = jQuery(this).parents('.um-directory');
|
|
|
|
if ( um_is_directory_busy( directory ) ) {
|
|
return;
|
|
}
|
|
|
|
um_members_show_preloader( directory );
|
|
|
|
var filter_name = jQuery(this).prop('name');
|
|
|
|
var current_value = um_get_data_for_directory( directory, 'filter_' + filter_name );
|
|
if ( typeof current_value == 'undefined' ) {
|
|
current_value = [];
|
|
} else {
|
|
current_value = current_value.split( '||' );
|
|
}
|
|
|
|
if ( -1 === jQuery.inArray( selected_val, current_value ) ) {
|
|
current_value.push( selected_val );
|
|
current_value = current_value.join( '||' );
|
|
|
|
um_set_url_from_data( directory, 'filter_' + filter_name, current_value );
|
|
|
|
//set 1st page after filtration
|
|
directory.data( 'page', 1 );
|
|
um_set_url_from_data( directory, 'page', '' );
|
|
}
|
|
|
|
//disable options and disable select if all options are disabled
|
|
jQuery(this).find('option[value="' + selected_val_raw + '"]').prop('disabled', true).hide();
|
|
if ( jQuery(this).find('option:not(:disabled)').length === 1 ) {
|
|
jQuery(this).prop('disabled', true);
|
|
}
|
|
|
|
var obj = jQuery(this);
|
|
obj.select2('destroy').select2({
|
|
dropdownParent: obj.parent()
|
|
});
|
|
obj.val('').trigger( 'change' );
|
|
|
|
um_ajax_get_members( directory );
|
|
|
|
um_change_tag( directory );
|
|
|
|
directory.data( 'searched', 1 );
|
|
directory.find( '.um-member-directory-sorting-options' ).prop( 'disabled', false );
|
|
directory.find( '.um-member-directory-view-type' ).removeClass( 'um-disabled' );
|
|
// if ( directory.find( '.um-search-filter select[data-um-parent="' + filter_name + '"]' ).length > 0 ) {
|
|
// jQuery(this).trigger('change');
|
|
// }
|
|
});
|
|
|
|
|
|
jQuery( document.body ).on( 'blur', '.um-directory .um-search-filter.um-text-filter-type input[type="text"]', function() {
|
|
var directory = jQuery(this).parents('.um-directory');
|
|
|
|
if ( um_is_directory_busy( directory ) ) {
|
|
return;
|
|
}
|
|
|
|
var current_value = um_sanitize_value( jQuery(this).val() );
|
|
var filter_name = jQuery(this).prop('name');
|
|
var url_value = um_get_data_for_directory( directory, 'filter_' + filter_name );
|
|
|
|
if ( typeof url_value == 'undefined' ) {
|
|
url_value = '';
|
|
}
|
|
|
|
if ( current_value === url_value ) {
|
|
return;
|
|
}
|
|
|
|
um_members_show_preloader( directory );
|
|
um_set_url_from_data( directory, 'filter_' + filter_name, current_value );
|
|
|
|
//set 1st page after filtration
|
|
directory.data( 'page', 1 );
|
|
um_set_url_from_data( directory, 'page', '' );
|
|
|
|
um_ajax_get_members( directory );
|
|
|
|
um_change_tag( directory );
|
|
|
|
directory.data( 'searched', 1 );
|
|
directory.find( '.um-member-directory-sorting-options' ).prop( 'disabled', false );
|
|
directory.find( '.um-member-directory-view-type' ).removeClass( 'um-disabled' );
|
|
});
|
|
|
|
|
|
//make search on Enter click
|
|
jQuery( document.body ).on( 'keypress', '.um-directory .um-search-filter.um-text-filter-type input[type="text"]', function(e) {
|
|
if ( e.which === 13 ) {
|
|
var directory = jQuery(this).parents('.um-directory');
|
|
|
|
if ( um_is_directory_busy( directory ) ) {
|
|
return;
|
|
}
|
|
|
|
var current_value = um_sanitize_value( jQuery(this).val() );
|
|
var filter_name = jQuery(this).prop('name');
|
|
var url_value = um_get_data_for_directory( directory, 'filter_' + filter_name );
|
|
|
|
if ( typeof url_value == 'undefined' ) {
|
|
url_value = '';
|
|
}
|
|
|
|
if ( current_value === url_value ) {
|
|
return;
|
|
}
|
|
|
|
um_members_show_preloader( directory );
|
|
um_set_url_from_data( directory, 'filter_' + filter_name, current_value );
|
|
|
|
//set 1st page after filtration
|
|
directory.data( 'page', 1 );
|
|
um_set_url_from_data( directory, 'page', '' );
|
|
|
|
um_ajax_get_members( directory );
|
|
|
|
um_change_tag( directory );
|
|
|
|
directory.data( 'searched', 1 );
|
|
directory.find( '.um-member-directory-sorting-options' ).prop( 'disabled', false );
|
|
directory.find( '.um-member-directory-view-type' ).removeClass( 'um-disabled' );
|
|
}
|
|
});
|
|
|
|
|
|
|
|
jQuery( document.body ).on( 'click', '.um-directory .um-members-filter-remove', function() {
|
|
var directory = jQuery(this).parents('.um-directory');
|
|
|
|
if ( um_is_directory_busy(directory) || ! directory ) {
|
|
return;
|
|
}
|
|
|
|
um_members_show_preloader( directory );
|
|
|
|
var removeItem = jQuery(this).data('value');
|
|
var filter_name = jQuery(this).data('name');
|
|
|
|
var type = jQuery(this).data('type');
|
|
if ( type === 'text' ) {
|
|
um_set_url_from_data( directory, 'filter_' + filter_name,'' );
|
|
|
|
jQuery( '.um-search-filter input[name="' + filter_name + '"]' ).val('');
|
|
|
|
} else if ( type === 'select' ) {
|
|
|
|
var current_value = um_get_data_for_directory( directory, 'filter_' + filter_name );
|
|
if ( typeof current_value == 'undefined' ) {
|
|
current_value = [];
|
|
} else {
|
|
current_value = um_unsanitize_value( current_value );
|
|
current_value = current_value.split( '||' );
|
|
}
|
|
|
|
if ( -1 !== jQuery.inArray( removeItem.toString(), current_value ) ) {
|
|
current_value = jQuery.grep( current_value, function( value ) {
|
|
return value !== removeItem.toString();
|
|
});
|
|
}
|
|
|
|
if ( ! current_value.length ) {
|
|
current_value = '';
|
|
}
|
|
|
|
um_set_url_from_data( directory, 'filter_' + filter_name, current_value );
|
|
|
|
var select = jQuery( '.um-search-filter select[name="' + filter_name + '"]' );
|
|
select.find('option[value="' + removeItem + '"]').prop('disabled', false).show();
|
|
|
|
//disable options and disable select if all options are disabled
|
|
if ( select.find('option:not(:disabled)').length > 1 ) {
|
|
select.prop('disabled', false);
|
|
}
|
|
|
|
select.select2('destroy').select2({
|
|
dropdownParent: select.parent()
|
|
});
|
|
|
|
if ( directory.find( '.um-search-filter select[data-um-parent="' + filter_name + '"]' ).length > 0 ) {
|
|
select.trigger('change');
|
|
}
|
|
|
|
} else if ( type === 'slider' ) {
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_from','' );
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_to', '' );
|
|
|
|
|
|
var $slider = jQuery( '.um-search-filter #' + filter_name + '_min' ).siblings('.um-slider');
|
|
var options = $slider.slider( 'option' );
|
|
|
|
$slider.slider( 'values', [ options.min, options.max ] );
|
|
|
|
jQuery( '.um-search-filter #' + filter_name + '_min' ).val('');
|
|
jQuery( '.um-search-filter #' + filter_name + '_max' ).val('');
|
|
|
|
um_set_range_label( $slider );
|
|
} else if ( type === 'datepicker' ) {
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_from','' );
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_to', '' );
|
|
|
|
jQuery( '.um-search-filter #' + filter_name + '_from' ).val('');
|
|
jQuery( '.um-search-filter #' + filter_name + '_to' ).val('');
|
|
} else if ( type === 'timepicker' ) {
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_from','' );
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_to', '' );
|
|
|
|
jQuery( '.um-search-filter #' + filter_name + '_from' ).val('');
|
|
jQuery( '.um-search-filter #' + filter_name + '_to' ).val('');
|
|
} else {
|
|
wp.hooks.doAction( 'um_member_directory_filter_remove', type, directory, filter_name, removeItem );
|
|
}
|
|
|
|
|
|
//set 1st page after filtration
|
|
directory.data( 'page', 1 );
|
|
um_set_url_from_data( directory, 'page', '' );
|
|
|
|
jQuery(this).tipsy('hide');
|
|
jQuery(this).parents('.um-members-filter-tag').remove();
|
|
|
|
if ( directory.find( '.um-members-filter-remove' ).length === 0 ) {
|
|
directory.find('.um-clear-filters').hide();
|
|
} else {
|
|
directory.find('.um-clear-filters').show();
|
|
}
|
|
|
|
var ignore_after_search = false;
|
|
ignore_after_search = wp.hooks.applyFilters( 'um_member_directory_ignore_after_search', ignore_after_search, directory );
|
|
|
|
if ( ! ignore_after_search ) {
|
|
var show_after_search = directory.data('must-search');
|
|
if ( show_after_search === 1 ) {
|
|
var search = um_get_search( directory );
|
|
if ( directory.find( '.um-members-filter-remove' ).length === 0 && ! search ) {
|
|
directory.data( 'searched', 0 );
|
|
directory.find('.um-members-grid, .um-members-list, .um-members-intro').remove();
|
|
directory.find( '.um-member-directory-sorting-options' ).prop( 'disabled', true );
|
|
directory.find( '.um-member-directory-view-type' ).addClass( 'um-disabled' );
|
|
|
|
wp.hooks.doAction( 'um_member_directory_clear_not_searched', directory );
|
|
|
|
um_members_hide_preloader( directory );
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
|
|
directory.find( '.um-member-directory-sorting-options' ).prop( 'disabled', false );
|
|
directory.find( '.um-member-directory-view-type' ).removeClass( 'um-disabled' );
|
|
|
|
um_ajax_get_members( directory );
|
|
});
|
|
|
|
|
|
jQuery( document.body ).on( 'click', '.um-directory .um-clear-filters-a', function() {
|
|
var directory = jQuery(this).parents('.um-directory');
|
|
if ( um_is_directory_busy( directory ) ) {
|
|
return;
|
|
}
|
|
|
|
um_members_show_preloader( directory );
|
|
|
|
directory.find( '.um-members-filter-remove' ).each( function() {
|
|
var removeItem = jQuery(this).data('value');
|
|
var filter_name = jQuery(this).data('name');
|
|
|
|
var type = jQuery(this).data('type');
|
|
if ( type === 'text' ) {
|
|
um_set_url_from_data( directory, 'filter_' + filter_name,'' );
|
|
|
|
jQuery( '.um-search-filter input[name="' + filter_name + '"]' ).val('');
|
|
|
|
} else if ( type === 'select' ) {
|
|
|
|
var current_value = um_get_data_for_directory( directory, 'filter_' + filter_name );
|
|
if ( typeof current_value == 'undefined' ) {
|
|
current_value = [];
|
|
} else {
|
|
current_value = um_unsanitize_value( current_value );
|
|
current_value = current_value.split( '||' );
|
|
}
|
|
|
|
if ( -1 !== jQuery.inArray( removeItem.toString(), current_value ) ) {
|
|
current_value = jQuery.grep( current_value, function( value ) {
|
|
return value !== removeItem.toString();
|
|
});
|
|
}
|
|
|
|
if ( ! current_value.length ) {
|
|
current_value = '';
|
|
}
|
|
|
|
um_set_url_from_data( directory, 'filter_' + filter_name, current_value );
|
|
|
|
var select = jQuery( '.um-search-filter select[name="' + filter_name + '"]' );
|
|
select.find('option[value="' + removeItem + '"]').prop('disabled', false).show();
|
|
|
|
//disable options and disable select if all options are disabled
|
|
if ( select.find('option:not(:disabled)').length > 1 ) {
|
|
select.prop('disabled', false);
|
|
}
|
|
select.select2('destroy').select2({
|
|
dropdownParent: select.parent()
|
|
});
|
|
|
|
if ( directory.find( '.um-search-filter select[data-um-parent="' + filter_name + '"]' ).length > 0 ) {
|
|
setTimeout(function(){
|
|
select.trigger('change');
|
|
}, 250);
|
|
}
|
|
|
|
} else if ( type === 'slider' ) {
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_from','' );
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_to', '' );
|
|
|
|
var $slider = jQuery( '.um-search-filter #' + filter_name + '_min' ).siblings('.um-slider');
|
|
var options = $slider.slider( 'option' );
|
|
|
|
$slider.slider( 'values', [ options.min, options.max ] );
|
|
|
|
jQuery( '.um-search-filter #' + filter_name + '_min' ).val('');
|
|
jQuery( '.um-search-filter #' + filter_name + '_max' ).val('');
|
|
|
|
um_set_range_label( $slider );
|
|
} else if ( type === 'datepicker' ) {
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_from','' );
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_to', '' );
|
|
|
|
jQuery( '.um-search-filter #' + filter_name + '_from' ).val('');
|
|
jQuery( '.um-search-filter #' + filter_name + '_to' ).val('');
|
|
} else if ( type === 'timepicker' ) {
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_from','' );
|
|
um_set_url_from_data( directory, 'filter_' + filter_name + '_to', '' );
|
|
|
|
jQuery( '.um-search-filter #' + filter_name + '_from' ).val('');
|
|
jQuery( '.um-search-filter #' + filter_name + '_to' ).val('');
|
|
} else {
|
|
wp.hooks.doAction( 'um_member_directory_clear_filters', type, directory, filter_name, removeItem );
|
|
}
|
|
});
|
|
|
|
//set 1st page after filtration
|
|
directory.data( 'page', 1 );
|
|
um_set_url_from_data( directory, 'page', '' );
|
|
directory.find('.um-members-filter-tag').remove();
|
|
|
|
//jQuery(this).hide();
|
|
if ( directory.find( '.um-members-filter-remove' ).length === 0 ) {
|
|
directory.find('.um-clear-filters').hide();
|
|
directory.find('.um-clear-filters').parents('.um-member-directory-header-row').addClass( 'um-header-row-invisible' );
|
|
} else {
|
|
directory.find('.um-clear-filters').show();
|
|
directory.find('.um-clear-filters').parents('.um-member-directory-header-row').removeClass( 'um-header-row-invisible' );
|
|
}
|
|
|
|
var ignore_after_search = false;
|
|
ignore_after_search = wp.hooks.applyFilters( 'um_member_directory_ignore_after_search', ignore_after_search, directory );
|
|
|
|
if ( ! ignore_after_search ) {
|
|
var show_after_search = directory.data('must-search');
|
|
if ( show_after_search === 1 ) {
|
|
var search = um_get_search( directory );
|
|
if ( ! search ) {
|
|
directory.data( 'searched', 0 );
|
|
directory.find('.um-members-grid, .um-members-list, .um-members-intro').remove();
|
|
directory.find( '.um-member-directory-sorting-options' ).prop( 'disabled', true );
|
|
directory.find( '.um-member-directory-view-type' ).addClass( 'um-disabled' );
|
|
|
|
wp.hooks.doAction( 'um_member_directory_clear_not_searched', directory );
|
|
|
|
um_members_hide_preloader( directory );
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
|
|
directory.find( '.um-member-directory-sorting-options' ).prop( 'disabled', false );
|
|
directory.find( '.um-member-directory-view-type' ).removeClass( 'um-disabled' );
|
|
|
|
um_ajax_get_members( directory );
|
|
});
|
|
|
|
|
|
/**
|
|
* First Page Loading
|
|
*/
|
|
|
|
wp.hooks.doAction( 'um_member_directory_on_first_pages_loading' );
|
|
|
|
//Init Directories
|
|
jQuery( '.um-directory' ).each( function() {
|
|
var directory = jQuery(this);
|
|
var hash = um_members_get_hash( directory );
|
|
|
|
um_member_directories.push( hash );
|
|
|
|
// slideup/slidedown animation fix for grid filters bar
|
|
if ( directory.find('.um-search').length ) {
|
|
if ( ! directory.find('.um-search').is(':visible') ) {
|
|
directory.find('.um-search').css({
|
|
display: "grid"
|
|
}).slideUp( 1 );
|
|
}
|
|
}
|
|
|
|
//slider filter
|
|
um_slider_filter_init( directory );
|
|
|
|
//datepicker filter
|
|
um_datepicker_filter_init( directory );
|
|
|
|
//timepicker filter
|
|
um_timepicker_filter_init( directory );
|
|
|
|
wp.hooks.doAction( 'um_member_directory_on_init', directory, hash );
|
|
|
|
var ignore_after_search = false;
|
|
ignore_after_search = wp.hooks.applyFilters( 'um_member_directory_ignore_after_search', ignore_after_search, directory );
|
|
|
|
if ( ! ignore_after_search ) {
|
|
var show_after_search = directory.data('must-search');
|
|
if ( show_after_search === 1 ) {
|
|
var search = um_get_search( directory );
|
|
var filters_data = um_get_filters_data( directory );
|
|
if ( ! filters_data.length && ! search ) {
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
|
|
var prevent_default = wp.hooks.applyFilters( 'um_member_directory_prevent_default_first_loading', false, directory, hash );
|
|
|
|
if ( ! prevent_default ) {
|
|
um_members_show_preloader( directory );
|
|
um_ajax_get_members( directory, {first_load:true} );
|
|
um_change_tag( directory );
|
|
}
|
|
});
|
|
|
|
|
|
//history events when back/forward and change window.location.hash
|
|
window.addEventListener( "popstate", function(e) {
|
|
jQuery( '.um-directory' ).each( function() {
|
|
var directory = jQuery(this);
|
|
var hash = um_members_get_hash( directory );
|
|
um_member_directories.push( hash );
|
|
|
|
um_members_show_preloader( directory );
|
|
|
|
// clear layout and header
|
|
directory.find('.um-members-grid, .um-members-list, .um-members-intro').remove();
|
|
|
|
// set search from history
|
|
if ( directory.find( '.um-member-directory-search-line' ).length ) {
|
|
var search = um_get_data_for_directory( directory, 'search' );
|
|
if ( typeof search == 'undefined' ) {
|
|
search = '';
|
|
}
|
|
directory.data( 'general_search', search );
|
|
directory.find('.um-search-line').val( search );
|
|
}
|
|
|
|
var page = um_get_data_for_directory( directory, 'page' );
|
|
if ( typeof page == 'undefined' ) {
|
|
page = 1;
|
|
} else if ( page > directory.data( 'total_pages' ) ) {
|
|
page = directory.data( 'total_pages' );
|
|
}
|
|
|
|
directory.data( 'page', page ).attr( 'data-page', page );
|
|
|
|
//sorting from history
|
|
if ( directory.find( '.um-member-directory-sorting' ).length ) {
|
|
var sort = um_get_data_for_directory( directory, 'sort' );
|
|
if ( typeof sort == 'undefined' ) {
|
|
sort = directory.find( '.um-new-dropdown[data-element=".um-member-directory-sorting-a"]' ).find('a[data-default="1"]').data('value');
|
|
}
|
|
directory.data( 'sorting', sort );
|
|
|
|
var sort_dropdown = directory.find( '.um-new-dropdown[data-element=".um-member-directory-sorting-a"]' );
|
|
sort_dropdown.find('a').data('selected', 0).prop('data-selected', 0).attr('data-selected', 0);
|
|
sort_dropdown.find('a[data-value="' + sort + '"]').data('selected', 1).prop('data-selected', 1).attr('data-selected', 1);
|
|
directory.find('.um-member-directory-sorting-a').find('> a').html( sort_dropdown.find('a[data-value="' + sort + '"]').html() );
|
|
}
|
|
|
|
//view type from history
|
|
if ( directory.find( '.um-member-directory-view-type' ).length ) {
|
|
var layout = um_get_data_for_directory( directory, 'view_type' );
|
|
if ( typeof layout == 'undefined' ) {
|
|
layout = directory.find( '.um-member-directory-view-type-a[data-default="1"]' ).data('type');
|
|
}
|
|
directory.data( 'view_type', layout );
|
|
|
|
directory.find('.um-member-directory-view-type .um-member-directory-view-type-a').hide();
|
|
directory.find('.um-member-directory-view-type .um-member-directory-view-type-a[data-type="' + layout + '"]').show();
|
|
}
|
|
|
|
//datepicker filter
|
|
directory.find('.um-datepicker-filter').each( function() {
|
|
var elem = jQuery(this);
|
|
|
|
var $picker = elem.pickadate('picker');
|
|
var $fname = elem.data('filter_name');
|
|
var $frange = elem.data('range');
|
|
|
|
var query_value = um_get_data_for_directory( directory, 'filter_' + $fname + '_' + $frange );
|
|
if ( typeof query_value !== 'undefined' ) {
|
|
$picker.set( 'select', query_value*1000 );
|
|
} else {
|
|
$picker.clear();
|
|
}
|
|
});
|
|
|
|
directory.find('.um-slider').each( function() {
|
|
var slider = jQuery( this );
|
|
var filter_name = slider.data('field_name');
|
|
|
|
var min_default_value = um_get_data_for_directory( directory, 'filter_' + filter_name + '_from' );
|
|
var max_default_value = um_get_data_for_directory( directory, 'filter_' + filter_name + '_to' );
|
|
if ( typeof min_default_value == 'undefined' ) {
|
|
min_default_value = slider.data('min');
|
|
}
|
|
min_default_value = parseInt( min_default_value );
|
|
|
|
if ( typeof max_default_value == 'undefined' ) {
|
|
max_default_value = slider.data('max');
|
|
}
|
|
max_default_value = parseInt( max_default_value );
|
|
|
|
slider.slider( 'values', [min_default_value, max_default_value] );
|
|
um_set_range_label( slider );
|
|
});
|
|
|
|
//timepicker filter
|
|
directory.find('.um-timepicker-filter').each( function() {
|
|
var elem = jQuery(this);
|
|
|
|
var $picker = elem.pickatime('picker');
|
|
var $fname = elem.data('filter_name');
|
|
var $frange = elem.data('range');
|
|
|
|
var query_value = um_get_data_for_directory( directory, 'filter_' + $fname + '_' + $frange );
|
|
if ( typeof query_value !== 'undefined' ) {
|
|
var arr = query_value.split(':');
|
|
$picker.set( 'select', arr[0]*60 );
|
|
} else {
|
|
$picker.clear();
|
|
}
|
|
});
|
|
|
|
var ignore_after_search = false;
|
|
ignore_after_search = wp.hooks.applyFilters( 'um_member_directory_ignore_after_search', ignore_after_search, directory );
|
|
|
|
if ( ! ignore_after_search ) {
|
|
var show_after_search = directory.data('must-search');
|
|
if ( show_after_search === 1 ) {
|
|
var search = um_get_search( directory );
|
|
var filters_data = um_get_filters_data( directory );
|
|
if ( ! filters_data.length && ! search ) {
|
|
directory.data( 'searched', 0 );
|
|
um_members_hide_preloader( directory );
|
|
return;
|
|
} else {
|
|
directory.data( 'searched', 1 );
|
|
}
|
|
}
|
|
}
|
|
|
|
var prevent_default = wp.hooks.applyFilters( 'um_member_directory_prevent_default_first_loading', false, directory, hash );
|
|
|
|
if ( ! prevent_default ) {
|
|
um_ajax_get_members( directory );
|
|
um_change_tag( directory );
|
|
}
|
|
});
|
|
});
|
|
|
|
});
|