koha-tmpl/intranet-tmpl/prog/en/includes/calendar.inc

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