const moment = require('moment'); /** * Sets all checkboxes to the wanted state * * @param {string} id Id of the element containing all the checkboxes * @param {boolean} checked True if the checkboxes should be checked */ global.checkAll = (id, checked) => { $('#' + id + ' input[type="checkbox"]').each(function () { this.checked = checked; }); }; /** * Sets the checkboxes according to the given type * * @param {string} id The elements ID * @param {list} shifts_list A list of numbers */ global.checkOwnTypes = (id, shiftsList) => { $('#' + id + ' input[type="checkbox"]').each(function () { this.checked = $.inArray(parseInt(this.value), shiftsList) != -1; }); }; /** * @param {moment} date */ global.formatDay = (date) => { return date.format('YYYY-MM-DD'); }; /** * @param {moment} date */ global.formatTime = (date) => { return date.format('HH:mm'); }; /** * @param {moment} from * @param {moment} to */ global.setInput = (from, to) => { var fromDay = $('#start_day'), fromTime = $('#start_time'), toDay = $('#end_day'), toTime = $('#end_time'); fromDay.val(formatDay(from)); fromTime.val(formatTime(from)); toDay.val(formatDay(to)); toTime.val(formatTime(to)); }; global.setDay = (days) => { days = days || 0; var from = moment(); from.hours(0).minutes(0).seconds(0); from.add(days, 'd'); var to = from.clone(); to.hours(23).minutes(59); setInput(from, to); }; global.setHours = (hours) => { hours = hours || 1; var from = moment(); var to = from.clone(); to.add(hours, 'h'); if (to < from) { setInput(to, from); return; } setInput(from, to); }; $(function () { /** * Disable every submit button after clicking (to prevent double-clicking) */ $('form').submit(function (ev) { $('input[type="submit"]').prop('readonly', true).addClass('disabled'); return true; }); $('.dropdown-menu').css('max-height', function () { return ($(window).height() - 50) + 'px'; }).css('overflow-y', 'scroll'); }); /* * Add a datepicker to all date input fields. */ $(function () { $('.input-group.date').each(function () { var elem = $(this); var opts = { minDate: '', maxDate: '', locale: 'en', format: 'YYYY-MM-DD', widgetPositioning: {horizontal: 'auto', vertical: 'bottom'} }; $.extend(opts, elem.data()); if (opts.minDate.length === 0) { delete opts.minDate; } if (opts.maxDate.length === 0) { delete opts.maxDate; } elem.children('input').attr('type', 'text'); elem.children().on('click', function (ev) { ev.stopImmediatePropagation(); if (typeof elem.data('DateTimePicker') === 'undefined') { elem.datetimepicker(opts); elem.data('DateTimePicker').show(); } else { elem.data('DateTimePicker').toggle(); } }); }); }); /* * Add a timepicker to all time input fields. */ $(function () { $('.input-group.time').each(function () { var elem = $(this).children('input').first(); var opts = { locale: 'en', format: 'HH:mm', widgetPositioning: {horizontal: 'auto', vertical: 'bottom'} }; $.extend(opts, elem.data()); elem.attr('type', 'text'); elem.datetimepicker(opts); elem.on('click', function (ev) { ev.stopImmediatePropagation(); elem.data('DateTimePicker').toggle(); }); }); }); /* * Button to set current time in time input fields. */ $(function () { $('.input-group.time').each(function () { var elem = $(this); elem.find('button').on('click', function () { var input = elem.children('input').first(); input.val(moment().format('HH:mm')); var daySelector = $('#' + input.attr('id').replace('time', 'day')); var days = daySelector.children('option'); days.each(function (i) { if ($(days[i]).val() === moment().format('YYYY-MM-DD')) { daySelector.val($(days[i]).val()); return false; } }); }); }); });