mirror of
https://github.com/10h30/ultimatemember.git
synced 2026-06-05 15:09:37 +09:00
Mykyta Synelnikov
1a3a6aec53
This update modifies the AJAX request in `forms.js` by including the field ID in the data payload. This improvement enables more precise handling of form fields in the Ultimate Member plugin's admin interface.
1176 lines
38 KiB
JavaScript
1176 lines
38 KiB
JavaScript
function um_admin_init_users_select() {
|
|
if ( jQuery('.um-user-select-field:visible:not(.um-select2-inited)').length ) {
|
|
function avatarformat( data ) {
|
|
var option;
|
|
if ( ! data.id ) {
|
|
return data.text;
|
|
}
|
|
|
|
if ( 'undefined' !== typeof data.img ) {
|
|
option = jQuery('<span><img style="vertical-align: sub; width: 20px; height: 20px;" src="' + data.img + '" /> ' + data.text + '</span>');
|
|
} else {
|
|
let img;
|
|
if ( 'undefined' !== typeof data.element ) {
|
|
if ( 'undefined' !== typeof data.element.attributes['data-img'] ) {
|
|
img = data.element.attributes['data-img']['value'];
|
|
}
|
|
}
|
|
if ( img ) {
|
|
option = jQuery('<img style="vertical-align: sub; width: 20px; height: 20px;" src="' + img + '" /> ' + data.text + '</span>');
|
|
} else {
|
|
option = jQuery('<span>' + data.text + '</span>');
|
|
}
|
|
}
|
|
return option;
|
|
}
|
|
|
|
var select2_atts = {
|
|
ajax: {
|
|
url: wp.ajax.settings.url,
|
|
dataType: 'json',
|
|
delay: 250, // delay in ms while typing when to perform a AJAX search
|
|
data: function( params ) {
|
|
var args = {
|
|
action: 'um_get_users', // AJAX action for admin-ajax.php
|
|
search: params.term, // search query
|
|
page: params.page || 1, // infinite scroll pagination
|
|
nonce: um_admin_scripts.nonce
|
|
};
|
|
|
|
jQuery.each( jQuery(this)[0].attributes, function() {
|
|
// this.attributes is not a plain object, but an array
|
|
// of attribute nodes, which contain both the name and value
|
|
if ( this.specified ) {
|
|
if ( -1 !== this.name.indexOf( 'data-ajax-args-' ) ) {
|
|
var arg_name = this.name.replace( 'data-ajax-args-', '' ).trim();
|
|
args[ arg_name ] = this.value;
|
|
}
|
|
}
|
|
});
|
|
|
|
return args;
|
|
},
|
|
processResults: function( response, params ) {
|
|
params.page = params.page || 1;
|
|
var options = [];
|
|
|
|
if ( response.data.users ) {
|
|
jQuery.each( response.data.users, function( index, text ) {
|
|
if ( typeof text.img !== 'undefined' ) {
|
|
options.push({ id: text.ID, text: text.user_login + ' (#' + text.ID + ')', img: text.img });
|
|
} else {
|
|
options.push( { id: text.ID, text: text.user_login + ' (#' + text.ID + ')' } );
|
|
}
|
|
});
|
|
}
|
|
|
|
return {
|
|
results: options,
|
|
pagination: {
|
|
more: ( params.page * 20 ) < response.data.total_count
|
|
}
|
|
};
|
|
},
|
|
cache: true
|
|
},
|
|
minimumInputLength: 0, // the minimum of symbols to input before perform a search
|
|
allowClear: true,
|
|
width: "100%",
|
|
allowHtml: true,
|
|
dropdownCssClass: 'um-select2-users-dropdown',
|
|
containerCssClass : 'um-select2-users-container',
|
|
placeholder: jQuery(this).data('placeholder'),
|
|
templateSelection: avatarformat,
|
|
templateResult: avatarformat
|
|
};
|
|
|
|
let selector = jQuery('.um-user-select-field:visible:not(.um-select2-inited)');
|
|
|
|
selector.each( function() {
|
|
if ( jQuery(this).hasClass('select2-hidden-accessible') ) {
|
|
jQuery(this).removeClass('um-select2-inited').select2( 'destroy' );
|
|
}
|
|
});
|
|
|
|
selector.addClass('um-select2-inited').select2( select2_atts );
|
|
}
|
|
}
|
|
|
|
|
|
function um_admin_init_pages_select() {
|
|
// multiple select with AJAX search
|
|
jQuery('.um-pages-select2').select2({
|
|
ajax: {
|
|
url: wp.ajax.settings.url,
|
|
dataType: 'json',
|
|
delay: 250, // delay in ms while typing when to perform a AJAX search
|
|
data: function( params ) {
|
|
let fieldID = jQuery(this).attr('id');
|
|
return {
|
|
search: params.term, // search query
|
|
action: 'um_get_pages_list', // AJAX action for admin-ajax.php
|
|
page: params.page || 1, // infinite scroll pagination
|
|
field_id: fieldID, // select ID
|
|
nonce: um_admin_scripts.nonce
|
|
};
|
|
},
|
|
processResults: function( data, params ) {
|
|
params.page = params.page || 1;
|
|
var options = [];
|
|
|
|
if ( data ) {
|
|
|
|
// data is the array of arrays, and each of them contains ID and the Label of the option
|
|
jQuery.each( data, function( index, text ) { // do not forget that "index" is just auto incremented value
|
|
if ( index === 'total_count' ) {
|
|
return;
|
|
}
|
|
options.push( { id: text[0], text: text[1] } );
|
|
});
|
|
|
|
}
|
|
|
|
return {
|
|
results: options,
|
|
pagination: {
|
|
more: ( params.page * 10 ) < data.total_count
|
|
}
|
|
};
|
|
},
|
|
cache: true
|
|
},
|
|
placeholder: jQuery(this).data('placeholder'),
|
|
minimumInputLength: 0, // the minimum of symbols to input before perform a search
|
|
allowClear: true,
|
|
});
|
|
}
|
|
|
|
/**
|
|
*
|
|
* @param field_key
|
|
* @param line
|
|
*/
|
|
function um_add_same_page_log( field_key, line ) {
|
|
var log_field = jQuery( '.um-same-page-update-' + field_key ).find( '.upgrade_log' );
|
|
var previous_html = log_field.html();
|
|
log_field.html( previous_html + line + "<br />" );
|
|
}
|
|
|
|
|
|
function um_same_page_wrong_ajax( field_key ) {
|
|
um_add_same_page_log( field_key, wp.i18n.__( 'Wrong AJAX response...', 'ultimate-member' ) );
|
|
um_add_same_page_log( field_key, wp.i18n.__( 'Your upgrade was crashed, please contact with support', 'ultimate-member' ) );
|
|
}
|
|
|
|
|
|
function um_same_page_something_wrong( field_key ) {
|
|
um_add_same_page_log( field_key, wp.i18n.__( 'Something went wrong with AJAX request...', 'ultimate-member' ) );
|
|
um_add_same_page_log( field_key, wp.i18n.__( 'Your upgrade was crashed, please contact with support', 'ultimate-member' ) );
|
|
}
|
|
|
|
|
|
jQuery(document).ready( function() {
|
|
um_admin_init_users_select();
|
|
um_admin_init_pages_select();
|
|
|
|
/**
|
|
* Same page upgrade field
|
|
*/
|
|
jQuery( document.body ).on( 'click', '.um-forms-field[data-log-object]', function() {
|
|
var obj = jQuery( this ).data( 'log-object' );
|
|
if ( jQuery( this ).is( ':checked' ) ) {
|
|
jQuery( this ).parents('label').siblings( '.um-same-page-update-' + obj ).show();
|
|
} else {
|
|
jQuery( this ).parents('label').siblings( '.um-same-page-update-' + obj ).hide();
|
|
}
|
|
});
|
|
|
|
|
|
jQuery( document.body ).on( 'click', '.um-admin-form-same-page-update', function() {
|
|
var field_key = jQuery(this).data('upgrade_cb');
|
|
jQuery(this).prop( 'disabled', true );
|
|
|
|
um_add_same_page_log( field_key, wp.i18n.__( 'Upgrade Process Started...', 'ultimate-member' ) );
|
|
|
|
if ( field_key === 'sync_metatable' ) {
|
|
var metadata_pages = 0;
|
|
var metadata_per_page = 500;
|
|
var current_page;
|
|
|
|
jQuery.ajax({
|
|
url: wp.ajax.settings.url,
|
|
type: 'POST',
|
|
dataType: 'json',
|
|
data: {
|
|
action: 'um_same_page_update',
|
|
cb_func: 'um_usermeta_fields',
|
|
nonce: um_admin_scripts.nonce
|
|
},
|
|
success: function( response ) {
|
|
get_metadata();
|
|
},
|
|
error: function() {
|
|
um_same_page_something_wrong( field_key );
|
|
}
|
|
});
|
|
|
|
|
|
/**
|
|
*
|
|
* @returns {boolean}
|
|
*/
|
|
function get_metadata() {
|
|
current_page = 1;
|
|
|
|
um_add_same_page_log( field_key, wp.i18n.__( 'Getting metadata', 'ultimate-member' ) );
|
|
jQuery.ajax({
|
|
url: wp.ajax.settings.url,
|
|
type: 'POST',
|
|
dataType: 'json',
|
|
data: {
|
|
action: 'um_same_page_update',
|
|
cb_func: 'um_get_metadata',
|
|
nonce: um_admin_scripts.nonce
|
|
},
|
|
success: function( response ) {
|
|
if ( typeof response.data.count != 'undefined' ) {
|
|
um_add_same_page_log( field_key, wp.i18n.__( 'There are ', 'ultimate-member' ) + response.data.count + wp.i18n.__( ' metadata rows...', 'ultimate-member' ) );
|
|
um_add_same_page_log( field_key, wp.i18n.__( 'Start metadata upgrading...', 'ultimate-member' ) );
|
|
|
|
metadata_pages = Math.ceil( response.data.count / metadata_per_page );
|
|
|
|
update_metadata_per_page();
|
|
} else {
|
|
um_same_page_wrong_ajax( field_key );
|
|
}
|
|
},
|
|
error: function() {
|
|
um_same_page_something_wrong( field_key );
|
|
}
|
|
});
|
|
|
|
return false;
|
|
}
|
|
|
|
|
|
function update_metadata_per_page() {
|
|
if ( current_page <= metadata_pages ) {
|
|
jQuery.ajax({
|
|
url: wp.ajax.settings.url,
|
|
type: 'POST',
|
|
dataType: 'json',
|
|
data: {
|
|
action: 'um_same_page_update',
|
|
cb_func: 'um_update_metadata_per_page',
|
|
page: current_page,
|
|
nonce: um_admin_scripts.nonce
|
|
},
|
|
success: function( response ) {
|
|
if ( typeof response.data != 'undefined' ) {
|
|
um_add_same_page_log( field_key, response.data.message );
|
|
current_page++;
|
|
update_metadata_per_page();
|
|
} else {
|
|
um_same_page_wrong_ajax( field_key );
|
|
}
|
|
},
|
|
error: function() {
|
|
um_same_page_something_wrong( field_key );
|
|
}
|
|
});
|
|
} else {
|
|
window.location = um_forms_data.successfully_redirect;
|
|
}
|
|
}
|
|
} else {
|
|
wp.hooks.doAction( 'um_same_page_upgrade', field_key );
|
|
}
|
|
});
|
|
|
|
|
|
/**
|
|
* Sortable items
|
|
*/
|
|
jQuery('.um-sortable-items-field').sortable({
|
|
items: '.um-sortable-item',
|
|
connectWith: '.um-admin-drag-col,.um-admin-drag-group',
|
|
forcePlaceholderSize: true,
|
|
update: function( event, ui ) {
|
|
var sortable_value = [];
|
|
jQuery(this).find('li').each( function() {
|
|
if ( ! jQuery(this).hasClass( 'um-hidden-item' ) ) {
|
|
sortable_value.push( jQuery(this).data('tab-id') );
|
|
}
|
|
});
|
|
|
|
jQuery(this).siblings('.um-sortable-items-value' ).val( sortable_value.join( ',' ) );
|
|
}
|
|
});
|
|
|
|
|
|
/**
|
|
* Multi-selects sort
|
|
*/
|
|
jQuery('.um-multi-selects-list.um-sortable-multi-selects').sortable({
|
|
items: '.um-admin-drag-fld',
|
|
connectWith: '.um-admin-drag-col,.um-admin-drag-group',
|
|
forcePlaceholderSize: true
|
|
});
|
|
|
|
jQuery('.um-multi-selects-list[data-field_id="_um_sorting_fields"] li').each( function() {
|
|
var if_other = jQuery(this).find( '.um-field-wrapper:not(.um-custom-order-fields) select' ).val();
|
|
if ( if_other === 'other' ) {
|
|
jQuery(this).find( '.um-field-wrapper.um-custom-order-fields' ).show();
|
|
} else {
|
|
jQuery(this).find( '.um-field-wrapper.um-custom-order-fields' ).hide();
|
|
}
|
|
});
|
|
|
|
jQuery( '.um-forms-line[data-field_type="md_sorting_fields"] .um-multi-selects-add-option' ).on('click', function() {
|
|
var list = jQuery(this).siblings('ul.um-multi-selects-list');
|
|
|
|
var sortable = list.hasClass( 'um-sortable-multi-selects' );
|
|
|
|
var field_id = list.data('field_id');
|
|
var k = 0;
|
|
if ( list.find( 'li:last select.um-forms-field' ).length > 0 ) {
|
|
k = list.find( 'li:last select.um-forms-field' ).attr('id').split("-");
|
|
k = k[1]*1 + 1;
|
|
}
|
|
|
|
var selector_html = jQuery( '<div>' ).append( list.siblings('.um-hidden-multi-selects').clone() ).html();
|
|
|
|
var html = '<li class="um-multi-selects-option-line' + ( sortable ? ' um-admin-drag-fld' : '' ) + '">';
|
|
if ( sortable ) {
|
|
html += '<span class="um-field-icon"><i class="um-faicon-sort"></i></span>';
|
|
}
|
|
|
|
let dataTypesOptions = '';
|
|
jQuery.each( um_forms_data.md_sorting_data_types, function( key, label ) {
|
|
dataTypesOptions += '<option value="' + key + '">' + label + '</option>';
|
|
} );
|
|
|
|
html += '<span class="um-field-wrapper">' + selector_html + '</span>' +
|
|
'<span class="um-field-control">' +
|
|
'<a href="javascript:void(0);" class="um-select-delete">' + wp.i18n.__( 'Remove', 'ultimate-member' ) + '</a>' +
|
|
'</span>' +
|
|
'<span class="um-field-wrapper um-custom-order-fields"><label>' + wp.i18n.__( 'Meta key', 'ultimate-member' ) + ': <input type="text" name="meta_key" /></label></span>' +
|
|
'<span class="um-field-wrapper um-custom-order-fields"><label>' + wp.i18n.__( 'Data type', 'ultimate-member' ) + ': <select name="data_type" />' +
|
|
dataTypesOptions +
|
|
'</select></label></span>' +
|
|
'<span class="um-field-wrapper um-custom-order-fields"><label>' + wp.i18n.__( 'Order', 'ultimate-member' ) + ': <select name="order" />' +
|
|
'<option value="ASC">' + wp.i18n.__( 'ASC', 'ultimate-member' ) + '</option>' +
|
|
'<option value="DESC">' + wp.i18n.__( 'DESC', 'ultimate-member' ) + '</option>' +
|
|
'</select></label></span>' +
|
|
'<span class="um-field-wrapper um-custom-order-fields"><label>' + wp.i18n.__( 'Label', 'ultimate-member' ) + ': <input type="text" name="label" /></label></span>' +
|
|
'</li>';
|
|
list.append( html );
|
|
|
|
list.find('li:last .um-hidden-multi-selects').attr('name', jQuery(this).data('name') ).
|
|
addClass('um-forms-field um-long-field').removeClass('um-hidden-multi-selects').attr('id', list.data('id_attr') + '-' + k).trigger('change');
|
|
|
|
jQuery( '#' + list.data('id_attr') + '-' + k ).parents('li').find('.um-field-wrapper.um-custom-order-fields input[name="meta_key"]').attr('name', 'um_metadata[_um_sorting_fields][other_data][' + k + '][meta_key]');
|
|
jQuery( '#' + list.data('id_attr') + '-' + k ).parents('li').find('.um-field-wrapper.um-custom-order-fields input[name="label"]').attr('name', 'um_metadata[_um_sorting_fields][other_data][' + k + '][label]');
|
|
jQuery( '#' + list.data('id_attr') + '-' + k ).parents('li').find('.um-field-wrapper.um-custom-order-fields select[name="data_type"]').attr('name', 'um_metadata[_um_sorting_fields][other_data][' + k + '][data_type]');
|
|
jQuery( '#' + list.data('id_attr') + '-' + k ).parents('li').find('.um-field-wrapper.um-custom-order-fields select[name="order"]').attr('name', 'um_metadata[_um_sorting_fields][other_data][' + k + '][order]');
|
|
});
|
|
|
|
|
|
jQuery( document.body ).on( 'change', '.um-multi-selects-list[data-field_id="_um_sorting_fields"] .um-field-wrapper:not(.um-custom-order-fields) select', function() {
|
|
var if_other = jQuery(this).val();
|
|
|
|
if ( if_other === 'other' ) {
|
|
jQuery(this).parents('li').find( '.um-field-wrapper.um-custom-order-fields' ).show();
|
|
} else {
|
|
jQuery(this).parents('li').find( '.um-field-wrapper.um-custom-order-fields' ).hide();
|
|
}
|
|
});
|
|
|
|
|
|
/**
|
|
* Multi-selects field
|
|
*/
|
|
jQuery( document.body ).on( 'click', '.um-multi-selects-option-line .um-select-delete', function() {
|
|
jQuery( this ).parents( 'li.um-multi-selects-option-line' ).remove();
|
|
});
|
|
|
|
/**
|
|
* Multi-selects field
|
|
*/
|
|
jQuery( document.body ).on( 'click', '.um-md-default-filters-option-line .um-select-delete', function() {
|
|
jQuery( this ).parents( 'li.um-md-default-filters-option-line' ).remove();
|
|
});
|
|
|
|
jQuery( '.um-multi-selects-add-option' ).on('click', function() {
|
|
if ( jQuery(this).parents( '.um-forms-line[data-field_type="md_sorting_fields"]' ).length ) {
|
|
return;
|
|
}
|
|
|
|
var list = jQuery(this).siblings('ul.um-multi-selects-list');
|
|
|
|
var sortable = list.hasClass( 'um-sortable-multi-selects' );
|
|
|
|
var field_id = list.data('field_id');
|
|
var k = 0;
|
|
if ( list.find( 'li:last select.um-forms-field' ).length > 0 ) {
|
|
k = list.find( 'li:last select.um-forms-field' ).attr('id').split("-");
|
|
k = k[1]*1 + 1;
|
|
}
|
|
|
|
var selector_html = jQuery( '<div>' ).append( list.siblings('.um-hidden-multi-selects').clone() ).html();
|
|
|
|
var html = '<li class="um-multi-selects-option-line' + ( sortable ? ' um-admin-drag-fld' : '' ) + '">';
|
|
if ( sortable ) {
|
|
html += '<span class="um-field-icon"><i class="um-faicon-sort"></i></span>';
|
|
}
|
|
|
|
html += '<span class="um-field-wrapper">' + selector_html + '</span>' +
|
|
'<span class="um-field-control">' +
|
|
'<a href="javascript:void(0);" class="um-select-delete">' + wp.i18n.__( 'Remove', 'ultimate-member' ) + '</a>' +
|
|
'</span>' +
|
|
'</li>';
|
|
list.append( html );
|
|
|
|
list.find('li:last .um-hidden-multi-selects').attr('name', jQuery(this).data('name') ).
|
|
addClass('um-forms-field um-long-field').removeClass('um-hidden-multi-selects').attr('id', list.data('id_attr') + '-' + k);
|
|
});
|
|
|
|
jQuery('.um-multi-selects-add-option[data-name="um_metadata[_um_search_exclude_fields][]"]').on('click', function() {
|
|
jQuery('.um-multi-selects-list[data-field_id="_um_search_include_fields"] li.um-multi-selects-option-line').remove();
|
|
});
|
|
|
|
jQuery('.um-multi-selects-add-option[data-name="um_metadata[_um_search_include_fields][]"]').on('click', function() {
|
|
jQuery('.um-multi-selects-list[data-field_id="_um_search_exclude_fields"] li.um-multi-selects-option-line').remove();
|
|
});
|
|
|
|
var um_local_date = new Date();
|
|
var um_gmt_hours = -um_local_date.getTimezoneOffset() / 60;
|
|
jQuery('input[name="um-gmt-offset"]').val( um_gmt_hours );
|
|
|
|
//slider filter
|
|
jQuery('.um-admin-metabox').find('.um-slider').each( function() {
|
|
var slider = jQuery( this );
|
|
|
|
var min_default_value = parseInt( slider.data('min') );
|
|
var max_default_value = parseInt( slider.data('max') );
|
|
|
|
if ( typeof jQuery( '#' + slider.data('field_name') + '_min' ).val() != 'undefined' ) {
|
|
min_default_value = jQuery( '#' + slider.data('field_name') + '_min' ).val();
|
|
}
|
|
if ( typeof jQuery( '#' + slider.data('field_name') + '_max' ).val() != 'undefined' ) {
|
|
max_default_value = jQuery( '#' + slider.data('field_name') + '_max' ).val();
|
|
}
|
|
|
|
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 ) {
|
|
|
|
}
|
|
});
|
|
|
|
um_set_range_label( slider );
|
|
});
|
|
|
|
|
|
//datepicker filter
|
|
jQuery('.um-admin-metabox').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();
|
|
elem.siblings('.picker').find('.picker__button--close').addClass('button');
|
|
},
|
|
onClose: function() {
|
|
elem.blur();
|
|
},
|
|
onSet: function( context ) {
|
|
|
|
}
|
|
});
|
|
|
|
var $picker = $input.pickadate('picker');
|
|
if ( elem.data('value') ) {
|
|
$picker.set( 'select', elem.data('value')*1000 );
|
|
}
|
|
});
|
|
|
|
|
|
//timepicker filter
|
|
jQuery('.um-admin-metabox').find('.um-timepicker-filter').each( function() {
|
|
var elem = jQuery(this);
|
|
|
|
//using arrays formatted as [HOUR,MINUTE]
|
|
|
|
var min = elem.data('min');
|
|
var max = elem.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 ) {
|
|
|
|
}
|
|
});
|
|
});
|
|
|
|
var um_member_dir_filters_busy = false;
|
|
|
|
jQuery( document.body ).on( 'change', '.um-md-default-filters-option-line .um-field-wrapper select', function() {
|
|
if ( um_member_dir_filters_busy ) {
|
|
return;
|
|
}
|
|
|
|
var obj = jQuery(this);
|
|
var filter_key = obj.val();
|
|
var directory_id = obj.data('member_directory');
|
|
|
|
um_member_dir_filters_busy = true;
|
|
wp.ajax.send( 'um_member_directory_default_filter_settings', {
|
|
data: {
|
|
key: filter_key,
|
|
directory_id: directory_id,
|
|
nonce: um_admin_scripts.nonce
|
|
},
|
|
success: function( data ) {
|
|
var field_wrapper = obj.parents( '.um-md-default-filters-option-line' ).find('.um-field-wrapper2');
|
|
field_wrapper.html( data.field_html );
|
|
|
|
um_member_dir_filters_busy = false;
|
|
|
|
//slider filter
|
|
field_wrapper.find('.um-slider').each( function() {
|
|
var slider = jQuery( this );
|
|
var min_default_value = parseInt( slider.data('min') );
|
|
var 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 ) {
|
|
|
|
}
|
|
});
|
|
|
|
um_set_range_label( slider );
|
|
});
|
|
|
|
|
|
//datepicker filter
|
|
field_wrapper.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();
|
|
elem.siblings('.picker').find('.picker__button--close').addClass('button');
|
|
},
|
|
onClose: function() {
|
|
elem.blur();
|
|
},
|
|
onSet: function( context ) {
|
|
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
//timepicker filter
|
|
field_wrapper.find('.um-timepicker-filter').each( function() {
|
|
var elem = jQuery(this);
|
|
|
|
//using arrays formatted as [HOUR,MINUTE]
|
|
|
|
var min = elem.data('min');
|
|
var max = elem.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 ) {
|
|
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
},
|
|
error: function( data ) {
|
|
return false;
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
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 );
|
|
}
|
|
|
|
|
|
jQuery( '.um-md-default-filters-add-option' ).on('click', function() {
|
|
if ( um_member_dir_filters_busy ) {
|
|
return;
|
|
}
|
|
|
|
var list = jQuery(this).siblings('ul.um-md-default-filters-list');
|
|
|
|
var field_id = list.data('field_id');
|
|
var k = 0;
|
|
if ( list.find( 'li:last select.um-forms-field' ).length > 0 ) {
|
|
k = list.find( 'li:last select.um-forms-field' ).attr('id').split("-");
|
|
k = k[1]*1 + 1;
|
|
}
|
|
|
|
var selector_html = jQuery( '<div>' ).append( list.siblings('.um-hidden-md-default-filters').clone() ).html();
|
|
|
|
list.append(
|
|
'<li class="um-md-default-filters-option-line"><span class="um-field-wrapper">' + selector_html +
|
|
'</span></span><span class="um-field-control"><a href="javascript:void(0);" class="um-select-delete">' + wp.i18n.__( 'Remove', 'ultimate-member' ) + '</a></span><span class="um-field-wrapper2 um"></li>'
|
|
);
|
|
|
|
list.find('li:last .um-hidden-md-default-filters').attr('name', jQuery(this).data('name') ).
|
|
addClass('um-forms-field um-long-field').removeClass('um-hidden-md-default-filters').attr('id', list.data('id_attr') + '-' + k);
|
|
|
|
list.find('li:last .um-field-wrapper select').trigger('change');
|
|
});
|
|
|
|
|
|
/**
|
|
* Multi-text field
|
|
*/
|
|
jQuery( document.body ).on( 'click', '.um-text-delete', function() {
|
|
jQuery(this).parents('li.um-multi-text-option-line').remove();
|
|
});
|
|
|
|
|
|
jQuery( '.um-multi-text-add-option' ).on('click', function() {
|
|
var list = jQuery(this).siblings( 'ul.um-multi-text-list' );
|
|
|
|
var k = 0;
|
|
if ( list.find( 'li:last input.um-forms-field' ).length > 0 ) {
|
|
k = list.find( 'li:last input.um-forms-field' ).attr('id').split("-");
|
|
k = k[1]*1 + 1;
|
|
}
|
|
|
|
var text_html = jQuery( '<div>' ).append( list.siblings('.um-hidden-multi-text').clone() ).html();
|
|
|
|
var classes = list.data('item_class');
|
|
|
|
list.append(
|
|
'<li class="' + classes + '"><span class="um-field-wrapper">' + text_html +
|
|
'</span><span class="um-field-control"><a href="javascript:void(0);" class="um-text-delete">' + wp.i18n.__( 'Remove', 'ultimate-member' ) + '</a></span></li>'
|
|
);
|
|
|
|
list.find('li:last .um-hidden-multi-text').attr('name', jQuery(this).data('name') ).
|
|
addClass('um-forms-field um-long-field').removeClass('um-hidden-multi-text').attr('id', list.data('id_attr') + '-' + k);
|
|
});
|
|
|
|
|
|
/**
|
|
* Media uploader
|
|
*/
|
|
jQuery( '.um-media-upload' ).each( function() {
|
|
var field = jQuery(this).find( '.um-forms-field' );
|
|
var default_value = field.data('default');
|
|
|
|
if ( field.val() != '' && field.val() != default_value ) {
|
|
field.siblings('.um-set-image').hide();
|
|
field.siblings('.um-clear-image').show();
|
|
field.siblings('.icon_preview').show();
|
|
} else {
|
|
if ( field.val() == default_value ) {
|
|
field.siblings('.icon_preview').show();
|
|
}
|
|
field.siblings('.um-set-image').show();
|
|
field.siblings('.um-clear-image').hide();
|
|
}
|
|
});
|
|
|
|
|
|
if ( typeof wp !== 'undefined' && wp.media && wp.media.editor ) {
|
|
var frame;
|
|
|
|
jQuery( '.um-set-image' ).on('click', function(e) {
|
|
var button = jQuery(this);
|
|
|
|
e.preventDefault();
|
|
|
|
// If the media frame already exists, reopen it.
|
|
if ( frame ) {
|
|
frame.remove();
|
|
/*frame.open();
|
|
return;*/
|
|
}
|
|
|
|
// Create a new media frame
|
|
frame = wp.media({
|
|
title: button.data('upload_frame'),
|
|
button: {
|
|
text: wp.i18n.__( 'Select', 'ultimate-member' )
|
|
},
|
|
multiple: false // Set to true to allow multiple files to be selected
|
|
});
|
|
|
|
// When an image is selected in the media frame...
|
|
frame.on( 'select', function() {
|
|
// Get media attachment details from the frame state
|
|
var attachment = frame.state().get('selection').first().toJSON();
|
|
|
|
// Send the attachment URL to our custom image input field.
|
|
button.siblings('.icon_preview').attr( 'src', attachment.url ).show();
|
|
|
|
button.siblings('.um-forms-field').val( attachment.url );
|
|
button.siblings('.um-media-upload-data-id').val(attachment.id);
|
|
button.siblings('.um-media-upload-data-width').val(attachment.width);
|
|
button.siblings('.um-media-upload-data-height').val(attachment.height);
|
|
button.siblings('.um-media-upload-data-thumbnail').val(attachment.thumbnail);
|
|
button.siblings('.um-media-upload-data-url').trigger('change');
|
|
button.siblings('.um-media-upload-url').val(attachment.url);
|
|
|
|
button.siblings('.um-clear-image').show();
|
|
button.hide();
|
|
|
|
jQuery( document ).trigger( 'um_media_upload_select', [button, attachment] );
|
|
});
|
|
|
|
frame.open();
|
|
});
|
|
|
|
jQuery('.icon_preview').on('click', function(e) {
|
|
jQuery(this).siblings('.um-set-image').trigger('click');
|
|
});
|
|
|
|
jQuery('.um-clear-image').on('click', function(e) {
|
|
let clear_button = jQuery(this);
|
|
let default_image_url = clear_button.siblings('.um-forms-field').data('default');
|
|
if ( undefined === default_image_url ) {
|
|
default_image_url = '';
|
|
}
|
|
|
|
clear_button.siblings('.um-set-image').show();
|
|
clear_button.hide();
|
|
clear_button.siblings('.icon_preview').attr( 'src', default_image_url );
|
|
if ( '' === default_image_url ) {
|
|
clear_button.siblings('.icon_preview').hide();
|
|
}
|
|
clear_button.siblings('.um-media-upload-data-id').val('');
|
|
clear_button.siblings('.um-media-upload-data-width').val('');
|
|
clear_button.siblings('.um-media-upload-data-height').val('');
|
|
clear_button.siblings('.um-media-upload-data-thumbnail').val('');
|
|
clear_button.siblings('.um-forms-field').val( default_image_url );
|
|
clear_button.siblings('.um-media-upload-data-url').trigger('change');
|
|
clear_button.siblings('.um-media-upload-url').val( default_image_url );
|
|
|
|
jQuery( document ).trigger( 'um_media_upload_clear', clear_button );
|
|
});
|
|
}
|
|
|
|
|
|
/**
|
|
* On option fields change
|
|
*/
|
|
jQuery( document.body ).on('change', '.um-forms-field', function() {
|
|
if ( jQuery('.um-forms-line[data-conditional*=\'"' + jQuery(this).data('field_id') + '",\']').length > 0 || jQuery('.um-forms-line[data-conditional*=\'' + jQuery(this).data('field_id') + '|\']').length > 0 || jQuery('.um-forms-line[data-conditional*=\'|' + jQuery(this).data('field_id') + '\']').length > 0 ) {
|
|
run_check_conditions();
|
|
}
|
|
});
|
|
|
|
|
|
//first load hide unconditional fields
|
|
run_check_conditions();
|
|
|
|
|
|
/**
|
|
* Run conditional logic
|
|
*/
|
|
function run_check_conditions() {
|
|
jQuery( '.um-forms-line' ).removeClass('um-forms-line-conditioned').each( function() {
|
|
if ( typeof jQuery(this).data('conditional') === 'undefined' || jQuery(this).hasClass('um-forms-line-conditioned') )
|
|
return;
|
|
|
|
if ( check_condition( jQuery(this) ) ) {
|
|
jQuery(this).show();
|
|
um_admin_init_users_select();
|
|
} else {
|
|
jQuery(this).hide();
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
function um_distinct( value, index, self ) {
|
|
return self.indexOf( value ) === index;
|
|
}
|
|
|
|
|
|
/**
|
|
* Conditional logic
|
|
*
|
|
* true - show field
|
|
* false - hide field
|
|
*
|
|
* @returns {boolean}
|
|
*/
|
|
function check_condition( form_line ) {
|
|
|
|
form_line.addClass( 'um-forms-line-conditioned' );
|
|
|
|
var conditional = form_line.data('conditional');
|
|
var condition = conditional[1];
|
|
var value = conditional[2];
|
|
|
|
var prefix = form_line.data( 'prefix' );
|
|
var parent_condition = true;
|
|
|
|
if ( condition === '=' || condition === '!=' ) {
|
|
if ( conditional[0].indexOf( '||' ) === -1 ) {
|
|
var condition_field = jQuery( '#' + prefix + '_' + conditional[0] );
|
|
|
|
if ( typeof condition_field.parents('.um-forms-line').data('conditional') !== 'undefined' ) {
|
|
parent_condition = check_condition( condition_field.parents('.um-forms-line') );
|
|
}
|
|
}
|
|
} else if ( condition === '~' ) {
|
|
var selectors = conditional[0].split('|');
|
|
var condition_fields = [];
|
|
jQuery.each( selectors, function(i) {
|
|
condition_fields.push( jQuery( '#' + prefix + '_' + selectors[i] ) );
|
|
});
|
|
if ( typeof condition_fields[0].parents('.um-forms-line').data('conditional') !== 'undefined' ) {
|
|
parent_condition = check_condition( condition_fields[0].parents('.um-forms-line') );
|
|
}
|
|
} else if ( condition === '><' ) {
|
|
var condition_field = jQuery( '#' + prefix + '_' + conditional[0] + '_' + conditional[2] );
|
|
|
|
if ( typeof condition_field.parents('.um-forms-line').data('conditional') !== 'undefined' ) {
|
|
parent_condition = check_condition( condition_field.parents('.um-forms-line') );
|
|
}
|
|
}
|
|
|
|
var own_condition = false;
|
|
if ( condition === '=' ) {
|
|
if ( conditional[0].indexOf( '||' ) !== -1 ) {
|
|
var selectors = conditional[0].split('||');
|
|
var complete_condition = false;
|
|
|
|
jQuery.each( selectors, function(i) {
|
|
var cond_field = jQuery( '#' + prefix + '_' + selectors[i] );
|
|
|
|
own_condition = false;
|
|
parent_condition = true;
|
|
|
|
if ( typeof cond_field.parents('.um-forms-line').data('conditional') !== 'undefined' ) {
|
|
parent_condition = check_condition( cond_field.parents('.um-forms-line') );
|
|
}
|
|
|
|
var tagName = cond_field.prop("tagName").toLowerCase();
|
|
|
|
if ( tagName === 'input' ) {
|
|
var input_type = cond_field.attr('type');
|
|
if ( input_type === 'checkbox' ) {
|
|
own_condition = ( value == '1' ) ? cond_field.is(':checked') : ! cond_field.is(':checked');
|
|
} else {
|
|
if ( Array.isArray( value ) ) {
|
|
own_condition = ( value.indexOf( cond_field.val() ) !== -1 );
|
|
} else {
|
|
own_condition = ( cond_field.val() == value );
|
|
}
|
|
}
|
|
} else if ( tagName === 'select' ) {
|
|
|
|
if ( Array.isArray( value ) ) {
|
|
own_condition = ( value.indexOf( cond_field.val() ) !== -1 );
|
|
} else {
|
|
own_condition = ( cond_field.val() == value );
|
|
}
|
|
|
|
}
|
|
|
|
if ( own_condition && parent_condition ) {
|
|
complete_condition = true;
|
|
}
|
|
});
|
|
|
|
return complete_condition;
|
|
} else {
|
|
var tagName = condition_field.prop("tagName").toLowerCase();
|
|
|
|
if ( tagName == 'input' ) {
|
|
var input_type = condition_field.attr('type');
|
|
if ( input_type == 'checkbox' ) {
|
|
own_condition = ( value == '1' ) ? condition_field.is(':checked') : ! condition_field.is(':checked');
|
|
} else {
|
|
|
|
if ( Array.isArray( value ) ) {
|
|
own_condition = ( value.indexOf( condition_field.val() ) !== -1 );
|
|
} else {
|
|
own_condition = ( condition_field.val() == value );
|
|
}
|
|
|
|
}
|
|
} else if ( tagName == 'select' ) {
|
|
|
|
if ( Array.isArray( value ) ) {
|
|
own_condition = ( value.indexOf( condition_field.val() ) !== -1 );
|
|
} else {
|
|
own_condition = ( condition_field.val() == value );
|
|
}
|
|
|
|
}
|
|
|
|
return ( own_condition && parent_condition );
|
|
}
|
|
|
|
} else if ( condition === '!=' ) {
|
|
if ( conditional[0].indexOf( '||' ) !== -1 ) {
|
|
var selectors = conditional[0].split('||');
|
|
var complete_condition = false;
|
|
|
|
jQuery.each( selectors, function(i) {
|
|
var cond_field = jQuery( '#' + prefix + '_' + selectors[i] );
|
|
|
|
own_condition = false;
|
|
parent_condition = true;
|
|
if ( typeof cond_field.parents('.um-forms-line').data('conditional') !== 'undefined' ) {
|
|
parent_condition = check_condition( cond_field.parents('.um-forms-line') );
|
|
}
|
|
|
|
var tagName = cond_field.prop("tagName").toLowerCase();
|
|
|
|
if ( tagName === 'input' ) {
|
|
var input_type = cond_field.attr('type');
|
|
if ( input_type === 'checkbox' ) {
|
|
own_condition = ( value == '1' ) ? ! cond_field.is(':checked') : cond_field.is(':checked');
|
|
} else {
|
|
own_condition = ( cond_field.val() != value );
|
|
}
|
|
} else if ( tagName === 'select' ) {
|
|
own_condition = ( cond_field.val() != value );
|
|
}
|
|
|
|
if ( own_condition && parent_condition ) {
|
|
complete_condition = true;
|
|
}
|
|
});
|
|
|
|
return complete_condition;
|
|
} else {
|
|
var tagName = condition_field.prop("tagName").toLowerCase();
|
|
|
|
if ( tagName == 'input' ) {
|
|
var input_type = condition_field.attr('type');
|
|
if ( input_type == 'checkbox' ) {
|
|
own_condition = ( value == '1' ) ? ! condition_field.is(':checked') : condition_field.is(':checked');
|
|
} else {
|
|
own_condition = ( condition_field.val() != value );
|
|
}
|
|
} else if ( tagName == 'select' ) {
|
|
own_condition = ( condition_field.val() != value );
|
|
}
|
|
|
|
return ( own_condition && parent_condition );
|
|
}
|
|
|
|
} else if ( condition === '~' ) {
|
|
var field_id;
|
|
var visible_options = [];
|
|
var lines_field;
|
|
|
|
if ( form_line.data('field_type') === 'sortable_items' ) {
|
|
field_id = form_line.find( '.um-sortable-items-value' ).data('field_id');
|
|
|
|
jQuery.each( condition_fields, function(i) {
|
|
var condition_field = condition_fields[ i ];
|
|
|
|
var tagName = condition_field.prop("tagName").toLowerCase();
|
|
|
|
if ( tagName === 'input' ) {
|
|
var input_type = condition_field.attr('type');
|
|
if ( input_type === 'checkbox' ) {
|
|
if ( value == '1' && condition_field.is(':checked') ) {
|
|
visible_options.push( condition_field.data( 'fill_' + field_id ) );
|
|
}
|
|
}
|
|
} else if ( tagName == 'select' ) {
|
|
if ( ! value && condition_field.val() ) {
|
|
visible_options = visible_options.concat( condition_field.val() );
|
|
visible_options = visible_options.filter( um_distinct );
|
|
}
|
|
}
|
|
});
|
|
|
|
lines_field = jQuery( '[data-field_id="' + field_id + '"]' );
|
|
|
|
if ( visible_options.length ) {
|
|
lines_field.siblings('.um-sortable-items-field').find('li').addClass('um-hidden-item');
|
|
jQuery.each( visible_options, function(i) {
|
|
lines_field.siblings('.um-sortable-items-field').find('li[data-tab-id="' + visible_options[ i ] + '"]').removeClass('um-hidden-item');
|
|
});
|
|
|
|
var sortable_value = [];
|
|
lines_field.siblings('.um-sortable-items-field').find('li').each( function() {
|
|
if ( ! jQuery(this).hasClass( 'um-hidden-item' ) ) {
|
|
sortable_value.push( jQuery(this).data('tab-id') );
|
|
}
|
|
});
|
|
|
|
lines_field.val( sortable_value.join( ',' ) );
|
|
lines_field.siblings( '.um-sortable-items-field' ).sortable( 'refresh' );
|
|
|
|
own_condition = true;
|
|
} else {
|
|
lines_field.val( null );
|
|
}
|
|
} else {
|
|
field_id = form_line.find( form_line.data('field_type') ).data('field_id');
|
|
|
|
jQuery.each( condition_fields, function(i) {
|
|
var condition_field = condition_fields[ i ];
|
|
|
|
var tagName = condition_field.prop("tagName").toLowerCase();
|
|
|
|
if ( tagName === 'input' ) {
|
|
var input_type = condition_field.attr('type');
|
|
if ( input_type === 'checkbox' ) {
|
|
if ( value == '1' && condition_field.is(':checked') ) {
|
|
visible_options.push( condition_field.data( 'fill_' + field_id ) );
|
|
}
|
|
}
|
|
} else if ( tagName == 'select' ) {
|
|
if ( ! value && condition_field.val() ) {
|
|
visible_options = visible_options.concat( condition_field.val() );
|
|
visible_options = visible_options.filter( um_distinct );
|
|
}
|
|
}
|
|
});
|
|
|
|
lines_field = jQuery( '[data-field_id="' + field_id + '"]' );
|
|
|
|
if ( visible_options.length ) {
|
|
lines_field.find( 'option' ).hide();
|
|
jQuery.each( visible_options, function(i) {
|
|
lines_field.find( 'option[value="' + visible_options[ i ] + '"]' ).show();
|
|
});
|
|
if ( visible_options.indexOf( lines_field.val() ) === -1 ) {
|
|
lines_field.val( visible_options[0] );
|
|
lines_field.find( 'option' ).attr( 'selected', false ).prop( 'selected', false );
|
|
lines_field.find( 'option[value="' + visible_options[0] + '"]' ).attr( 'selected', true ).prop( 'selected', true );
|
|
}
|
|
own_condition = true;
|
|
} else {
|
|
lines_field.val( null );
|
|
lines_field.find( 'option' ).attr( 'selected', false ).prop( 'selected', false );
|
|
}
|
|
}
|
|
|
|
return ( own_condition && parent_condition );
|
|
} else if ( condition === '><' ) {
|
|
|
|
var tagName = condition_field.prop("tagName").toLowerCase();
|
|
|
|
if ( tagName == 'input' ) {
|
|
var input_type = condition_field.attr('type');
|
|
if ( input_type == 'checkbox' ) {
|
|
own_condition = condition_field.is(':checked');
|
|
}
|
|
}
|
|
|
|
return ( own_condition && parent_condition );
|
|
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
});
|