| Current File : /home/kelaby89/cartel.express/wp-content/plugins/quickcal/assets/js/admin-functions.js |
// make it a global variable so other scripts can access it
var booked_load_calendar_date_booking_options;
;(function($, window, document, undefined) {
var $win = $(window);
$.fn.spin.presets.booked = {
lines: 10, // The number of lines to draw
length: 7, // The length of each line
width: 5, // The line thickness
radius: 11, // The radius of the inner circle
corners: 1, // Corner roundness (0..1)
rotate: 0, // The rotation offset
direction: 1, // 1: clockwise, -1: counterclockwise
color: '#555', // #rgb or #rrggbb or array of colors
speed: 1, // Rounds per second
trail: 60, // Afterglow percentage
shadow: false, // Whether to render a shadow
hwaccel: false, // Whether to use hardware acceleration
className: 'booked-spinner', // The CSS class to assign to the spinner
zIndex: 2e9, // The z-index (defaults to 2000000000)
top: '50%', // Top position relative to parent
left: '50%' // Left position relative to parent
}
$.fn.spin.presets.booked_white = {
lines: 13, // The number of lines to draw
length: 11, // The length of each line
width: 5, // The line thickness
radius: 18, // The radius of the inner circle
scale: 1,
corners: 1, // Corner roundness (0..1)
rotate: 0, // The rotation offset
direction: 1, // 1: clockwise, -1: counterclockwise
color: '#fff', // #rgb or #rrggbb or array of colors
speed: 1, // Rounds per second
trail: 60, // Afterglow percentage
shadow: false, // Whether to render a shadow
hwaccel: false, // Whether to use hardware acceleration
className: 'booked-spinner', // The CSS class to assign to the spinner
zIndex: 2e9, // The z-index (defaults to 2000000000)
top: '50%', // Top position relative to parent
left: '50%' // Left position relative to parent
}
$win.on('load', function() {
var currentlySaving = false;
if ($('#booked-welcome-screen').length){
$('#booked-welcome-screen').fitVids();
}
// Custom Time Slots
var timeslotsContainter = $('#customTimeslotsContainer');
timeslotsContainter.find('.booked-customTimeslot').each(function(){
var thisTimeslot = $(this);
var rand = Math.floor((Math.random() * 100000000) + 1);
init_custom_timeslot_block(thisTimeslot,rand)
});
$('body').on('click','.addCustomTimeslot',function(e){
e.preventDefault();
var thisTimeslot = $('.booked-customTimeslotTemplate').clone().appendTo(timeslotsContainter).removeClass().addClass('booked-customTimeslot').show();
var rand = Math.floor((Math.random() * 100000000) + 1);
init_custom_timeslot_block(thisTimeslot,rand);
});
var preventApptsBefore = $('body').find('.booked_prevent_appointments_before');
var preventApptsAfter = $('body').find('.booked_prevent_appointments_after');
preventApptsBefore.datepicker({
dateFormat: "yy-mm-dd",
beforeShow: function(input, inst) {
$('#ui-datepicker-div').removeClass();
$('#ui-datepicker-div').addClass('booked_custom_date_picker');
},
onSelect: function(selected) {
$('.booked_prevent_appointments_after').datepicker("option","minDate", selected);
booked_datepicker_show_formatted_date( 'booked_prevent_appointments_before', selected );
}
});
preventApptsAfter.datepicker({
dateFormat: "yy-mm-dd",
beforeShow: function(input, inst) {
$('#ui-datepicker-div').removeClass();
$('#ui-datepicker-div').addClass('booked_custom_date_picker');
},
onSelect: function(selected) {
$('.booked_prevent_appointments_before').datepicker("option","maxDate", selected);
booked_datepicker_show_formatted_date( 'booked_prevent_appointments_after', selected );
}
});
$('body').on('change','select[name="booked_booking_type"]',function(){
var thisSelectVal = $(this).find('option:selected').val();
if (thisSelectVal == "guest"){
var selectedRadio = $('input[name="booked_appointment_redirect_type"]:checked').val();
if (selectedRadio == 'booked-profile'){
$('input[name="booked_appointment_redirect_type"][value=""]').prop("checked",true);
}
}
});
$('body').on('change','#booked_hide_unavailable_timeslots,#booked_public_appointments',function(){
var thisCheckbox = $(this);
var thisID = thisCheckbox.attr('id');
if (thisCheckbox.is(':checked') && thisID == 'booked_hide_unavailable_timeslots'){
$('#booked_public_appointments').prop('checked', false);
} else if (thisCheckbox.is(':checked') && thisID == 'booked_public_appointments') {
$('#booked_hide_unavailable_timeslots').prop('checked', false);
}
});
$('body').on('click','form#newAppointmentForm input[type=submit]',function(e){
e.preventDefault();
var thisForm = $('#newAppointmentForm'),
customerType = thisForm.find('input[name=customer_type]:checked').val(),
customerID = thisForm.find('select[name=user_id]').val(),
name = thisForm.find('input[name=name]').val(),
surname = thisForm.find('input[name=surname]').val(),
guest_name = thisForm.find('input[name=guest_name]').val(),
guest_email = thisForm.find('input[name=guest_email]').val(),
guest_surname = thisForm.find('input[name=guest_surname]').val(),
email = thisForm.find('input[name=email]').val(),
password = thisForm.find('input[name=password]').val(),
date = thisForm.find('input[name=date]').val(),
calendar_id = thisForm.data('calendar-id'),
$activeTD = $('table.booked-calendar').find('td.active'),
surnameActive = thisForm.find('input[name=surname]').length,
guest_surnameActive = thisForm.find('input[name=guest_surname]').length,
guest_emailActive = thisForm.find('input[name=guest_email]').length,
showRequiredError = false;
$(this).parents('form.booked-form').find('input,textarea,select').each(function(i,field){
var required = $(this).attr('required');
if (required && $(field).attr('type') == 'hidden'){
var fieldParts = $(field).attr('name');
fieldParts = fieldParts.split('---');
fieldName = fieldParts[0];
fieldNumber = fieldParts[1].split('___');
fieldNumber = fieldNumber[0];
if (fieldName == 'radio-buttons-label'){
var radioValue = false;
$('input:radio[name="single-radio-button---'+fieldNumber+'[]"]:checked').each(function(){
if ($(this).val()){
radioValue = $(this).val();
}
});
if (!radioValue){
showRequiredError = true;
}
} else if (fieldName == 'checkboxes-label'){
var checkboxValue = false;
$('input:checkbox[name="single-checkbox---'+fieldNumber+'[]"]:checked').each(function(){
if ($(this).val()){
checkboxValue = $(this).val();
}
});
if (!checkboxValue){
showRequiredError = true;
}
}
} else if (required && $(field).attr('type') != 'hidden' && $(field).val() == ''){
showRequiredError = true;
}
});
if (showRequiredError){
alert(booked_js_vars.i18n_fill_out_required_fields);
return false;
}
if (customerType == 'guest' && guest_name && !guest_surnameActive && !guest_emailActive ||
customerType == 'guest' && guest_name && guest_surnameActive && guest_surname && !guest_emailActive ||
customerType == 'guest' && guest_name && guest_emailActive && guest_email && !guest_surnameActive ||
customerType == 'guest' && guest_name && guest_emailActive && guest_email && guest_surnameActive && guest_surname ){
$thisButton = $(this);
$('form.booked-form input').each(function(){
thisDefault = $(this).attr('title');
thisVal = $(this).val();
if (thisDefault == thisVal){ $(this).val(''); }
});
$thisButton.val(booked_js_vars.i18n_please_wait).attr('disabled',true);
$thisButton.parents('form').find('button.cancel').attr('disabled',true);
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : $('form.booked-form').serializeArray(),
success: function(date) {
data = date.split('###');
if (data[0] == 'error'){
$thisButton.val( booked_js_vars.i18n_create_appointment ).attr('disabled',false);
$thisButton.parents('form').find('button.cancel').attr('disabled',false);
$('form.booked-form input').each(function(){
thisDefault = $(this).attr('title');
thisVal = $(this).val();
if (!thisVal){ $(this).val(thisDefault); }
});
alert(data[1]);
} else {
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_calendar_date','nonce': booked_js_vars.nonce,'date':data[1],'calendar_id':calendar_id},
success : function(html){
$('tr.entryBlock').find('td').html( html );
$('tr.entryBlock').find('.booked-appt-list').show();
$('tr.entryBlock').find('.booked-appt-list').addClass('shown');
$('.bookedAppointmentTab.active').fadeIn(300);
}
});
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_refresh_date_square','nonce': booked_js_vars.nonce,'date':data[1],'calendar_id':calendar_id},
success : function(html){
$activeTD.replaceWith(html);
adjust_calendar_boxes();
}
});
close_booked_modal();
}
}
});
return false;
} else if ( customerType == 'guest' && guest_emailActive && !guest_email && guest_surnameActive && !guest_surname ||
customerType == 'guest' && guest_emailActive && !guest_email && guest_surnameActive && guest_surname ){
alert(booked_js_vars.i18n_appt_required_guest_fields_all);
} else if ( customerType == 'guest' && guest_emailActive && !guest_email && !guest_surnameActive ){
alert(booked_js_vars.i18n_appt_required_guest_fields_name_email);
} else if ( customerType == 'guest' && guest_surnameActive && !guest_surname ){
alert(booked_js_vars.i18n_appt_required_guest_fields_surname);
} else if ( customerType == 'guest' && !guest_name ){
alert(booked_js_vars.i18n_appt_required_guest_fields);
}
if (customerType == 'current' && customerID){
$('form.booked-form input').each(function(){
thisDefault = $(this).attr('title');
thisVal = $(this).val();
if (thisDefault == thisVal){ $(this).val(''); }
});
$(this).val(booked_js_vars.i18n_please_wait).attr('disabled',true);
$(this).parents('form').find('button.cancel').attr('disabled',true);
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : $('form.booked-form').serializeArray(),
success: function(date) {
data = date.split('###');
if (data[0] == 'error'){
$thisButton.val( booked_js_vars.i18n_create_appointment ).attr('disabled',false);
$thisButton.parents('form').find('button.cancel').attr('disabled',false);
$('form.booked-form input').each(function(){
thisDefault = $(this).attr('title');
thisVal = $(this).val();
if (!thisVal){ $(this).val(thisDefault); }
});
alert(data[1]);
} else {
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_calendar_date','nonce': booked_js_vars.nonce,'date':data[1],'calendar_id':calendar_id},
success : function(html){
$('tr.entryBlock').find('td').html( html );
$('tr.entryBlock').find('.booked-appt-list').show();
$('tr.entryBlock').find('.booked-appt-list').addClass('shown');
$('.bookedAppointmentTab.active').fadeIn(300);
}
});
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_refresh_date_square','nonce': booked_js_vars.nonce,'date':data[1],'calendar_id':calendar_id},
success : function(html){
$activeTD.replaceWith(html);
adjust_calendar_boxes();
}
});
}
close_booked_modal();
}
});
return false;
} else if (customerType == 'current' && !customerID){
alert(booked_js_vars.i18n_choose_customer);
}
if ( customerType == 'new' && name && email && !surnameActive || customerType == 'new' && name && email && surnameActive && surname ){
$('form.booked-form input').each(function(){
thisDefault = $(this).attr('title');
thisVal = $(this).val();
if (thisDefault == thisVal){ $(this).val(''); }
});
$thisButton = $(this);
$thisButton.val(booked_js_vars.i18n_please_wait).attr('disabled',true);
$thisButton.parents('form').find('button.cancel').attr('disabled',true);
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : $('form.booked-form').serialize(),
success: function(data) {
data = date.split('###');
if (data[0] == 'error'){
$thisButton.val( booked_js_vars.i18n_create_appointment ).attr('disabled',false);
$thisButton.parents('form').find('button.cancel').attr('disabled',false);
$('form.booked-form input').each(function(){
thisDefault = $(this).attr('title');
thisVal = $(this).val();
if (!thisVal){ $(this).val(thisDefault); }
});
alert(data[1]);
} else {
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_calendar_date','nonce': booked_js_vars.nonce,'date':data[1],'calendar_id':calendar_id},
success : function(html){
$('tr.entryBlock').find('td').html( html );
$('tr.entryBlock').find('.booked-appt-list').show();
$('tr.entryBlock').find('.booked-appt-list').addClass('shown');
$('.bookedAppointmentTab.active').fadeIn(300);
}
});
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_refresh_date_square','nonce': booked_js_vars.nonce,'date':data[1],'calendar_id':calendar_id},
success : function(html){
$activeTD.replaceWith(html);
adjust_calendar_boxes();
}
});
close_booked_modal();
}
}
});
return false;
} else if ( customerType == 'new' && !name || customerType == 'new' && !email || customerType == 'new' && surnameActive && !surname ){
alert(booked_js_vars.i18n_appt_required_fields);
}
});
$('body').on('click','form#editAppointmentForm input[type=submit]',function(e){
e.preventDefault();
var thisForm = $('#editAppointmentForm'),
name = thisForm.find('input[name=name]').val(),
surname = thisForm.find('input[name=surname]').val(),
email = thisForm.find('input[name=email]').val(),
date = thisForm.find('input[name=appt_date]').val(),
calendar_id = thisForm.find('input[name=calendar_id]').val(),
$thisButton = $(this),
$activeTD = $('table.booked-calendar').find('td.active'),
showRequiredError = false;
thisForm.find('input,select').each(function(i,field){
var required = $(this).attr('required');
if ( required && $(field).val() == '' ){
showRequiredError = true;
}
});
if (showRequiredError){
alert(booked_js_vars.i18n_fill_out_required_fields);
return false;
}
$thisButton.val(booked_js_vars.i18n_please_wait).attr('disabled',true);
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : thisForm.serializeArray(),
success: function(result) {
data = result.split('###');
if (data[0] == 'error'){
$thisButton.val( booked_js_vars.i18n_update_appointment ).attr('disabled',false);
alert(data[1]);
} else if ( !$('table.booked-calendar').length ) {
location.reload();
} else {
var active_date = $activeTD.data('date');
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_calendar_date','nonce': booked_js_vars.nonce,'date':active_date,'calendar_id':calendar_id},
success : function(html){
$('tr.entryBlock').find('td').html( html );
$('tr.entryBlock').find('.booked-appt-list').show();
$('tr.entryBlock').find('.booked-appt-list').addClass('shown');
$('.bookedAppointmentTab.active').fadeIn(300);
}
});
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_refresh_date_square','nonce': booked_js_vars.nonce,'date':active_date,'calendar_id':calendar_id},
success : function(html){
$activeTD.replaceWith(html);
adjust_calendar_boxes();
}
});
if ( active_date != date ){
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_refresh_date_square','nonce': booked_js_vars.nonce,'inactive':false,'date':date,'calendar_id':calendar_id},
success : function(html){
$( 'table.booked-calendar' ).find( 'td[data-date="' + date + '"]' ).replaceWith(html);
adjust_calendar_boxes();
}
});
}
close_booked_modal();
}
}
});
});
function init_custom_timeslot_block(thisTimeslot,rand){
hideAddCustomTimeslotsForm();
thisTimeslot.find('#vacationDayCheckbox').attr('id','vacationDayCheckbox-'+rand);
thisTimeslot.find('label[for="vacationDayCheckbox"]').attr('for','vacationDayCheckbox-'+rand);
var disableApptsValue = thisTimeslot.find('#vacationDayCheckbox-'+rand).is(':checked');
if (disableApptsValue){
hideAddCustomTimeslotsForm();
thisTimeslot.find('button.addSingleTimeslot,button.addBulkTimeslots,.customTimeslotsList').hide();
} else {
$('button.addBulkTimeslots').attr('disabled',false);
$('button.addSingleTimeslot').attr('disabled',false);
$('#booked-customTimePickerTemplates').find('.customBulk,customSingle').show();
}
thisTimeslot.on('change','#vacationDayCheckbox-'+rand,function(){
thisCheckbox = $(this);
if (thisCheckbox.is(':checked')){
hideAddCustomTimeslotsForm();
thisTimeslot.find('button.addSingleTimeslot,button.addBulkTimeslots,.customTimeslotsList').hide();
} else {
$('#booked-customTimePickerTemplates').find('.customBulk,customSingle').show();
thisTimeslot.find('button.addSingleTimeslot,button.addBulkTimeslots,.customTimeslotsList').show();
}
});
thisTimeslot.find('.booked_custom_start_date').datepicker({
dateFormat: "yy-mm-dd",
beforeShow: function(input, inst) {
$('#ui-datepicker-div').removeClass();
$('#ui-datepicker-div').addClass('booked_custom_date_picker');
},
onSelect: function(selected) {
thisTimeslot.find('.booked_custom_end_date').datepicker("option","minDate", selected);
updateCustomTimeslotEncodedField();
$('#booked-saveCustomTimeslots').prop('disabled',false).addClass('button-primary');
},
onClose: function(selected) {
thisTimeslot.find('.booked_custom_start_date').datepicker("option","maxDate", selected);
updateCustomTimeslotEncodedField();
$('#booked-saveCustomTimeslots').prop('disabled',false).addClass('button-primary');
}
});
thisTimeslot.find('.booked_custom_end_date').datepicker({
dateFormat: "yy-mm-dd",
beforeShow: function(input, inst) {
$('#ui-datepicker-div').removeClass();
$('#ui-datepicker-div').addClass('booked_custom_date_picker');
},
onSelect: function(selected) {
thisTimeslot.find('.booked_custom_start_date').datepicker("option","maxDate", selected);
updateCustomTimeslotEncodedField();
$('#booked-saveCustomTimeslots').prop('disabled',false).addClass('button-primary');
},
onClose: function(selected) {
thisTimeslot.find('.booked_custom_start_date').datepicker("option","maxDate", selected);
updateCustomTimeslotEncodedField();
$('#booked-saveCustomTimeslots').prop('disabled',false).addClass('button-primary');
}
});
thisTimeslot.on('click','button.addSingleTimeslot',function(e){
e.preventDefault();
$(this).attr('disabled',true);
$('button.addBulkTimeslots').prop('disabled',false);
$('#booked-saveCustomTimeslots').prop('disabled',true);
$('#booked-customTimePickerTemplates').find('input').val('').attr('checked',false);
$('#booked-customTimePickerTemplates').find('select').prop('selectedIndex',0);
$('#booked-customTimePickerTemplates').appendTo(thisTimeslot).show();
$('#booked-customTimePickerTemplates').find('.customBulk').hide();
$('#booked-customTimePickerTemplates').find('.customSingle').hide().fadeIn(200);
});
thisTimeslot.on('click','button.addBulkTimeslots',function(e){
e.preventDefault();
$(this).attr('disabled',true);
$('button.addSingleTimeslot').prop('disabled',false);
$('#booked-saveCustomTimeslots').prop('disabled',true);
$('#booked-customTimePickerTemplates').find('input').val('').attr('checked',false);
$('#booked-customTimePickerTemplates').find('select').prop('selectedIndex',0);
$('#booked-customTimePickerTemplates').appendTo(thisTimeslot).show();
$('#booked-customTimePickerTemplates').find('.customBulk').hide().fadeIn(200);
$('#booked-customTimePickerTemplates').find('.customSingle').hide();
});
$('#booked-customTimePickerTemplates').on('click','button.cancel',function(e){
e.preventDefault();
hideAddCustomTimeslotsForm();
});
thisTimeslot.on('click','.deleteCustomTimeslot',function(e){
e.preventDefault();
var confirmDelete = confirm(booked_js_vars.i18n_confirm_cts_delete);
if (confirmDelete){
$('#booked-customTimePickerTemplates').find('.customBulk,customSingle').hide();
$('#booked-customTimePickerTemplates').hide().appendTo('#booked-custom-timeslots');
$('button.addBulkTimeslots').prop('disabled',false);
$('button.addSingleTimeslot').prop('disabled',false);
$('#booked-saveCustomTimeslots').prop('disabled',false);
$(this).parents('.booked-customTimeslot').remove();
var lastItem = false;
var lastItemType = false;
$('#customTimeslotsContainer > *').each(function(){
var thisItem = $(this);
var isH3 = thisItem.is('h3');
var isDIV = thisItem.is('div');
if (lastItemType == 'h3' && isH3){
lastItem.remove();
}
if (isH3){ lastItemType = 'h3'; }
if (isDIV){ lastItemType = 'div'; }
lastItem = $(this);
});
if (lastItemType == 'h3'){
lastItem.remove();
}
updateCustomTimeslotEncodedField();
$('#booked-saveCustomTimeslots').prop('disabled',false).addClass('button-primary').trigger('click');
}
});
thisTimeslot.on('change','> input, > select',function(){
updateCustomTimeslotEncodedField();
$('#booked-saveCustomTimeslots').prop('disabled',false).addClass('button-primary');
});
thisTimeslot.on('change','input#all_day_custom',function(){
var thisCheckbox = $(this);
if (thisCheckbox.is(':checked')){
thisCheckbox.parents('.customSingle').find('select[name="startTime"]').val('0000').hide();
thisCheckbox.parents('.customSingle').find('select[name="endTime"]').val('2400').hide();
} else {
thisCheckbox.parents('.customSingle').find('select[name="startTime"]').prop('selectedIndex',0).show();
thisCheckbox.parents('.customSingle').find('select[name="endTime"]').prop('selectedIndex',0).show();
}
});
thisTimeslot.on('click','.customTimeslotsList .delete',function(e){
e.preventDefault();
var confirmDelete = confirm(booked_js_vars.i18n_confirm_cts_delete);
if (confirmDelete){
var thisButton = $(this),
thisTimeslot = thisButton.parent();
deleteTimeslot = thisButton.parent().attr('data-timeslot'),
calendar_id = thisButton.parents('.booked-customTimeslot').find('[name="booked_custom_calendar_id"]').val(),
start_date = thisButton.parents('.booked-customTimeslot').find('[name="booked_custom_start_date"]').val(),
end_date = thisButton.parents('.booked-customTimeslot').find('[name="booked_custom_end_date"]').val(),
currentTimesBox = thisButton.parents('.booked-customTimeslot').find('input[name=booked_this_custom_timelots]'),
currentArray = thisButton.parents('.booked-customTimeslot').find('input[name=booked_this_custom_timelots]').val(),
currentTimesBoxDetails = thisButton.parents('.booked-customTimeslot').find('input[name=booked_this_custom_timelots_details]'),
currentArrayDetails = thisButton.parents('.booked-customTimeslot').find('input[name=booked_this_custom_timelots_details]').val(),
timeslotList = thisButton.parents('.booked-customTimeslot').find('.customTimeslotsList');
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : {
'action' : 'booked_admin_delete_custom_timeslot',
'nonce' : booked_js_vars.nonce,
'calendar_id' : calendar_id,
'start_date' : start_date,
'end_date' : end_date,
'timeslot' : deleteTimeslot,
'currentArray' : currentArray,
'currentArrayDetails' : currentArrayDetails,
},
beforeSend: function(){
savingState(true);
},
success: function(data) {
response = JSON.parse(data);
currentTimesBox.val( JSON.stringify(response.timeslot) );
currentTimesBoxDetails.val( JSON.stringify(response.timeslot_details) );
$('#booked-customTimePickerTemplates').find('input').val('').attr('checked',false);
$('#booked-customTimePickerTemplates').find('select').prop('selectedIndex',0);
$('#booked-customTimePickerTemplates').find('.customBulk,customSingle').hide();
$('#booked-customTimePickerTemplates').hide().appendTo('#booked-custom-timeslots');
$('button.addBulkTimeslots').prop('disabled',false);
$('button.addSingleTimeslot').prop('disabled',false);
$('#booked-saveCustomTimeslots').prop('disabled',false);
$('.customSingle').find('select[name="startTime"]').prop('selectedIndex',0).show();
$('.customSingle').find('select[name="endTime"]').prop('selectedIndex',0).show();
updateCustomTimeslotEncodedField();
loadCustomTimeSlots(timeslotList,data);
thisTimeslot.slideUp(200);
$('#booked-saveCustomTimeslots').trigger('click');
}
});
}
});
var preventMultiClicks;
thisTimeslot.on('click','.changeCount',function(e){
e.preventDefault();
if (!currentlySaving){
var $button = $(this),
$timeslot = $button.parents('.timeslot');
$countText = $button.parent().find('.count'),
countAdjust = $button.attr('data-count'),
currentTimesBox = $button.parents('.booked-customTimeslot').find('input[name=booked_this_custom_timelots]'),
currentArray = $button.parents('.booked-customTimeslot').find('input[name=booked_this_custom_timelots]').val(),
timeslot = $button.parents('.timeslot').attr('data-timeslot'),
currentCount = $countText.find('em').text();
clearTimeout(preventMultiClicks);
newCount = parseInt(currentCount) + parseInt(countAdjust);
if (newCount < 1) {
newCount = 1;
} else {
if (newCount != 1) { slot_text = booked_js_vars.i18n_slots; } else { slot_text = booked_js_vars.i18n_slot; }
$countText.html('<em>' + newCount + '</em> ' + slot_text);
preventMultiClicks = setTimeout(function(){
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : {
'action' : 'booked_admin_adjust_custom_timeslot_count',
'nonce' : booked_js_vars.nonce,
'newCount' : newCount,
'timeslot' : timeslot,
'currentArray' : currentArray,
},
success: function(data) {
currentTimesBox.val(data);
updateCustomTimeslotEncodedField();
$('#booked-saveCustomTimeslots').prop('disabled',false).trigger('click');
currentlySaving = false;
}
});
},350);
}
}
});
// Single add
thisTimeslot.on('click','.addSingleTimeslot_button',function(e){
e.preventDefault();
var $button = $(this);
$button.attr('disabled',true);
var addTimeslotsFormWrapper = $('#booked-customTimePickerTemplates .customSingle');
var startTime = addTimeslotsFormWrapper.find('select[name=startTime]').val(),
startTimeText = addTimeslotsFormWrapper.find('select[name=startTime] :selected').text(),
endTime = addTimeslotsFormWrapper.find('select[name=endTime]').val(),
endTimeText = addTimeslotsFormWrapper.find('select[name=endTime] :selected').text(),
count = addTimeslotsFormWrapper.find('select[name=count]').val(),
countText = addTimeslotsFormWrapper.find('select[name=count] :selected').text(),
title = addTimeslotsFormWrapper.find('input[name=title]').val(),
calendar_id = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('[name="booked_custom_calendar_id"]').val(),
start_date = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('[name="booked_custom_start_date"]').val(),
end_date = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('[name="booked_custom_end_date"]').val(),
currentTimesBox = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('input[name=booked_this_custom_timelots]'),
currentTimes = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('input[name=booked_this_custom_timelots]').val(),
currentTimesDetailsBox = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('input[name=booked_this_custom_timelots_details]'),
currentTimesDetails = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('input[name=booked_this_custom_timelots_details]').val(),
timeslotList = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('.customTimeslotsList');
var formData = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('#single-timeslot-form').serializeObject();
formData['action'] = 'booked_admin_add_custom_timeslot';
formData['calendar_id'] = calendar_id;
formData['currentTimes'] = currentTimes;
formData['currentTimesDetails'] = currentTimesDetails;
formData['start_date'] = start_date;
formData['end_date'] = end_date;
formData['title'] = title;
formData['nonce'] = booked_js_vars.nonce;
if (startTime && endTime && count){
if (endTime <= startTime && startTime != 'allday'){
$button.attr('disabled',false);
alert(booked_js_vars.i18n_time_error);
return false;
}
if (startTime == '0000' && endTime == '2400' || startTime == 'allday' && endTime == '2400'){
appt_add_confirm = confirm(booked_js_vars.i18n_single_add_confirm + ':\n'+booked_js_vars.i18n_all_day+' x'+count);
} else {
appt_add_confirm = confirm(booked_js_vars.i18n_single_add_confirm + ':\n'+startTimeText+' '+booked_js_vars.i18n_to+' '+endTimeText+' x'+count);
}
if (appt_add_confirm == true){
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : formData,
beforeSend: function(){
savingState(true);
},
success: function(data) {
response = JSON.parse(data);
currentTimesBox.val( JSON.stringify( response.timeslot ) );
currentTimesDetailsBox.val( JSON.stringify( response.timeslot_details ) );
$button.attr('disabled',false);
$('#booked-customTimePickerTemplates').find('input').val('').attr('checked',false);
$('#booked-customTimePickerTemplates').find('select').prop('selectedIndex',0);
$('#booked-customTimePickerTemplates').find('.customBulk,customSingle').hide();
$('#booked-customTimePickerTemplates').hide().appendTo('#booked-custom-timeslots');
$('button.addBulkTimeslots').prop('disabled',false);
$('button.addSingleTimeslot').prop('disabled',false);
$('#booked-saveCustomTimeslots').prop('disabled',false);
$('.customSingle').find('select[name="startTime"]').prop('selectedIndex',0).show();
$('.customSingle').find('select[name="endTime"]').prop('selectedIndex',0).show();
updateCustomTimeslotEncodedField();
loadCustomTimeSlots(timeslotList,data);
$('#booked-saveCustomTimeslots').trigger('click');
}
});
}
} else {
$button.attr('disabled',false);
alert(booked_js_vars.i18n_all_fields_required);
return false;
}
});
// Bulk add
thisTimeslot.on('click','.addBulkTimeslots_button',function(e){
e.preventDefault();
var $button = $(this);
$button.attr('disabled',true);
var addTimeslotsFormWrapper = $('#booked-customTimePickerTemplates .customBulk');
var startTime = addTimeslotsFormWrapper.find('select[name=startTime]').val(),
startTimeText = addTimeslotsFormWrapper.find('select[name=startTime] :selected').text(),
endTime = addTimeslotsFormWrapper.find('select[name=endTime]').val(),
endTimeText = addTimeslotsFormWrapper.find('select[name=endTime] :selected').text(),
interval = addTimeslotsFormWrapper.find('select[name=interval]').val(),
time_between = addTimeslotsFormWrapper.find('select[name=time_between]').val(),
intervalText = addTimeslotsFormWrapper.find('select[name=interval] :selected').text(),
count = addTimeslotsFormWrapper.find('select[name=count]').val(),
countText = addTimeslotsFormWrapper.find('select[name=count] :selected').text(),
title = addTimeslotsFormWrapper.find('input[name=title]').val(),
calendar_id = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('[name="booked_custom_calendar_id"]').val(),
start_date = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('[name="booked_custom_start_date"]').val(),
end_date = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('[name="booked_custom_end_date"]').val(),
currentTimesBox = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('input[name=booked_this_custom_timelots]'),
currentTimes = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('input[name=booked_this_custom_timelots]').val(),
currentTimesDetailsBox = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('input[name=booked_this_custom_timelots_details]'),
currentTimesDetails = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('input[name=booked_this_custom_timelots_details]').val(),
timeslotList = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('.customTimeslotsList');
var formData = addTimeslotsFormWrapper.parents('.booked-customTimeslot').find('#bulk-timeslot-form').serializeObject();
formData['action'] = 'booked_admin_add_custom_timeslots';
formData['calendar_id'] = calendar_id;
formData['currentTimes'] = currentTimes;
formData['currentTimesDetails'] = currentTimesDetails;
formData['start_date'] = start_date;
formData['end_date'] = end_date;
formData['title'] = title;
formData['nonce'] = booked_js_vars.nonce;
if (startTime && endTime && interval && count){
if (endTime <= startTime){
$button.attr('disabled',false);
alert(booked_js_vars.i18n_time_error);
return false;
}
appt_add_confirm = confirm(booked_js_vars.i18n_bulk_add_confirm);
if (appt_add_confirm == true){
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : formData,
beforeSend: function(){
savingState(true);
},
success: function(data) {
response = JSON.parse(data);
currentTimesBox.val( JSON.stringify( response.timeslot ) );
currentTimesDetailsBox.val( JSON.stringify( response.timeslot_details ) );
$button.attr('disabled',false);
$('#booked-customTimePickerTemplates').find('input').val('').attr('checked',false);
$('#booked-customTimePickerTemplates').find('select').prop('selectedIndex',0);
$('#booked-customTimePickerTemplates').find('.customBulk,customSingle').hide();
$('#booked-customTimePickerTemplates').hide().appendTo('#booked-custom-timeslots');
$('button.addBulkTimeslots').prop('disabled',false);
$('button.addSingleTimeslot').prop('disabled',false);
$('#booked-saveCustomTimeslots').prop('disabled',false);
updateCustomTimeslotEncodedField();
loadCustomTimeSlots(timeslotList,data);
$('#booked-saveCustomTimeslots').trigger('click');
}
});
}
} else {
$button.attr('disabled',false);
alert(booked_js_vars.i18n_all_fields_required);
return false;
}
});
}
function hideAddCustomTimeslotsForm(){
$('#booked-customTimePickerTemplates').find('.customBulk,customSingle').hide();
$('#booked-customTimePickerTemplates').hide().appendTo('#booked-custom-timeslots');
$('button.addBulkTimeslots').attr('disabled',false);
$('button.addSingleTimeslot').attr('disabled',false);
updateCustomTimeslotEncodedField();
}
function loadCustomTimeSlots(timeslotsBlock,json_array){
var parentTimeslotBlock = timeslotsBlock.parents('.booked-customTimeslot'),
start_date = parentTimeslotBlock.find('[name="booked_custom_start_date"]').val(),
end_date = parentTimeslotBlock.find('[name="booked_custom_end_date"]').val(),
calendar_id = parentTimeslotBlock.find('[name="booked_custom_calendar_id"]').val(),
json_array_jsoned = JSON.parse(json_array);
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_custom_timeslots_list','nonce': booked_js_vars.nonce,'json_array':JSON.stringify(json_array_jsoned.timeslot),'json_array_detailed':JSON.stringify(json_array_jsoned.timeslot_details),'start_date':start_date,'end_date':end_date,'calendar_id':calendar_id},
success : function(html){
timeslotsBlock.html( html );
}
});
}
$('#booked-custom-timeslots').on('click','#booked-saveCustomTimeslots',function(e){
e.preventDefault();
var custom_timeslots_encoded = $('#custom_timeslots_encoded').val();
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : {
'action' : 'booked_admin_save_custom_time_slots',
'nonce': booked_js_vars.nonce,
'custom_timeslots_encoded' : custom_timeslots_encoded
},
beforeSend: function(){
$('#booked-saveCustomTimeslots').attr('disabled',true);
savingState(true);
},
success: function(data) {
$('#customTimeslotsContainer .booked-customTimeslot').css('border-color','#ddd');
$('#booked-saveCustomTimeslots').prop('disabled',true).removeClass('button-primary');
}
});
});
/* END Custom Time Slots */
if ($('.booked-color-field').length){
$('.booked-color-field').wpColorPicker();
}
// Upload Image Button
var _custom_media = true,
_orig_send_attachment = wp.media.editor.send.attachment;
$('#booked_email_logo_button').on('click', function(e) {
var send_attachment_bkp = wp.media.editor.send.attachment;
var button = $(this);
var id = button.attr('id').replace('_button', '');
_custom_media = true;
wp.media.editor.send.attachment = function(props, attachment){
if ( _custom_media ) {
$("#"+id).val(attachment.url);
$("#"+id+"-img").attr('src',attachment.url).show();
$('#booked_email_logo_button_remove').show();
} else {
return _orig_send_attachment.apply( this, [props, attachment] );
};
}
wp.media.editor.open(button);
return false;
});
$('#booked_email_logo_button_remove').on('click', function(e) {
e.preventDefault();
$("#booked_email_logo").val('');
$("#booked_email_logo-img").attr('src','').hide();
$(this).hide();
});
// END Upload Image Button
// Custom Fields
var CF_SortablesForm = $('#booked-cf-sortables-form'),
CF_SortablesContainer = $('#booked-cf-sortables'),
CF_SortablesTemplatesContainer = $('#booked-cf-sortable-templates'),
CF_SingleLineTextTemplate = $('#bookedCFTemplate-single-line-text'),
CF_ParagraphTextTemplate = $('#bookedCFTemplate-paragraph-text'),
CF_CheckboxesTemplate = $('#bookedCFTemplate-checkboxes'),
CF_RadioButtonsTemplate = $('#bookedCFTemplate-radio-buttons'),
CF_DropDownTemplate = $('#bookedCFTemplate-drop-down');
init_booked_custom_fields();
$('body').on('keyup','#booked-cf-sortables input',function() {
update_CF_Data(CF_SortablesForm);
});
$('body').on('keyup','#booked-cf-sortables textarea',function() {
update_CF_Data(CF_SortablesForm);
});
$('body').on('click','.booked-cf-block .cfButton',function(e){
e.preventDefault();
var CF_ButtonType = $(this).attr('data-type');
appendLocation = $(this).parent().find('ul:first');
var newSortable = CF_SortablesTemplatesContainer.find('#bookedCFTemplate-'+CF_ButtonType).clone().appendTo(appendLocation);
// Assign this field a random number
if (CF_ButtonType == 'plain-text-content'){
var thisInput = newSortable.find('textarea[name="'+CF_ButtonType+'"]');
var thisRequiredCheckbox = false;
} else {
var thisInput = newSortable.find('input[name="'+CF_ButtonType+'"]');
var thisRequiredCheckbox = newSortable.find('input[name="required"]');
}
if (CF_ButtonType == 'single-radio-button'){
var thisTextField = $(this).parents('li').find('input[type=text]:first').attr('name');
thisTextField = thisTextField.split('---');
var randomNumber = thisTextField[1];
randomNumber = randomNumber.split('___');
randomNumber = randomNumber[0];
} else if (CF_ButtonType == 'single-checkbox'){
var thisTextField = $(this).parents('li').find('input[type=text]:first').attr('name');
thisTextField = thisTextField.split('---');
var randomNumber = thisTextField[1];
randomNumber = randomNumber.split('___');
randomNumber = randomNumber[0];
} else {
var randomNumber = Math.floor((Math.random() * 9999999) + 1000000);
}
if (CF_ButtonType != 'plain-text-content'){
thisRequiredCheckbox.attr('name','required---'+randomNumber).attr('id','required---'+randomNumber).parent().find('label').attr('for','required---'+randomNumber);
}
thisInput.attr('name',CF_ButtonType+'---'+randomNumber);
thisInput.css('border-color','#FFBA00');
/*
* allow other script to apply their modification before initializing the sortables
* $(document).on("booked-on-cbutton-click", function(event, params) { code goes here });
*/
$(document).trigger("booked-on-cbutton-click", {
button_object: $(this),
this_input: thisInput,
button_type: CF_ButtonType,
random_number: randomNumber
});
CF_SortablesContainer.show();
init_booked_cf_sortables();
});
$('body').on('change','.booked-cf-block .cf-required-checkbox',function(e){
var thisCheckboxVal = $(this).attr('checked');
var thisTextField = $(this).parents('li').find('input[type=text]:first');
var currentValue = thisTextField.attr('name');
if (thisCheckboxVal == 'checked'){
thisTextField.attr('name',currentValue+'___required');
} else {
currentValue = currentValue.split('___');
currentValue = currentValue[0];
thisTextField.attr('name',currentValue);
}
update_CF_Data(CF_SortablesForm);
});
$('body').on('click','.booked-cf-block .cf-delete',function(e){
var confirm_delete = confirm("Are you sure you want to delete this field?");
if (confirm_delete){
$(this).parent().remove();
if ($('#booked-cf-sortables').is(':empty')){
$('#booked-cf-sortables').hide();
}
update_CF_Data(CF_SortablesForm);
}
});
function update_CF_Data(CF_SortablesForm){
var sortableContent = JSON.stringify(CF_SortablesForm.serializeArray());
$('#booked_custom_fields').val(sortableContent);
}
function init_booked_custom_fields(){
CF_SortablesForm = $('#booked-cf-sortables-form');
CF_SortablesContainer = $('#booked-cf-sortables');
if (CF_SortablesContainer.length){
if (!CF_SortablesContainer.is(':empty')){
CF_SortablesContainer.show();
}
var CF_SortingObject = CF_SortablesContainer.sortable({
handle: ".main-handle",
stop: function(){
update_CF_Data(CF_SortablesForm);
}
});
init_booked_cf_sortables();
}
}
function init_booked_cf_sortables(){
CF_SortablesForm = $('#booked-cf-sortables-form');
$('#booked-cf-checkboxes').sortable({
handle: ".sub-handle",
stop: function(){
update_CF_Data(CF_SortablesForm);
}
});
$('#booked-cf-radio-buttons').sortable({
handle: ".sub-handle",
stop: function(){
update_CF_Data(CF_SortablesForm);
}
});
$('#booked-cf-drop-down').sortable({
handle: ".sub-handle",
stop: function(){
update_CF_Data(CF_SortablesForm);
}
});
update_CF_Data(CF_SortablesForm);
}
$('#booked-custom-fields').on('click','#booked-cf-saveButton',function(e){
e.preventDefault();
var booked_custom_fields = $('#booked_custom_fields').val(),
booked_cf_calendar_id = $('#booked-cfSwitcher select').val();
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : {
'action' : 'booked_admin_save_custom_fields',
'nonce': booked_js_vars.nonce,
'booked_custom_fields' : booked_custom_fields,
'booked_cf_calendar_id' : booked_cf_calendar_id
},
beforeSend: function(){
$('#booked-cf-saveButton').attr('disabled',true);
savingState(true);
},
success: function(data) {
console.log(data);
$('#booked-cf-saveButton').attr('disabled',false);
$('#booked-cf-sortables input[type=text]').css('border-color','#ccc');
$('#booked-cf-sortables textarea').css('border-color','#ccc');
}
});
});
// END Custom Fields
var checkedClass = 'custom-input-checked';
var disabledClass = 'custom-input-disabled';
/* Main Admin Tabs */
if ($('.booked-admin-tabs').length){
// Tabs
$('.tab-content').hide();
var adminTabs = $('.booked-admin-tabs');
var tabHash = window.location.hash;
if (tabHash){
var activeTab = tabHash;
activeTab = activeTab.split('#');
activeTab = activeTab[1];
adminTabs.find('li').removeClass('active');
adminTabs.find('a[href="'+tabHash+'"]').parent().addClass('active');
$('#booked-'+activeTab).show();
} else {
var activeTab = adminTabs.find('.active > a').attr('href');
activeTab = activeTab.split('#');
activeTab = activeTab[1];
$('#booked-'+activeTab).show();
}
adminTabs.find('li > a').on('click', function(e) {
//e.preventDefault();
$('.tab-content').hide();
adminTabs.find('li').removeClass('active');
$(this).parent().addClass('active');
var activeTab = $(this).attr('href');
activeTab = activeTab.split('#');
activeTab = activeTab[1];
if (activeTab == 'import_export_uninstall'){
$('.submit-section').hide();
} else {
$('.submit-section').show();
}
$('#booked-'+activeTab).show();
});
}
/* Admin Sub-Tabs */
if ($('.booked-admin-subtabs').length){
// Tabs
$('.subtab-content').hide();
var adminSubTabs = $('.booked-admin-subtabs');
adminSubTabs.each(function(){
theseSubTabs = $(this);
var thisWrapper = theseSubTabs.parents('.tab-content');
var activeSubTab = theseSubTabs.find('.active > a').attr('href');
activeSubTab = activeSubTab.split('#');
activeSubTab = activeSubTab[1];
$('#booked-subtab-'+activeSubTab).show();
theseSubTabs.find('li > a').on('click', function(e) {
e.preventDefault();
thisWrapper.find('.subtab-content').hide();
theseSubTabs.find('li').removeClass('active');
$(this).parent().addClass('active');
var activeSubTab = $(this).attr('href');
activeSubTab = activeSubTab.split('#');
activeSubTab = activeSubTab[1];
$('#booked-subtab-'+activeSubTab).show();
});
});
}
/* Click the Cancel button */
$('#bookedTimeslotsWrap').on('click','td.addTimeslot .cancel',function(e){
e.preventDefault();
reset_add_timeslot_button();
});
function reset_add_timeslot_button(){
var addButton = $('#bookedTimeslotsWrap').find('.addTimeslot.active').find('a.booked-add-timeslot');
var dayName = addButton.parent().attr('data-day');
var clearButton = $('table.booked-timeslots th[data-day="'+dayName+'"]').find('.booked-clear-timeslots');
$('td.addTimeslot').find('select').show();
$('td.addTimeslot').removeClass('active');
$('td.addTimeslot a.button').html( booked_js_vars.i18n_add ).removeClass('button-primary').appendTo('table.booked-timeslots th[data-day="'+dayName+'"]');
$('#timepickerTemplate').appendTo( '#booked-defaults' ).hide();
clearButton.show();
}
$('#timepickerTemplate .tsSingle,#booked-customTimePickerTemplates .customSingle').on('change','select[name="startTime"]',function(){
var thisSelectBox = $(this);
var thisSelectBoxVal = thisSelectBox.val();
if (thisSelectBoxVal == 'allday'){
thisSelectBox.parent().find('select[name="endTime"]').val('2400').hide();
} else {
thisSelectBox.parent().find('select[name="endTime"]').val('').show();
}
});
/* Click the Clear button */
$('#bookedTimeslotsWrap').on('click','a.booked-clear-timeslots',function(e){
e.preventDefault();
var thisButton = $(this);
var dayName = thisButton.parent().attr('data-day');
var parentBlock = $('#bookedTimeslotsWrap').find('td.addTimeslot[data-day="'+dayName+'"]');
var day = thisButton.parents('th').attr('data-day');
var calendar_id = $('table.booked-timeslots').attr('data-calendar-id');
clear_timelots_confirm = confirm(booked_js_vars.i18n_clear_timeslots_confirm);
if (clear_timelots_confirm == true){
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_clear_timeslots','nonce': booked_js_vars.nonce,'day':day,'calendar_id':calendar_id},
beforeSend: function(){
savingState(true);
},
success: function(data) {
reset_add_timeslot_button();
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_load_timeslots','nonce': booked_js_vars.nonce,'day':day,'calendar_id':calendar_id},
success : function(html){
$('td.dayTimeslots[data-day="'+day+'"]').html( html );
}
});
}
});
}
});
/* Click the Add button */
$('#bookedTimeslotsWrap').on('click','a.booked-add-timeslot',function(e){
e.preventDefault();
var thisButton = $(this);
var clearButton = thisButton.parent().find('.booked-clear-timeslots');
var dayName = thisButton.parent().attr('data-day');
var parentBlock = $('#bookedTimeslotsWrap').find('td.addTimeslot[data-day="'+dayName+'"]');
var allTimeslotParents = $('#bookedTimeslotsWrap td.addTimeslot');
if (thisButton.hasClass('button-primary')){
var activeTab = $('.addTimeslotTab.active').attr('href');
if (activeTab == '#Bulk'){
// Bulk add
var $button = $(this),
day = $button.parents('td').attr('data-day'),
startTime = $('.tsBulk').find('select[name=startTime]').val(),
startTimeText = $('.tsBulk').find('select[name=startTime] :selected').text(),
endTime = $('.tsBulk').find('select[name=endTime]').val(),
endTimeText = $('.tsBulk').find('select[name=endTime] :selected').text(),
interval = $('.tsBulk').find('select[name=interval]').val(),
time_between = $('.tsBulk').find('select[name=time_between]').val(),
intervalText = $('.tsBulk').find('select[name=interval] :selected').text(),
count = $('.tsBulk').find('select[name=count]').val(),
calendar_id = $('table.booked-timeslots').attr('data-calendar-id'),
countText = $('.tsBulk').find('select[name=count] :selected').text();
var formData = $('#bulk-timeslot-form').serializeObject();
formData['action'] = 'booked_admin_add_timeslots';
formData['day'] = day;
formData['calendar_id'] = calendar_id;
formData['nonce'] = booked_js_vars.nonce;
if (startTime && endTime && interval && count){
if (endTime <= startTime){
alert(booked_js_vars.i18n_time_error);
return false;
}
appt_add_confirm = confirm(booked_js_vars.i18n_bulk_add_confirm);
if (appt_add_confirm == true){
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : formData,
beforeSend: function(){
savingState(true);
},
success: function(data) {
reset_add_timeslot_button();
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_load_timeslots','nonce': booked_js_vars.nonce,'day':day,'calendar_id':calendar_id},
success : function(html){
$('td.dayTimeslots[data-day="'+day+'"]').html( html );
}
});
}
});
}
} else {
alert(booked_js_vars.i18n_all_fields_required);
}
} else {
// Single add
var $button = $(this),
day = $button.parents('td').attr('data-day'),
startTime = $('.tsSingle').find('select[name=startTime] :selected').val(),
startTimeText = $('.tsSingle').find('select[name=startTime] :selected').text(),
endTime = $('.tsSingle').find('select[name=endTime] :selected').val(),
endTimeText = $('.tsSingle').find('select[name=endTime] :selected').text(),
count = $('.tsSingle').find('select[name=count] :selected').val(),
calendar_id = $('table.booked-timeslots').attr('data-calendar-id'),
countText = $('.tsSingle').find('select[name=count] :selected').text();
var formData = $('#single-timeslot-form').serializeObject();
formData['action'] = 'booked_admin_add_timeslot';
formData['day'] = day;
formData['calendar_id'] = calendar_id;
formData['nonce'] = booked_js_vars.nonce;
if (startTime && endTime && count){
if (endTime <= startTime && startTime != 'allday'){
alert(booked_js_vars.i18n_time_error);
return false;
}
if (startTime == '0000' && endTime == '2400' || startTime == 'allday' && endTime == '2400'){
appt_add_confirm = confirm(booked_js_vars.i18n_single_add_confirm + ':\n'+booked_js_vars.i18n_all_day+' x'+count);
} else {
appt_add_confirm = confirm(booked_js_vars.i18n_single_add_confirm + ':\n'+startTimeText+' '+booked_js_vars.i18n_to+' '+endTimeText+' x'+count);
}
if (appt_add_confirm == true){
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : formData,
beforeSend: function(){
savingState(true);
},
success: function(data) {
reset_add_timeslot_button();
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_load_timeslots','nonce': booked_js_vars.nonce,'day':day,'calendar_id':calendar_id},
success : function(html){
$('td.dayTimeslots[data-day="'+day+'"]').html( html );
}
});
}
});
}
} else {
alert(booked_js_vars.i18n_all_fields_required);
}
}
} else {
reset_add_timeslot_button();
allTimeslotParents.removeClass('active');
allTimeslotParents.find('a.button').html(booked_js_vars.i18n_add).removeClass('button-primary');
$('#timepickerTemplate').appendTo('#booked-defaults').hide();
parentBlock.addClass('active');
thisButton.html(booked_js_vars.i18n_add).addClass('button-primary');
init_timeslot_tabs();
var thisForm = $('#timepickerTemplate').prependTo(parentBlock).show();
clearButton.hide();
thisButton.appendTo(parentBlock);
}
});
$('#bookedTimeslotsWrap').on('change','select[name=startTime]',function(e) {
var endTimeSelect = $(this).parent().find('select[name=endTime]');
var startTimeVal = $(this).val();
endTimeSelect.find('option').removeAttr('disabled');
endTimeSelect.find('option').each(function() {
var thisVal = $(this).val();
if (thisVal <= startTimeVal){
$(this).attr('disabled',true);
}
});
});
var preventMultiClicks;
// Change Timeslot Count
$('#bookedTimeslotsWrap').on('click', '.slotsBlock .changeCount', function(e) {
e.preventDefault();
if (!currentlySaving){
var $button = $(this),
$timeslot = $button.parents('.timeslot');
$countText = $button.parent().find('.count'),
day = $button.parents('td').attr('data-day'),
timeslot = $button.parents('.timeslot').attr('data-timeslot'),
countAdjust = $button.attr('data-count'),
calendar_id = $('table.booked-timeslots').attr('data-calendar-id'),
currentCount = $countText.find('em').text();
clearTimeout(preventMultiClicks);
newCount = parseInt(currentCount) + parseInt(countAdjust);
if (newCount < 1) {
newCount = 1;
} else {
if (newCount != 1) { slot_text = booked_js_vars.i18n_slots; } else { slot_text = booked_js_vars.i18n_slot; }
$countText.html('<em>' + newCount + '</em> ' + slot_text);
preventMultiClicks = setTimeout(function(){
$timeslot.css({'opacity':0.5});
savingState(true);
currentlySaving = true;
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : {
'action' : 'booked_admin_adjust_default_timeslot_count',
'nonce': booked_js_vars.nonce,
'newCount' : newCount,
'calendar_id' : calendar_id,
'day' : day,
'timeslot' : timeslot
},
success: function(data) {
currentlySaving = false;
$timeslot.css({'opacity':1});
}
});
},350);
}
}
return false;
});
// Delete Timeslot
$('#bookedTimeslotsWrap').on('click', '.timeslot .delete', function(e) {
e.preventDefault();
var $button = $(this),
$timeslot = $button.parents('.timeslot'),
day = $button.parents('td').attr('data-day'),
timeslot = $button.parents('.timeslot').attr('data-timeslot'),
calendar_id = $('table.booked-timeslots').attr('data-calendar-id'),
startText = $timeslot.find('.start').html(),
endText = $timeslot.find('.end').html();
confirm_ts_delete = confirm(booked_js_vars.i18n_confirm_ts_delete);
if (confirm_ts_delete == true){
$timeslot.slideUp('fast',function(){
$(this).remove();
});
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : {
'action' : 'booked_admin_delete_timeslot',
'nonce': booked_js_vars.nonce,
'day' : day,
'calendar_id' : calendar_id,
'timeslot' : timeslot
},
beforeSend: function(){
savingState(true);
},
success: function(data) {
// Do nothing
}
});
}
});
// Time Slots Calendar Switcher
$('#booked-timeslotsSwitcher').on('change','select[name="bookedTimeslotsDisplayed"]',function(e){
var calendar_id = $(this).val(),
allTimeslotParents = $('#bookedTimeslotsWrap td.addTimeslot');
allTimeslotParents.find('select').val('');
allTimeslotParents.removeClass('active');
allTimeslotParents.find('a.button').html(booked_js_vars.i18n_add).removeClass('button-primary');
$('#timepickerTemplate').appendTo('#booked-defaults').hide();
savingState(true);
$('table.booked-timeslots tbody').addClass('faded');
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_load_full_timeslots','nonce': booked_js_vars.nonce,'calendar_id':calendar_id},
success : function(html){
$('#bookedTimeslotsWrap').html( html );
init_timeslot_tabs();
$('table.booked-timeslots tbody').removeClass('faded');
}
});
});
// Custom Fields Calendar Switcher
$('#booked-cfSwitcher').on('change','select[name="bookedCustomFieldsDisplayed"]',function(e){
var calendar_id = $(this).val();
$('#booked_customFields_Wrap').addClass('faded');
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_load_full_customfields','nonce': booked_js_vars.nonce,'calendar_id':calendar_id},
success : function(html){
$('#booked_customFields_Wrap').html( html );
$('#booked_customFields_Wrap').removeClass('faded');
init_booked_custom_fields();
}
});
});
// Calendar Switcher
$('.booked-calendarSwitcher').on('change','select[name="bookedCalendarDisplayed"]',function(e){
var calendar_id = $(this).val(),
currentMonth = $('table.booked-calendar').attr('data-monthShown');
savingState(true);
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_calendar_month','nonce': booked_js_vars.nonce,'gotoMonth':currentMonth,'calendar_id':calendar_id},
success : function(html){
$('.booked-admin-calendar-wrap').html( html );
adjust_calendar_boxes();
}
});
});
// Calendar Next/Prev Click
$('body').on('click', '.booked-admin-calendar-wrap .page-right, .booked-admin-calendar-wrap .page-left, .booked-admin-calendar-wrap .monthName a', function(e) {
e.preventDefault();
var $button = $(this),
gotoMonth = $button.attr('data-goto'),
calendar_id = $('table.booked-calendar').attr('data-calendar-id');
savingState(true);
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_calendar_month','nonce': booked_js_vars.nonce,'gotoMonth':gotoMonth,'calendar_id':calendar_id},
success : function(html){
$('.booked-admin-calendar-wrap').html( html );
adjust_calendar_boxes();
}
});
return false;
});
// Calendar Date Click
$('.booked-admin-calendar-wrap').on('click', 'tr.week td', function(e) {
e.preventDefault();
var $thisDate = $(this),
$thisRow = $thisDate.parent(),
date = $thisDate.attr('data-date'),
calendar_id = $('table.booked-calendar').attr('data-calendar-id'),
colspanSetting = $thisRow.find('td').length;
if ($thisDate.hasClass('blur')){
// Do nothing.
} else if ($thisDate.hasClass('active')){
$thisDate.removeClass('active');
$('tr.entryBlock').remove();
} else {
$('tr.week td').removeClass('active');
$thisDate.addClass('active');
$('tr.entryBlock').remove();
$thisRow.after('<tr class="entryBlock booked-loading"><td colspan="'+colspanSetting+'"></td></tr>');
$('tr.entryBlock').find('td').spin('booked');
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_calendar_date','nonce': booked_js_vars.nonce,'date':date,'calendar_id':calendar_id},
success : function(html){
$('tr.entryBlock').find('td').html( html );
$('tr.entryBlock').removeClass('booked-loading');
$('tr.entryBlock').find('.booked-appt-list').fadeIn(300);
$('tr.entryBlock').find('.booked-appt-list').addClass('shown');
$('.bookedAppointmentTab.active').fadeIn(300);
}
});
}
return false;
});
// Delete Appointment Click from Calendar
$('.booked-admin-calendar-wrap').on('click', 'tr.entryBlock .delete', function(e) {
e.preventDefault();
var $button = $(this),
$thisParent = $button.parents('.timeslot'),
$thisTimeslot = $button.parents('.timeslot'),
$activeTD = $('td.active'),
$addlParent = $thisTimeslot.parents('.additional-timeslots'),
appt_id = $thisTimeslot.attr('data-appt-id'),
date = $activeTD.attr('data-date'),
calendar_id = $button.attr('data-calendar-id');
if (!appt_id){
appt_id = $button.parents('.appt-block').attr('data-appt-id');
$thisParent = $button.parents('.appt-block');
}
confirm_appt_delete = confirm(booked_js_vars.i18n_confirm_appt_delete);
if (confirm_appt_delete == true){
$thisParent.slideUp('fast',function(){
$(this).remove();
if ($addlParent.length){
if (!$addlParent.find('.timeslot').length){
$addlParent.remove();
}
} else {
if (!$thisTimeslot.find('.appt-block').length){
$thisTimeslot.find('strong').remove();
}
}
});
$thisTimeslot.addClass('faded');
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : {
'action' : 'booked_admin_delete_appt',
'nonce': booked_js_vars.nonce,
'appt_id' : appt_id
},
success: function(data) {
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_calendar_date','nonce': booked_js_vars.nonce,'date':date,'calendar_id':calendar_id},
success : function(html){
$('tr.entryBlock').find('td').html( html );
$('tr.entryBlock').find('.booked-appt-list').show();
$('tr.entryBlock').find('.booked-appt-list').addClass('shown');
$('.bookedAppointmentTab.active').fadeIn(300);
}
});
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_refresh_date_square','nonce': booked_js_vars.nonce,'date':date,'calendar_id':calendar_id},
success : function(html){
$activeTD.replaceWith(html);
adjust_calendar_boxes();
}
});
}
});
}
return false;
});
// Approve Appointment in Calendar
$('.booked-admin-calendar-wrap').on('click', 'tr.entryBlock .approve', function(e) {
e.preventDefault();
var $button = $(this),
$thisParent = $button.parents('.timeslot'),
appt_id = $thisParent.attr('data-appt-id');
if (!appt_id){
$thisParent = $button.parents('.appt-block');
appt_id = $button.attr('data-appt-id');
}
confirm_appt_approve = confirm(booked_js_vars.i18n_confirm_appt_approve);
if (confirm_appt_approve == true){
$(document).trigger("booked-on-calendar-approve", appt_id);
$button.remove();
$thisParent.find('.pending-text').remove();
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : {
'action' : 'booked_admin_approve_appt',
'nonce': booked_js_vars.nonce,
'appt_id' : appt_id
},
success: function(data) {
// Do nothing
}
});
}
return false;
});
// User Info Click
$('body').on('click', '.booked-pending-appt-list .user, .booked-admin-calendar-wrap tr.entryBlock .user', function(e) {
e.preventDefault();
var $thisLink = $(this),
user_id = $thisLink.attr('data-user-id'),
appt_id = $thisLink.parent().attr('data-appt-id');
create_booked_modal();
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : {'action':'booked_admin_user_info_modal','nonce': booked_js_vars.nonce,'user_id':user_id,'appt_id':appt_id},
success : function(html){
$('.bm-window').html( html );
var bookedModal = $('.booked-modal');
var bmWindow = bookedModal.find('.bm-window');
bmWindow.css({'visibility':'hidden'});
bookedModal.removeClass('bm-loading');
resize_booked_modal();
bmWindow.hide();
bmWindow.find('.booked_appt_date').datepicker({
showOn: "button",
buttonText: booked_js_vars.i18n_change_date,
dateFormat: "yy-mm-dd",
beforeShow: function(input, inst) {
$('#ui-datepicker-div').removeClass();
$('#ui-datepicker-div').addClass('booked_custom_date_picker');
},
onSelect: function(selected) {
bmWindow.find('.ui-datepicker-trigger').attr('disabled',true);
var appt_id = $('#editAppointmentForm').data('appt-id');
booked_update_timeslot_select_field( appt_id, selected );
booked_datepicker_show_formatted_date( 'booked_appt_date', selected );
}
});
setTimeout(function(){
bmWindow.find('.ui-datepicker-trigger').addClass('button');
bmWindow.css({'visibility':'visible'});
bmWindow.show();
},50);
}
});
return false;
});
$('.booked-admin-calendar-wrap').on('click', '#bookedAppointmentTabs li a', function(e) {
e.preventDefault();
var $thisTab = $(this);
var tabName = $thisTab.attr('href').split('#calendar-');
tabName = tabName[1];
$('#bookedAppointmentTabs li').removeClass('active');
$('.bookedAppointmentTab').hide();
$('.bookedAppointmentTab').removeClass('active');
$thisTab.parent().addClass('active');
$('#bookedCalendarAppointmentsTab-'+tabName).fadeIn(100);
$('#bookedCalendarAppointmentsTab-'+tabName).addClass('active');
return false;
});
// New Appointment Click
$('.booked-admin-calendar-wrap').on('click', 'tr.entryBlock button.new-appt', function(e) {
e.preventDefault();
var $button = $(this),
timeslot = $button.attr('data-timeslot'),
title = $button.attr('data-title'),
date = $button.attr('data-date'),
$thisTimeslot = $button.parents('.timeslot'),
calendar_id = $button.attr('data-calendar-id');
booked_load_calendar_date_booking_options = {'action':'booked_admin_new_appointment_form','nonce': booked_js_vars.nonce,'date':date,'title':title,'timeslot':timeslot,'calendar_id':calendar_id};
$(document).trigger("booked-before-loading-calendar-booking-options");
create_booked_modal();
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : booked_load_calendar_date_booking_options,
success : function(html){
$('.bm-window').html( html );
$('select#userList').chosen();
var bookedModal = $('.booked-modal');
var bmWindow = bookedModal.find('.bm-window');
bmWindow.css({'visibility':'hidden'});
bookedModal.removeClass('bm-loading');
$(document).trigger("booked-on-new-app");
resize_booked_modal();
bmWindow.hide();
setTimeout(function(){
bmWindow.css({'visibility':'visible'});
bmWindow.show();
},50);
}
});
return false;
});
// New Appointment Click
$('.booked-admin-calendar-wrap').on('click', 'tr.entryBlock button.disable-slot', function(e) {
e.preventDefault();
var $button = $(this),
timeslot = $button.attr('data-timeslot'),
title = $button.attr('data-title'),
date = $button.attr('data-date'),
$thisTimeslot = $button.parents('.timeslot'),
$thisDate = $button.parents('.bookedAppointmentTab'),
calendar_id = $button.attr('data-calendar-id');
$thisDate.find('.disable-slot').attr('disabled',true);
booked_load_calendar_date_booking_options = {'action':'booked_admin_disable_slot','nonce': booked_js_vars.nonce,'date':date,'title':title,'timeslot':timeslot,'calendar_id':calendar_id};
$.ajax({
url : booked_js_vars.ajax_url,
type : 'post',
data : booked_load_calendar_date_booking_options,
success : function(result){
if ( result == 'disabled' ){
$thisTimeslot.addClass('booked-disabled');
$thisTimeslot.find( '.new-appt' ).attr( 'disabled',true );
$button.text( booked_js_vars.i18n_enable );
} else if ( result == 'enabled' ){
$thisTimeslot.removeClass('booked-disabled');
$thisTimeslot.find( '.new-appt' ).attr( 'disabled',false );
$button.text( booked_js_vars.i18n_disable );
}
$thisDate.find('.disable-slot').attr('disabled',false);
}
});
return false;
});
// Delete Appointment from Pending List
$('.booked-pending-appt-list').on('click', '.pending-appt .delete', function(e) {
e.preventDefault();
var $button = $(this),
$thisParent = $button.parents('.pending-appt'),
appt_id = $thisParent.attr('data-appt-id');
confirm_appt_delete = confirm(booked_js_vars.i18n_confirm_appt_delete);
if (confirm_appt_delete == true){
var currentPendingCount = parseInt($('li.toplevel_page_booked-appointments').find('li.current').find('span.update-count').html());
currentPendingCount = parseInt(currentPendingCount - 1);
if (currentPendingCount < 1){
$('li.toplevel_page_booked-appointments').find('li.current').find('span.update-plugins').remove();
$('.no-pending-message').slideDown('fast');
$('.booked-pending-cap').slideUp('fast');
} else {
$('li.toplevel_page_booked-appointments').find('li.current').find('span.update-count').html(currentPendingCount);
}
$thisParent.slideUp('fast',function(){
$(this).remove();
});
savingState(true);
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : {
'action' : 'booked_admin_delete_appt',
'nonce': booked_js_vars.nonce,
'appt_id' : appt_id
},
success: function(data) {
setTimeout( function(){
savingState(false);
},500 );
}
});
}
return false;
});
// Approve Appointment from Pending List
$('.booked-pending-appt-list').on('click', '.pending-appt .approve', function(e) {
e.preventDefault();
var $button = $(this),
$thisParent = $button.parents('.pending-appt'),
appt_id = $thisParent.attr('data-appt-id');
confirm_appt_approve = confirm(booked_js_vars.i18n_confirm_appt_approve);
if (confirm_appt_approve == true){
var currentPendingCount = parseInt($('li.toplevel_page_booked-appointments').find('li.current').find('span.update-count').html());
currentPendingCount = parseInt(currentPendingCount - 1);
if (currentPendingCount < 1){
$('li.toplevel_page_booked-appointments').find('li.current').find('span.update-plugins').remove();
$('.no-pending-message').slideDown('fast');
$('.booked-pending-cap').slideUp('fast');
} else {
$('li.toplevel_page_booked-appointments').find('li.current').find('span.update-count').html(currentPendingCount);
}
$thisParent.slideUp('fast',function(){
$(this).remove();
});
savingState(true);
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : {
'action' : 'booked_admin_approve_appt',
'nonce': booked_js_vars.nonce,
'appt_id' : appt_id
},
success: function(data) {
setTimeout( function(){
savingState(false);
},500 );
}
});
}
return false;
});
// Approve All Appointment from Pending List
$('.booked-pending-cap').on('click', '.approve-all', function(e) {
e.preventDefault();
var $button = $(this);
confirm_appt_approve = confirm(booked_js_vars.i18n_confirm_appt_approve_all);
if (confirm_appt_approve == true){
savingState(true);
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : {
'action' : 'booked_admin_approve_all',
'nonce': booked_js_vars.nonce,
},
success: function(data) {
$('li.toplevel_page_booked-appointments').find('li.current').find('span.update-plugins').remove();
$('.booked-pending-appt-list .pending-appt:not(.no-pending-message)').remove();
$('.booked-pending-appt-list .no-pending-message').slideDown('fast');
$('.booked-pending-cap').slideUp('fast');
setTimeout( function(){
savingState(false);
},500 );
}
});
}
return false;
});
// Delete All Appointment from Pending List
$('.booked-pending-cap').on('click', '.delete-all', function(e) {
e.preventDefault();
var $button = $(this);
confirm_appt_approve = confirm(booked_js_vars.i18n_confirm_appt_delete_all);
if (confirm_appt_approve == true){
savingState(true);
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : {
'action' : 'booked_admin_delete_all',
'nonce': booked_js_vars.nonce,
},
success: function(data) {
$('li.toplevel_page_booked-appointments').find('li.current').find('span.update-plugins').remove();
$('.booked-pending-appt-list .pending-appt:not(.no-pending-message)').remove();
$('.booked-pending-appt-list .no-pending-message').slideDown('fast');
$('.booked-pending-cap').slideUp('fast');
setTimeout( function(){
savingState(false);
},500 );
}
});
}
return false;
});
var totalPendings = $('.booked-pending-appt-list').find('.pending-appt').length;
var passedPendings = $('.booked-pending-appt-list').find('.pending-appt.passed').length;
if (totalPendings > 1 && !passedPendings){
$('.booked-pending-cap .button.delete-past').hide();
} else if (totalPendings == 1) {
$('.booked-pending-cap').slideUp('fast');
}
// Delete Past Appointments from Pending List
$('.booked-pending-cap').on('click', '.delete-past', function(e) {
e.preventDefault();
var $button = $(this);
confirm_appt_approve = confirm(booked_js_vars.i18n_confirm_appt_delete_past);
if (confirm_appt_approve == true){
var currentPendingCount = parseInt($('li.toplevel_page_booked-appointments').find('li.current').find('span.update-count').html());
var pendingsToRemove = $('.booked-pending-appt-list').find('.pending-appt.passed').length;
currentPendingCount = parseInt(currentPendingCount - pendingsToRemove);
if (currentPendingCount < 1){
$('li.toplevel_page_booked-appointments').find('li.current').find('span.update-plugins').remove();
$('.booked-pending-appt-list .no-pending-message').slideDown('fast');
$('.booked-pending-cap').slideUp('fast');
} else {
$('li.toplevel_page_booked-appointments').find('li.current').find('span.update-count').html(currentPendingCount);
}
savingState(true);
booked_js_vars.ajaxRequests.push = $.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : {
'action' : 'booked_admin_delete_past',
'nonce': booked_js_vars.nonce,
},
success: function(data) {
$('.booked-pending-cap .button.delete-past').hide();
$('.booked-pending-appt-list .pending-appt.passed').remove();
setTimeout( function(){
savingState(false);
},500 );
}
});
}
return false;
});
$('body').on('touchstart click','.bm-overlay, .bm-window .close, form.booked-form .cancel',function(e){
e.preventDefault();
close_booked_modal();
return false;
});
$('body').on('change','form.booked-settings-form input,form.booked-form input,form.booked-settings-form select',function(){
var condition = $(this).attr('data-condition'),
thisVal = $(this).val();
if (condition && $('.condition-block').length) {
if ( $(this).is(':checkbox') && $(this).is(':checked') ){
$('.condition-block.'+condition).fadeIn(250);
resize_booked_modal();
} else if ( $(this).is(':checkbox') && !$(this).is(':checked') ){
$('.condition-block.'+condition).hide();
resize_booked_modal();
} else {
$('.condition-block.'+condition).hide();
$('[data-condition-val="'+thisVal+'"]').fadeIn(250);
resize_booked_modal();
}
}
});
$('body')
.on('focusin', 'form.booked-form input', function() {
if(this.title==this.value) {
$(this).addClass('hasContent');
this.value = '';
}
}).on('focusout', 'form.booked-form input', function(){
if(this.value==='') {
$(this).removeClass('hasContent');
this.value = this.title;
}
});
// Adjust the calendar sizing when resizing the window
$win.on('resize',function(){
adjust_calendar_boxes();
resize_booked_modal();
});
// Adjust the calendar sizing on load
adjust_calendar_boxes();
// Saving state updater
function savingState(show,savingStateObj){
if (typeof savingStateObj === 'undefined'){
var savingStateObj = $('li.active .savingState, .topSavingState.savingState, .calendarSavingState, .cf-updater.savingState, .cts-updater.savingState, .cal-updater.savingState');
}
var $stuffToHide = $('.monthName');
var $stuffToTransparent = $('table.booked-calendar tbody');
if (show){
savingStateObj.fadeIn(200);
$stuffToHide.hide();
$stuffToTransparent.animate({'opacity':0.2},100);
} else {
savingStateObj.hide();
$stuffToHide.show();
$stuffToTransparent.animate({'opacity':1},0);
}
}
function init_timeslot_tabs(){
/* Add Timeslot Tabs */
if ($('.addTimeslotTab').length){
// Tabs
var timeslotTabs = $('.timeslotTabs');
$('.tsTabContent').hide();
var activeTab = timeslotTabs.find('.active').attr('href');
activeTab = activeTab.split('#');
activeTab = activeTab[1];
$('.tsTabContent.ts'+activeTab).show();
timeslotTabs.find('a').on('click', function(e) {
e.preventDefault();
$('.tsTabContent').hide();
timeslotTabs.find('a').removeClass('active');
$(this).addClass('active');
var activeTab = $(this).attr('href');
activeTab = activeTab.split('#');
activeTab = activeTab[1];
$('.tsTabContent.ts'+activeTab).show();
});
}
}
function updateCustomTimeslotEncodedField(){
var formData = JSON.stringify($('form#customTimeslots').serializeObject());
$('#custom_timeslots_encoded').val(formData);
}
$(document).ajaxStop(function() {
setTimeout( function(){
savingState(false);
},500 );
});
});
})(jQuery, window, document);
// Reload the timeslots select options
function booked_update_timeslot_select_field( appt_id, selectedDate ){
jQuery('.bm-window').find('.booked_appt_timeslot').attr('disabled',true);
booked_js_vars.ajaxRequests.push = jQuery.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : {
'action' : 'booked_admin_get_timeslots_select',
'nonce': booked_js_vars.nonce,
'date' : selectedDate,
'appt_id' : appt_id
},
success: function(html) {
jQuery('.bm-window').find('.booked_appt_timeslot').replaceWith(html);
}
});
}
// Format the Datepicker Date
function booked_datepicker_show_formatted_date( dateField, selectedDate ){
var dateFieldObj = jQuery( '.' + dateField );
formatSpan = jQuery( '.' + dateField + '-formatted' );
formatSpan.css({ 'opacity':0.5 });
booked_js_vars.ajaxRequests.push = jQuery.bookedAjaxQueue({
type : 'post',
url : booked_js_vars.ajax_url,
data : {
'action' : 'booked_date_formatting',
'nonce': booked_js_vars.nonce,
'date' : selectedDate
},
success: function(date) {
formatSpan.html(date);
formatSpan.css({ 'opacity':1 });
jQuery('.bm-window').find('.ui-datepicker-trigger').attr('disabled',false);
}
});
}
// Create Booked Modal
function create_booked_modal(){
var windowHeight = jQuery(window).height();
var windowWidth = jQuery(window).width();
if (windowWidth > 720){
var maxModalHeight = windowHeight - 295;
} else {
var maxModalHeight = windowHeight;
}
jQuery('body input, body textarea, body select').blur();
jQuery('body').addClass('booked-noScroll');
jQuery('<div class="booked-modal bm-loading"><div class="bm-overlay"></div><div class="bm-window"><div style="height:100px"></div></div></div>').appendTo('body');
jQuery('.booked-modal .bm-window').spin('booked_white');
jQuery('.booked-modal .bm-window').css({'max-height':maxModalHeight+'px'});
}
function resize_booked_modal(){
var windowHeight = jQuery(window).height();
var windowWidth = jQuery(window).width();
if (jQuery('.booked-modal .bm-window .booked-scrollable').length){
var realModalHeight = jQuery('.booked-modal .bm-window .booked-scrollable')[0].scrollHeight;
} else {
var realModalHeight = 0;
}
var minimumWindowHeight = realModalHeight + 43 + 240;
var modalScrollableHeight = realModalHeight - 43;
var maxModalHeight;
var maxFormHeight;
if (windowHeight < minimumWindowHeight){
modalScrollableHeight = windowHeight - 240 - 43;
} else {
modalScrollableHeight = realModalHeight;
}
if (windowWidth > 720){
maxModalHeight = modalScrollableHeight - 25;
maxFormHeight = maxModalHeight - 15;
} else {
maxModalHeight = windowHeight - 43;
maxFormHeight = maxModalHeight - 43 - 60;
}
var modalNegMargin = (maxModalHeight + 83) / 2;
jQuery('.booked-modal').css({'margin-top':'-'+modalNegMargin+'px'});
jQuery('.booked-modal .bm-window').css({'max-height':maxModalHeight+'px'});
jQuery('.booked-modal .bm-window .booked-scrollable').css({'max-height':maxFormHeight+'px'});
}
function close_booked_modal(){
jQuery('.booked-modal').fadeOut(200);
jQuery('.booked-modal').addClass('bm-closing');
jQuery('body').removeClass('booked-noScroll');
setTimeout(function(){
jQuery('.booked-modal').remove();
},300);
}
// Function to adjust calendar sizing
function adjust_calendar_boxes(){
var boxesWidth = jQuery('.booked-calendar tbody tr.week td').width();
boxesHeight = boxesWidth * 0.75;
jQuery('.booked-calendar tbody tr.week td').height(boxesHeight);
jQuery('.booked-calendar tbody tr.week td .date').css('line-height',boxesHeight+'px');
jQuery('.tooltip:not(.tooltipstered)').tooltipster({
theme: 'tooltipster-light',
animation: 'grow',
speed: 200,
delay: 100,
offsetY: -13
});
}
// Serialize Function
(function($) {
// jQuery on an empty object, we are going to use this as our Queue
var bookedAjaxQueue = $({});
$.bookedAjaxQueue = function( ajaxOpts ) {
var jqXHR,
dfd = $.Deferred(),
promise = dfd.promise();
// queue our ajax request
bookedAjaxQueue.queue( doRequest );
// add the abort method
promise.abort = function( statusText ) {
// proxy abort to the jqXHR if it is active
if ( jqXHR ) {
return jqXHR.abort( statusText );
}
// if there wasn't already a jqXHR we need to remove from queue
var queue = bookedAjaxQueue.queue(),
index = $.inArray( doRequest, queue );
if ( index > -1 ) {
queue.splice( index, 1 );
}
// and then reject the deferred
dfd.rejectWith( ajaxOpts.context || ajaxOpts, [ promise, statusText, "" ] );
return promise;
};
// run the actual query
function doRequest( next ) {
jqXHR = $.ajax( ajaxOpts )
.done( dfd.resolve )
.fail( dfd.reject )
.then( next, next );
}
return promise;
};
})(jQuery);
// styling
(function ($) {
$(document).ready(function () {
$('body input[name="booked_css_style"]').on('change', function () {
const current_style = $(this).val();
$('#booked-color-section>div').hide().filter('.for-' + current_style).show();
});
});
})(jQuery);