Bug 14060: Display the date format on the warning popup
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / includes / calendar.inc
1 [% USE Koha %]
2 <script type="text/javascript">
3 //<![CDATA[
4
5 var debug    = "[% debug %]";
6 var dformat  = "[% dateformat %]";
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 validate_date (dateText, inst) {
12     var dateformat = '[% Koha.Preference('dateformat') %]';
13     var dateformat_str = dateformat
14     if ( dateformat == 'us' ) {
15         dateformat = 'mm/dd/yy';
16         dateformat_str = 'mm/dd/yyyy';
17     } else if ( dateformat == 'metric' ) {
18         dateformat = 'dd/mm/yy';
19         dateformat_str = 'dd/mm/yyyy';
20     } else if (dateformat == 'iso' ) {
21         dateformat = 'yy-mm-dd';
22         dateformat_str = 'yyyy-mm-dd';
23     }
24     try {
25         $.datepicker.parseDate(dateformat, dateText);
26     } catch (e) {
27         alert(MSG_PLEASE_ENTER_A_VALID_DATE.format(dateformat_str));
28         $('#'+inst.id).val('');
29     };
30 }
31
32 function Date_from_syspref(dstring) {
33         var dateX = dstring.split(/[-/.]/);
34         if (debug > 1 && sentmsg < 1) {sentmsg++; alert("Date_from_syspref(" + dstring + ") splits to:\n" + dateX.join("\n"));}
35         if (dformat === "iso") {
36                 return new Date(dateX[0], (dateX[1] - 1), dateX[2]);  // YYYY-MM-DD to (YYYY,m(0-11),d)
37         } else if (dformat === "us") {
38                 return new Date(dateX[2], (dateX[0] - 1), dateX[1]);  // MM/DD/YYYY to (YYYY,m(0-11),d)
39         } else if (dformat === "metric") {
40                 return new Date(dateX[2], (dateX[1] - 1), dateX[0]);  // DD/MM/YYYY to (YYYY,m(0-11),d)
41         } else if (dformat === "dmydot") {
42                 return new Date(dateX[2], (dateX[1] - 1), dateX[0]);  // DD.MM.YYYY to (YYYY,m(0-11),d)
43         } else {
44                 if (debug > 0) {alert("KOHA ERROR - Unrecognized date format: " +dformat);}
45                 return 0;
46         }
47 }
48
49 function DateTime_from_syspref(date_time) {
50         var parts = date_time.split(" ");
51         var date = parts[0];
52         var time = parts[1];
53         parts = time.split(":");
54         var hour = parts[0];
55         var minute = parts[1];
56
57         if ( hour < 0 || hour > 23 ) {
58             return 0;
59         }
60         if ( minute < 0 || minute > 59 ) {
61             return 0;
62         }
63
64         var datetime = Date_from_syspref( date );
65
66         if ( isNaN( datetime.getTime() ) ) {
67             return 0;
68         }
69
70         datetime.setHours( hour );
71         datetime.setMinutes( minute );
72
73         return datetime;
74 }
75
76
77 /* Instead of including multiple localization files as you would normally see with
78    jQueryUI we expose the localization strings in the default configuration */
79 jQuery(function($){
80     $.datepicker.regional[''] = {
81         closeText: _("Done"),
82         prevText: _("Prev"),
83         nextText: _("Next"),
84         currentText: _("Today"),
85         monthNames: [_("January"),_("February"),_("March"),_("April"),_("May"),_("June"),
86         _("July"),_("August"),_("September"),_("October"),_("November"),_("December")],
87         monthNamesShort: [_("Jan"), _("Feb"), _("Mar"), _("Apr"), _("May"), _("Jun"),
88         _("Jul"), _("Aug"), _("Sep"), _("Oct"), _("Nov"), _("Dec")],
89         dayNames: [_("Sunday"), _("Monday"), _("Tuesday"), _("Wednesday"), _("Thursday"), _("Friday"), _("Saturday")],
90         dayNamesShort: [_("Sun"), _("Mon"), _("Tue"), _("Wed"), _("Thu"), _("Fri"), _("Sat")],
91         dayNamesMin: [_("Su"),_("Mo"),_("Tu"),_("We"),_("Th"),_("Fr"),_("Sa")],
92         weekHeader: _("Wk"),
93         dateFormat: "[% IF ( dateformat == "us" ) %]mm/dd/yy[% ELSIF ( dateformat == "metric" ) %]dd/mm/yy[% ELSIF ( dateformat == "dmydot" ) %]dd.mm.yy[% ELSE %]yy-mm-dd[% END %]",
94         firstDay: [% Koha.Preference('CalendarFirstDayOfWeek') %],
95         isRTL: [% IF ( bidi ) %]true[% ELSE %]false[% END %],
96         showMonthAfterYear: false,
97         yearSuffix: ''};
98     $.datepicker.setDefaults($.datepicker.regional['']);
99 });
100
101 $(document).ready(function(){
102
103 $.datepicker.setDefaults({
104         showOn: "both",
105         changeMonth: true,
106         changeYear: true,
107         buttonImage: '[% interface %]/[% theme %]/img/famfamfam/silk/calendar.png',
108         buttonImageOnly: true,
109         showButtonPanel: true,
110         showOtherMonths: true,
111         selectOtherMonths: true
112     });
113
114     $( ".datepicker" ).datepicker({
115         onClose: function(dateText, inst) {
116             validate_date(dateText, inst);
117         },
118     });
119     // http://jqueryui.com/demos/datepicker/#date-range
120     var dates = $( ".datepickerfrom, .datepickerto" ).datepicker({
121         changeMonth: true,
122         numberOfMonths: 1,
123         onSelect: function( selectedDate ) {
124             var option = this.id == "from" ? "minDate" : "maxDate",
125                 instance = $( this ).data( "datepicker" );
126                 date = $.datepicker.parseDate(
127                     instance.settings.dateFormat ||
128                     $.datepicker._defaults.dateFormat,
129                     selectedDate, instance.settings );
130             dates.not( this ).datepicker( "option", option, date );
131         },
132         onClose: function(dateText, inst) {
133             validate_date(dateText, inst);
134         },
135     });
136 });
137 //]]>
138 </script>