'use strict'; function toggleMode(speed) { if (typeof speed === 'undefined') { speed = 'slow'; } if ($('input:radio[name=area_enable_periods]:checked').val() === '0') { $('#book_ahead_periods_note').hide(speed); $('#time_settings').show(speed); $('#period_settings').hide(speed); $('input[name="area_periods[]"]').prop('required', false); } else { $('#book_ahead_periods_note').show(speed); $('#time_settings').hide(speed); $('#period_settings').show(speed); $('input[name="area_periods[]"]').prop('required', true); } } function getTimeString(time, twentyfourhour_format) { var ap, timeString, minutes = time % 60; time -= minutes; var hour = time/60; if (!twentyfourhour_format) { if (hour > 11) { ap = " 'a'), mktime(14, 0, 0)) ?>"; } else { ap = " 'a'), mktime(10, 0, 0)) ?>"; } if (hour > 12) { hour = hour - 12; } if (hour === 0) { hour = 12; } } if (hour < 10) { hour = "0" + hour; } if (minutes < 10) { minutes = "0" + minutes; } timeString = hour + ':' + minutes; if (!twentyfourhour_format) { timeString += ap; } return timeString; } // function getTimeString() function getResolutionMinutes() { return parseInt($('#area_res_mins').val(), 10); } function hhmmToMins(hhmm) { if (hhmm === null) { return null; } if (!.test(hhmm)) { return null; } var array = hhmm.split(':'); return (parseInt(array[0], 10) * 60) + parseInt(array[1], 10); } function getStartFirstSlot() { return hhmmToMins($('input[name="area_start_first_slot"]').val()); } function getStartLastSlot() { return hhmmToMins($('[name="area_start_last_slot"]').val()); } function generateLastSlotSelect() { var resMins, tCorrected, firstSlot, lastSlot, minsPerDay = ; resMins = getResolutionMinutes(); if (isNaN(resMins) || (resMins === null) || (resMins === 0)) { return; } firstSlot = getStartFirstSlot(); lastSlot = getStartLastSlot(); if (firstSlot === null) { return; } element. // We allow the "day" to go all the way past midnight and up to the start of the // next first slot. ?> var lastPossible = minsPerDay + firstSlot - resMins; var name = 'area_start_last_slot'; var element = $('[name="' + name + '"]'); var select = $('').attr('name', name); for (var t=firstSlot; t <= lastPossible; t += resMins) { tCorrected = t % minsPerDay; if (Math.abs(lastSlot - tCorrected) <= resMins/2) { lastSlot = tCorrected; } select.append($('') .val(getTimeString(tCorrected, true)) .text(getTimeString(tCorrected, ))); } select.val(getTimeString(lastSlot, true)); ?> element.replaceWith(select); $('#last_slot').css('visibility', 'visible'); } function checkForLastPeriodName() { if ($('.period_name').length === 1) { $('.delete_period').hide(); } } $(document).on('page_ready', function() { $('input:radio[name=area_enable_periods]').on('click', function() { toggleMode('fast'); }); toggleMode(0); checkForLastPeriodName(); $('.delete_period') .css('visibility', 'visible') .on('click', function() { $(this).parent().remove(); checkForLastPeriodName(); }); $('#add_period').on('click', function() { var lastPeriodName = $('#period_settings .period_name').last(), clone = lastPeriodName.clone(true); clone.find('input').val(''); clone.insertAfter(lastPeriodName).find('input').trigger('focus'); $('.delete_period').show(); }); $('#use_period_times').on('change', function() { const checked = $(this).prop('checked'); $('.period_times').toggle(checked).find('input').each(function(index) { const input = $(this).get(0); if (checked) { input.disabled = false; } else if ((index === 0) || !input.checkValidity()) { input.disabled = true; } }); }).trigger('change'); $('form#edit_area').on('submit', function(event) { if (($('[name=area_enable_periods]:checked').val() !== '1') || !$('#use_period_times').prop('checked')) { return; } let lastEndVal; $('div.period_name').each(function(index) { const start = $(this).find('input[name="period_starts[]"]').get(0); const startVal = start.value; if ((index > 0) && (startVal < lastEndVal)) { start.setCustomValidity(''); start.reportValidity(); event.preventDefault(); } const end = $(this).find('input[name="period_ends[]"]').get(0); const endVal = end.value; if (endVal <= startVal) { end.setCustomValidity(''); end.reportValidity(); event.preventDefault(); } lastEndVal = endVal; }); }); $('.period_times input').on('input change', function(event) { event.target.setCustomValidity(''); }); $('input[name="area_def_duration_all_day"]').on('change', function() { $('#area_def_duration_mins').prop('disabled', $(this).prop('checked')); }).trigger('change'); $('input[name="area_start_first_slot"], input[name="area_res_mins"]') .on('change', function() { generateLastSlotSelect(); }); generateLastSlotSelect(); });