koha-tmpl/intranet-tmpl/prog/js/calendar.js

   1 /* global debug sentmsg __ dateformat_pref dateformat_string bidi calendarFirstDayOfWeek */
   2 /* exported DateTime_from_syspref flatpickr_weekdays flatpickr_months */
   3 var MSG_PLEASE_ENTER_A_VALID_DATE = ( __("Please enter a valid date (should match %s).") );
   4 if (debug > 1) {
   5     alert("dateformat: " + dateformat_pref + "\ndebug is on (level " + debug + ")");
   6 }
   7
   8 function is_valid_date(date) {
   9     // An empty string is considered as a valid date for convenient reasons.
  10     if (date === '') return 1;
  11     var dateformat = dateformat_string;
  12     if (dateformat == 'us') {
  13         if (date.search(/^\d{2}\/\d{2}\/\d{4}($|\s)/) == -1) return 0;
  14         dateformat = 'mm/dd/yy';
  15     } else if (dateformat == 'metric') {
  16         if (date.search(/^\d{2}\/\d{2}\/\d{4}($|\s)/) == -1) return 0;
  17         dateformat = 'dd/mm/yy';
  18     } else if (dateformat == 'iso') {
  19         if (date.search(/^\d{4}-\d{2}-\d{2}($|\s)/) == -1) return 0;
  20         dateformat = 'yy-mm-dd';
  21     } else if (dateformat == 'dmydot') {
  22         if (date.search(/^\d{2}\.\d{2}\.\d{4}($|\s)/) == -1) return 0;
  23         dateformat = 'dd.mm.yy';
  24     }
  25     try {
  26         flatpickr.parseDate(date, dateformat);
  27     } catch (e) {
  28         return 0;
  29     }
  30     return 1;
  31 }
  32
  33 function get_dateformat_str(dateformat) {
  34     var dateformat_str;
  35     if (dateformat == 'us') {
  36         dateformat_str = 'mm/dd/yyyy';
  37     } else if (dateformat == 'metric') {
  38         dateformat_str = 'dd/mm/yyyy';
  39     } else if (dateformat == 'iso') {
  40         dateformat_str = 'yyyy-mm-dd';
  41     } else if (dateformat == 'dmydot') {
  42         dateformat_str = 'dd.mm.yyyy';
  43     }
  44     return dateformat_str;
  45 }
  46
  47 function validate_date(dateText, inst) {
  48     if (!is_valid_date(dateText)) {
  49         var dateformat_str = get_dateformat_str( dateformat_pref );
  50         alert(MSG_PLEASE_ENTER_A_VALID_DATE.format(dateformat_str));
  51         inst.clear();
  52     }
  53 }
  54
  55 function Date_from_syspref(dstring) {
  56     var dateX = dstring.split(/[-/.]/);
  57     if (debug > 1 && sentmsg < 1) {
  58         sentmsg++;
  59         alert("Date_from_syspref(" + dstring + ") splits to:\n" + dateX.join("\n"));
  60     }
  61     if (dateformat_pref === "iso") {
  62         return new Date(dateX[0], (dateX[1] - 1), dateX[2]); // YYYY-MM-DD to (YYYY,m(0-11),d)
  63     } else if (dateformat_pref === "us") {
  64         return new Date(dateX[2], (dateX[0] - 1), dateX[1]); // MM/DD/YYYY to (YYYY,m(0-11),d)
  65     } else if (dateformat_pref === "metric") {
  66         return new Date(dateX[2], (dateX[1] - 1), dateX[0]); // DD/MM/YYYY to (YYYY,m(0-11),d)
  67     } else if (dateformat_pref === "dmydot") {
  68         return new Date(dateX[2], (dateX[1] - 1), dateX[0]); // DD.MM.YYYY to (YYYY,m(0-11),d)
  69     } else {
  70         if (debug > 0) {
  71             alert("KOHA ERROR - Unrecognized date format: " + dateformat_pref);
  72         }
  73         return 0;
  74     }
  75 }
  76
  77 function DateTime_from_syspref(date_time) {
  78     var parts = date_time.split(" ");
  79     var date = parts[0];
  80     var time = parts[1];
  81     parts = time.split(":");
  82     var hour = parts[0];
  83     var minute = parts[1];
  84
  85     if (hour < 0 || hour > 23) {
  86         return 0;
  87     }
  88     if (minute < 0 || minute > 59) {
  89         return 0;
  90     }
  91
  92     var datetime = Date_from_syspref(date);
  93
  94     if (isNaN(datetime.getTime())) {
  95         return 0;
  96     }
  97
  98     datetime.setHours(hour);
  99     datetime.setMinutes(minute);
 100
 101     return datetime;
 102 }
 103
 104 /* Instead of including multiple localization files as you would normally see with
 105    jQueryUI we expose the localization strings in the default configuration */
 106 jQuery(function ($) {
 107     $.datepicker.regional[''] = {
 108         closeText: __("Done"),
 109         prevText: __("Prev"),
 110         nextText: __("Next"),
 111         currentText: __("Today"),
 112         monthNames: [__("January"), __("February"), __("March"), __("April"), __("May"), __("June"),
 113             __("July"), __("August"), __("September"), __("October"), __("November"), __("December")
 114         ],
 115         monthNamesShort: [__("Jan"), __("Feb"), __("Mar"), __("Apr"), __("May"), __("Jun"),
 116             __("Jul"), __("Aug"), __("Sep"), __("Oct"), __("Nov"), __("Dec")
 117         ],
 118         dayNames: [__("Sunday"), __("Monday"), __("Tuesday"), __("Wednesday"), __("Thursday"), __("Friday"), __("Saturday")],
 119         dayNamesShort: [__("Sun"), __("Mon"), __("Tue"), __("Wed"), __("Thu"), __("Fri"), __("Sat")],
 120         dayNamesMin: [__("Su"), __("Mo"), __("Tu"), __("We"), __("Th"), __("Fr"), __("Sa")],
 121         weekHeader: __("Wk"),
 122         dateFormat: dateformat_string,
 123         firstDay: calendarFirstDayOfWeek,
 124         isRTL: bidi,
 125         showMonthAfterYear: false,
 126         yearSuffix: ''
 127     };
 128     $.datepicker.setDefaults($.datepicker.regional['']);
 129 });
 130
 131 /*  jQuery Validator plugin custom method
 132     This allows you to check that a given date falls after another.
 133     It is required that a message be defined.
 134
 135    Syntax:
 136        $("#form_id").validate({
 137         rules: {
 138             input_name_of_later_date_field: {
 139                 is_date_after: "#input_id_of_earlier_date_field"
 140             },
 141         },
 142         messages: {
 143             input_name_of_later_date_field: {
 144                 is_date_after: _("Validation error to be shown, i.e. End date must come after start date")
 145             }
 146         }
 147     });
 148 */
 149
 150 jQuery.validator.addMethod("is_date_after",
 151     function (value, element, params) {
 152         var from = Date_from_syspref($(params).val());
 153         var to = Date_from_syspref(value);
 154         return to > from;
 155     });
 156
 157 jQuery.validator.addMethod("date_on_or_after",
 158     function (value, element, params) {
 159         var from = Date_from_syspref($(params).val());
 160         var to = Date_from_syspref(value);
 161         return to >= from;
 162     });
 163
 164 var flatpickr_weekdays = {
 165     shorthand: [ __("Sun"), __("Mon"), __("Tue"), __("Wed"), __("Thu"), __("Fri"), __("Sat")],
 166     longhand: [ __("Sunday"), __("Monday"), __("Tuesday"), __("Wednesday"), __("Thursday"), __("Friday"), __("Saturday") ]
 167 };
 168
 169 var flatpickr_months = {
 170     shorthand: [ __("Jan"), __("Feb"), __("Mar"), __("Apr"), __("May"), __("Jun"), __("Jul"), __("Aug"), __("Sep"), __("Oct"), __("Nov"), __("Dec")],
 171     longhand: [ __("January"), __("February"), __("March"), __("April"), __("May"), __("June"), __("July"), __("August"), __("September"), __("October"), __("November"), __("December")]
 172 };
 173
 174 $(document).ready(function () {
 175
 176     $.datepicker.setDefaults({
 177         showOn: "both",
 178         buttonImage: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAT0lEQVQ4jWNgoAZYd/LVf3IwigGkAuwGLE4hDg9eA4il8RqADVdtLYVjZLVEuwDZAKJcgKxh+zkyXIBuI8lhgG4jOqZdLJACMAygKDNRAgBj9qOB+rWnhAAAAABJRU5ErkJggg==",
 179         buttonImageOnly: true,
 180         buttonText: __("Select date"),
 181         changeMonth: true,
 182         changeYear: true,
 183         showButtonPanel: true,
 184         showOtherMonths: true,
 185         selectOtherMonths: true,
 186         yearRange: "c-100:c+10"
 187     });
 188
 189     $(".datepicker").datepicker({
 190         onClose: function (dateText, inst) {
 191             validate_date(dateText, inst);
 192         },
 193     }).on("change", function () {
 194         if (!is_valid_date($(this).val())) {
 195             $(this).val("");
 196         } else {
 197             var the_date = $.datepicker.parseDate(dateformat_string, $(this).val());
 198             $(this).datepicker("setDate",the_date);
 199         }
 200     });
 201     // http://jqueryui.com/demos/datepicker/#date-range
 202     var dates = $(".datepickerfrom, .datepickerto").datepicker({
 203         changeMonth: true,
 204         numberOfMonths: 1,
 205         onSelect: function (selectedDate) {
 206             var option = this.id == "from" ? "minDate" : "maxDate",
 207                 instance = $(this).data("datepicker");
 208             var date = $.datepicker.parseDate(
 209                 instance.settings.dateFormat ||
 210                 $.datepicker._defaults.dateFormat,
 211                 selectedDate, instance.settings);
 212             dates.not(this).datepicker("option", option, date);
 213         },
 214         onClose: function (dateText, inst) {
 215             validate_date(dateText, inst);
 216         },
 217     }).on("change", function () {
 218         if (!is_valid_date($(this).val())) {
 219             $(this).val("");
 220         }
 221     });
 222 });