mirror of
https://github.com/10h30/ultimatemember.git
synced 2026-06-05 15:09:37 +09:00
ultimatemember
337 lines
9.8 KiB
JavaScript
337 lines
9.8 KiB
JavaScript
jQuery(document).ready(function() {
|
|
|
|
/* Tooltips */
|
|
jQuery('.um-tip-n').tipsy({gravity: 'n', opacity: 1, live: true, offset: 3 });
|
|
jQuery('.um-tip-w').tipsy({gravity: 'w', opacity: 1, live: true, offset: 3 });
|
|
jQuery('.um-tip-e').tipsy({gravity: 'e', opacity: 1, live: true, offset: 3 });
|
|
jQuery('.um-tip-s').tipsy({gravity: 's', opacity: 1, live: true, offset: 3 });
|
|
|
|
/* Custom Radio Buttons */
|
|
jQuery('.um-field-radio').mouseenter(function(){
|
|
if (!jQuery(this).hasClass('active')) {
|
|
jQuery(this).find('i').removeClass().addClass('um-icon-check-3');
|
|
}
|
|
}).mouseleave(function(){
|
|
if (!jQuery(this).hasClass('active')) {
|
|
jQuery(this).find('i').removeClass().addClass('um-icon-blank');
|
|
}
|
|
});
|
|
|
|
jQuery('.um-field input[type=radio]').change(function(){
|
|
var field = jQuery(this).parents('.um-field');
|
|
var this_field = jQuery(this).parents('label');
|
|
field.find('.um-field-radio').removeClass('active');
|
|
field.find('.um-field-radio').find('i').removeClass('um-icon-check-3').addClass('um-icon-blank');
|
|
this_field.addClass('active');
|
|
this_field.find('i').removeClass('um-icon-blank').addClass('um-icon-check-3');
|
|
});
|
|
|
|
/* Custom Checkbox Buttons */
|
|
jQuery('.um-field-checkbox').mouseenter(function(){
|
|
if (!jQuery(this).hasClass('active')) {
|
|
jQuery(this).find('i').removeClass().addClass('um-icon-cross');
|
|
}
|
|
}).mouseleave(function(){
|
|
if (!jQuery(this).hasClass('active')) {
|
|
jQuery(this).find('i').removeClass().addClass('um-icon-blank');
|
|
}
|
|
});
|
|
|
|
jQuery('.um-field input[type=checkbox]').change(function(){
|
|
|
|
var field = jQuery(this).parents('.um-field');
|
|
var this_field = jQuery(this).parents('label');
|
|
if ( this_field.hasClass('active') ) {
|
|
this_field.removeClass('active');
|
|
this_field.find('i').addClas('um-icon-blank').removeClass('um-icon-cross');
|
|
} else {
|
|
this_field.addClass('active');
|
|
this_field.find('i').removeClass('um-icon-blank').addClass('um-icon-cross');
|
|
}
|
|
|
|
});
|
|
|
|
/* Date picker */
|
|
jQuery('.um-datepicker').pickadate({
|
|
min: [1900,1,1],
|
|
max: true,
|
|
selectYears: 100,
|
|
formatSubmit: 'yyyy/mm/dd',
|
|
hiddenSuffix: '__true'
|
|
});
|
|
|
|
/* Time picker */
|
|
jQuery('.um-timepicker').pickatime({
|
|
formatSubmit: 'HH:i',
|
|
hiddenSuffix: '__true'
|
|
});
|
|
|
|
/* Rating field */
|
|
jQuery('.um-rating').raty({
|
|
half: false,
|
|
starType: 'i',
|
|
number: function() {return jQuery(this).attr('data-number');},
|
|
score: function() {return jQuery(this).attr('data-score');},
|
|
scoreName: function(){return jQuery(this).attr('data-key');},
|
|
hints: false,
|
|
click: function(score, evt) {
|
|
live_field = this.id;
|
|
live_value = score;
|
|
um_conditional();
|
|
}
|
|
});
|
|
|
|
jQuery('.um-rating-readonly').raty({
|
|
half: false,
|
|
starType: 'i',
|
|
number: function() {return jQuery(this).attr('data-number');},
|
|
score: function() {return jQuery(this).attr('data-score');},
|
|
scoreName: function(){return jQuery(this).attr('data-key');},
|
|
hints: false,
|
|
readOnly: true
|
|
});
|
|
|
|
/* Image Upload */
|
|
jQuery(".um-single-image-upload").each(function(){
|
|
|
|
var trigger = jQuery(this);
|
|
|
|
if (trigger.data('upload_help_text')){
|
|
upload_help_text = '<span class="help">' + trigger.data('upload_help_text') + '</span>';
|
|
} else {
|
|
upload_help_text = '';
|
|
}
|
|
|
|
if ( trigger.data('icon') ) {
|
|
icon = '<span class="icon"><i class="'+ trigger.data('icon') + '"></i></span>';
|
|
} else {
|
|
icon = '';
|
|
}
|
|
|
|
if ( trigger.data('upload_text') ) {
|
|
upload_text = '<span class="str">' + trigger.data('upload_text') + '</span>';
|
|
} else {
|
|
upload_text = '';
|
|
}
|
|
|
|
trigger.uploadFile({
|
|
url: ultimatemember_image_upload_url,
|
|
method: "POST",
|
|
multiple: false,
|
|
formData: {key: trigger.data('key'), set_id: trigger.data('set_id'), set_mode: trigger.data('set_mode') },
|
|
fileName: trigger.data('key'),
|
|
allowedTypes: trigger.data('allowed_types'),
|
|
maxFileSize: trigger.data('max_size'),
|
|
dragDropStr: icon + upload_text + upload_help_text,
|
|
sizeErrorStr: trigger.data('max_size_error'),
|
|
extErrorStr: trigger.data('extension_error'),
|
|
maxFileCountErrorStr: trigger.data('max_files_error'),
|
|
maxFileCount: 1,
|
|
showDelete: false,
|
|
showAbort: false,
|
|
showDone: false,
|
|
showFileCounter: false,
|
|
showStatusAfterSuccess: false,
|
|
onSubmit:function(files){
|
|
|
|
trigger.parents('.um-field').find('.um-error-block').remove();
|
|
|
|
},
|
|
onSuccess:function(files,data,xhr){
|
|
|
|
trigger.selectedFiles = 0;
|
|
|
|
data = jQuery.parseJSON(data);
|
|
if (data.error && data.error != '') {
|
|
|
|
trigger.parents('.um-field').append('<div class="um-error-block">'+data.error+'</div>');
|
|
|
|
} else {
|
|
|
|
trigger.parents('.um-field').find('.ajax-upload-dragdrop').fadeOut( function() {
|
|
trigger.parents('.um-field').find('.um-single-image-preview').fadeIn();
|
|
});
|
|
|
|
jQuery.each( data, function(key, value) {
|
|
trigger.parents('.um-field').find('.um-single-image-preview img').attr('src', value);
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
/* Remove a single image upload */
|
|
jQuery(document).on('click', '.um-single-image-preview a.cancel', function(e){
|
|
e.preventDefault();
|
|
|
|
var trigger = jQuery(this).parents('.um-field').find('.um-single-image-upload');
|
|
|
|
trigger.parents('.um-field').find('.um-single-image-preview').fadeOut(function(){
|
|
trigger.parents('.um-field').find('.ajax-upload-dragdrop').fadeIn();
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
/* File Upload */
|
|
jQuery(".um-single-file-upload").each(function(){
|
|
|
|
var trigger = jQuery(this);
|
|
|
|
if (trigger.data('upload_help_text')){
|
|
upload_help_text = '<span class="help">' + trigger.data('upload_help_text') + '</span>';
|
|
} else {
|
|
upload_help_text = '';
|
|
}
|
|
|
|
if ( trigger.data('icon') ) {
|
|
icon = '<span class="icon"><i class="'+ trigger.data('icon') + '"></i></span>';
|
|
} else {
|
|
icon = '';
|
|
}
|
|
|
|
if ( trigger.data('upload_text') ) {
|
|
upload_text = '<span class="str">' + trigger.data('upload_text') + '</span>';
|
|
} else {
|
|
upload_text = '';
|
|
}
|
|
|
|
trigger.uploadFile({
|
|
url: ultimatemember_file_upload_url,
|
|
method: "POST",
|
|
multiple: false,
|
|
formData: {key: trigger.data('key'), set_id: trigger.data('set_id'), set_mode: trigger.data('set_mode') },
|
|
fileName: trigger.data('key'),
|
|
allowedTypes: trigger.data('allowed_types'),
|
|
maxFileSize: trigger.data('max_size'),
|
|
dragDropStr: icon + upload_text + upload_help_text,
|
|
sizeErrorStr: trigger.data('max_size_error'),
|
|
extErrorStr: trigger.data('extension_error'),
|
|
maxFileCountErrorStr: trigger.data('max_files_error'),
|
|
maxFileCount: 1,
|
|
showDelete: false,
|
|
showAbort: false,
|
|
showDone: false,
|
|
showFileCounter: false,
|
|
showStatusAfterSuccess: false,
|
|
onSubmit:function(files){
|
|
|
|
trigger.parents('.um-field').find('.um-error-block').remove();
|
|
|
|
},
|
|
onSuccess:function(files,data,xhr){
|
|
|
|
trigger.selectedFiles = 0;
|
|
|
|
data = jQuery.parseJSON(data);
|
|
if (data.error && data.error != '') {
|
|
|
|
trigger.parents('.um-field').append('<div class="um-error-block">'+data.error+'</div>');
|
|
|
|
} else {
|
|
|
|
trigger.parents('.um-field').find('.ajax-upload-dragdrop').fadeOut( function() {
|
|
trigger.parents('.um-field').find('.um-single-file-preview').fadeIn();
|
|
});
|
|
|
|
jQuery.each( data, function(key, value) {
|
|
|
|
if (key == 'icon') {
|
|
trigger.parents('.um-field').find('.um-single-fileinfo i').removeClass().addClass(value);
|
|
} else if ( key == 'icon_bg' ) {
|
|
trigger.parents('.um-field').find('.um-single-fileinfo span.icon').css({'background-color' : value } );
|
|
} else if ( key == 'filename' ) {
|
|
trigger.parents('.um-field').find('.um-single-fileinfo span.filename').html(value);
|
|
} else {
|
|
trigger.parents('.um-field').find('.um-single-fileinfo a').attr('href', value);
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
/* Remove a single file upload */
|
|
jQuery(document).on('click', '.um-single-file-preview a.cancel', function(e){
|
|
e.preventDefault();
|
|
|
|
var trigger = jQuery(this).parents('.um-field').find('.um-single-file-upload');
|
|
|
|
trigger.parents('.um-field').find('.um-single-file-preview').fadeOut(function(){
|
|
trigger.parents('.um-field').find('.ajax-upload-dragdrop').fadeIn();
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
/* Nice Select Dropdown */
|
|
jQuery(".um-s1").select2({
|
|
allowClear: true,
|
|
minimumResultsForSearch: 10
|
|
});
|
|
|
|
jQuery(".um-s2").select2({
|
|
allowClear: false,
|
|
minimumResultsForSearch: 10
|
|
});
|
|
|
|
jQuery('.um-s1,.um-s2').css({'display':'block'});
|
|
|
|
/* Open New Group */
|
|
jQuery(document).on('click', '.um-field-group-head:not(.disabled)', function(){
|
|
var field = jQuery(this).parents('.um-field-group');
|
|
var limit = field.data('max_entries');
|
|
|
|
if ( field.find('.um-field-group-body').is(':hidden')){
|
|
field.find('.um-field-group-body').show();
|
|
} else {
|
|
field.find('.um-field-group-body:first').clone().appendTo( field );
|
|
}
|
|
|
|
increase_id = 0;
|
|
field.find('.um-field-group-body').each(function(){
|
|
increase_id++;
|
|
jQuery(this).find('input').each(function(){
|
|
var input = jQuery(this);
|
|
input.attr('id', input.data('key') + '-' + increase_id );
|
|
input.attr('name', input.data('key') + '-' + increase_id );
|
|
input.parent().parent().find('label').attr('for', input.data('key') + '-' + increase_id );
|
|
});
|
|
});
|
|
|
|
if ( limit > 0 && field.find('.um-field-group-body').length == limit ) {
|
|
|
|
jQuery(this).addClass('disabled');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
/* Remove a group */
|
|
jQuery(document).on('click', '.um-field-group-cancel', function(e){
|
|
e.preventDefault();
|
|
var field = jQuery(this).parents('.um-field-group');
|
|
|
|
var limit = field.data('max_entries');
|
|
|
|
if ( field.find('.um-field-group-body').length > 1 ) {
|
|
jQuery(this).parents('.um-field-group-body').remove();
|
|
} else {
|
|
jQuery(this).parents('.um-field-group-body').hide();
|
|
}
|
|
|
|
if ( limit > 0 && field.find('.um-field-group-body').length < limit ) {
|
|
field.find('.um-field-group-head').removeClass('disabled');
|
|
}
|
|
|
|
return false;
|
|
});
|
|
|
|
}); |