##// END OF EJS Templates
date picker...
Jean-Philippe Lang -
r27:6e367354e9e1
parent child
Show More
@@ -0,0 +1,200
1 /* Copyright Mihai Bazon, 2002, 2003 | http://dynarch.com/mishoo/
2 * ---------------------------------------------------------------------------
3 *
4 * The DHTML Calendar
5 *
6 * Details and latest version at:
7 * http://dynarch.com/mishoo/calendar.epl
8 *
9 * This script is distributed under the GNU Lesser General Public License.
10 * Read the entire license text here: http://www.gnu.org/licenses/lgpl.html
11 *
12 * This file defines helper functions for setting up the calendar. They are
13 * intended to help non-programmers get a working calendar on their site
14 * quickly. This script should not be seen as part of the calendar. It just
15 * shows you what one can do with the calendar, while in the same time
16 * providing a quick and simple method for setting it up. If you need
17 * exhaustive customization of the calendar creation process feel free to
18 * modify this code to suit your needs (this is recommended and much better
19 * than modifying calendar.js itself).
20 */
21
22 // $Id: calendar-setup.js,v 1.25 2005/03/07 09:51:33 mishoo Exp $
23
24 /**
25 * This function "patches" an input field (or other element) to use a calendar
26 * widget for date selection.
27 *
28 * The "params" is a single object that can have the following properties:
29 *
30 * prop. name | description
31 * -------------------------------------------------------------------------------------------------
32 * inputField | the ID of an input field to store the date
33 * displayArea | the ID of a DIV or other element to show the date
34 * button | ID of a button or other element that will trigger the calendar
35 * eventName | event that will trigger the calendar, without the "on" prefix (default: "click")
36 * ifFormat | date format that will be stored in the input field
37 * daFormat | the date format that will be used to display the date in displayArea
38 * singleClick | (true/false) wether the calendar is in single click mode or not (default: true)
39 * firstDay | numeric: 0 to 6. "0" means display Sunday first, "1" means display Monday first, etc.
40 * align | alignment (default: "Br"); if you don't know what's this see the calendar documentation
41 * range | array with 2 elements. Default: [1900, 2999] -- the range of years available
42 * weekNumbers | (true/false) if it's true (default) the calendar will display week numbers
43 * flat | null or element ID; if not null the calendar will be a flat calendar having the parent with the given ID
44 * flatCallback | function that receives a JS Date object and returns an URL to point the browser to (for flat calendar)
45 * disableFunc | function that receives a JS Date object and should return true if that date has to be disabled in the calendar
46 * onSelect | function that gets called when a date is selected. You don't _have_ to supply this (the default is generally okay)
47 * onClose | function that gets called when the calendar is closed. [default]
48 * onUpdate | function that gets called after the date is updated in the input field. Receives a reference to the calendar.
49 * date | the date that the calendar will be initially displayed to
50 * showsTime | default: false; if true the calendar will include a time selector
51 * timeFormat | the time format; can be "12" or "24", default is "12"
52 * electric | if true (default) then given fields/date areas are updated for each move; otherwise they're updated only on close
53 * step | configures the step of the years in drop-down boxes; default: 2
54 * position | configures the calendar absolute position; default: null
55 * cache | if "true" (but default: "false") it will reuse the same calendar object, where possible
56 * showOthers | if "true" (but default: "false") it will show days from other months too
57 *
58 * None of them is required, they all have default values. However, if you
59 * pass none of "inputField", "displayArea" or "button" you'll get a warning
60 * saying "nothing to setup".
61 */
62 Calendar.setup = function (params) {
63 function param_default(pname, def) { if (typeof params[pname] == "undefined") { params[pname] = def; } };
64
65 param_default("inputField", null);
66 param_default("displayArea", null);
67 param_default("button", null);
68 param_default("eventName", "click");
69 param_default("ifFormat", "%Y/%m/%d");
70 param_default("daFormat", "%Y/%m/%d");
71 param_default("singleClick", true);
72 param_default("disableFunc", null);
73 param_default("dateStatusFunc", params["disableFunc"]); // takes precedence if both are defined
74 param_default("dateText", null);
75 param_default("firstDay", null);
76 param_default("align", "Br");
77 param_default("range", [1900, 2999]);
78 param_default("weekNumbers", true);
79 param_default("flat", null);
80 param_default("flatCallback", null);
81 param_default("onSelect", null);
82 param_default("onClose", null);
83 param_default("onUpdate", null);
84 param_default("date", null);
85 param_default("showsTime", false);
86 param_default("timeFormat", "24");
87 param_default("electric", true);
88 param_default("step", 2);
89 param_default("position", null);
90 param_default("cache", false);
91 param_default("showOthers", false);
92 param_default("multiple", null);
93
94 var tmp = ["inputField", "displayArea", "button"];
95 for (var i in tmp) {
96 if (typeof params[tmp[i]] == "string") {
97 params[tmp[i]] = document.getElementById(params[tmp[i]]);
98 }
99 }
100 if (!(params.flat || params.multiple || params.inputField || params.displayArea || params.button)) {
101 alert("Calendar.setup:\n Nothing to setup (no fields found). Please check your code");
102 return false;
103 }
104
105 function onSelect(cal) {
106 var p = cal.params;
107 var update = (cal.dateClicked || p.electric);
108 if (update && p.inputField) {
109 p.inputField.value = cal.date.print(p.ifFormat);
110 if (typeof p.inputField.onchange == "function")
111 p.inputField.onchange();
112 }
113 if (update && p.displayArea)
114 p.displayArea.innerHTML = cal.date.print(p.daFormat);
115 if (update && typeof p.onUpdate == "function")
116 p.onUpdate(cal);
117 if (update && p.flat) {
118 if (typeof p.flatCallback == "function")
119 p.flatCallback(cal);
120 }
121 if (update && p.singleClick && cal.dateClicked)
122 cal.callCloseHandler();
123 };
124
125 if (params.flat != null) {
126 if (typeof params.flat == "string")
127 params.flat = document.getElementById(params.flat);
128 if (!params.flat) {
129 alert("Calendar.setup:\n Flat specified but can't find parent.");
130 return false;
131 }
132 var cal = new Calendar(params.firstDay, params.date, params.onSelect || onSelect);
133 cal.showsOtherMonths = params.showOthers;
134 cal.showsTime = params.showsTime;
135 cal.time24 = (params.timeFormat == "24");
136 cal.params = params;
137 cal.weekNumbers = params.weekNumbers;
138 cal.setRange(params.range[0], params.range[1]);
139 cal.setDateStatusHandler(params.dateStatusFunc);
140 cal.getDateText = params.dateText;
141 if (params.ifFormat) {
142 cal.setDateFormat(params.ifFormat);
143 }
144 if (params.inputField && typeof params.inputField.value == "string") {
145 cal.parseDate(params.inputField.value);
146 }
147 cal.create(params.flat);
148 cal.show();
149 return false;
150 }
151
152 var triggerEl = params.button || params.displayArea || params.inputField;
153 triggerEl["on" + params.eventName] = function() {
154 var dateEl = params.inputField || params.displayArea;
155 var dateFmt = params.inputField ? params.ifFormat : params.daFormat;
156 var mustCreate = false;
157 var cal = window.calendar;
158 if (dateEl)
159 params.date = Date.parseDate(dateEl.value || dateEl.innerHTML, dateFmt);
160 if (!(cal && params.cache)) {
161 window.calendar = cal = new Calendar(params.firstDay,
162 params.date,
163 params.onSelect || onSelect,
164 params.onClose || function(cal) { cal.hide(); });
165 cal.showsTime = params.showsTime;
166 cal.time24 = (params.timeFormat == "24");
167 cal.weekNumbers = params.weekNumbers;
168 mustCreate = true;
169 } else {
170 if (params.date)
171 cal.setDate(params.date);
172 cal.hide();
173 }
174 if (params.multiple) {
175 cal.multiple = {};
176 for (var i = params.multiple.length; --i >= 0;) {
177 var d = params.multiple[i];
178 var ds = d.print("%Y%m%d");
179 cal.multiple[ds] = d;
180 }
181 }
182 cal.showsOtherMonths = params.showOthers;
183 cal.yearStep = params.step;
184 cal.setRange(params.range[0], params.range[1]);
185 cal.params = params;
186 cal.setDateStatusHandler(params.dateStatusFunc);
187 cal.getDateText = params.dateText;
188 cal.setDateFormat(dateFmt);
189 if (mustCreate)
190 cal.create();
191 cal.refresh();
192 if (!params.position)
193 cal.showAtElement(params.button || params.displayArea || params.inputField, params.align);
194 else
195 cal.showAt(params.position[0], params.position[1]);
196 return false;
197 };
198
199 return cal;
200 };
This diff has been collapsed as it changes many lines, (1806 lines changed) Show them Hide them
@@ -0,0 +1,1806
1 /* Copyright Mihai Bazon, 2002-2005 | www.bazon.net/mishoo
2 * -----------------------------------------------------------
3 *
4 * The DHTML Calendar, version 1.0 "It is happening again"
5 *
6 * Details and latest version at:
7 * www.dynarch.com/projects/calendar
8 *
9 * This script is developed by Dynarch.com. Visit us at www.dynarch.com.
10 *
11 * This script is distributed under the GNU Lesser General Public License.
12 * Read the entire license text here: http://www.gnu.org/licenses/lgpl.html
13 */
14
15 // $Id: calendar.js,v 1.51 2005/03/07 16:44:31 mishoo Exp $
16
17 /** The Calendar object constructor. */
18 Calendar = function (firstDayOfWeek, dateStr, onSelected, onClose) {
19 // member variables
20 this.activeDiv = null;
21 this.currentDateEl = null;
22 this.getDateStatus = null;
23 this.getDateToolTip = null;
24 this.getDateText = null;
25 this.timeout = null;
26 this.onSelected = onSelected || null;
27 this.onClose = onClose || null;
28 this.dragging = false;
29 this.hidden = false;
30 this.minYear = 1970;
31 this.maxYear = 2050;
32 this.dateFormat = Calendar._TT["DEF_DATE_FORMAT"];
33 this.ttDateFormat = Calendar._TT["TT_DATE_FORMAT"];
34 this.isPopup = true;
35 this.weekNumbers = true;
36 this.firstDayOfWeek = typeof firstDayOfWeek == "number" ? firstDayOfWeek : Calendar._FD; // 0 for Sunday, 1 for Monday, etc.
37 this.showsOtherMonths = false;
38 this.dateStr = dateStr;
39 this.ar_days = null;
40 this.showsTime = false;
41 this.time24 = true;
42 this.yearStep = 2;
43 this.hiliteToday = true;
44 this.multiple = null;
45 // HTML elements
46 this.table = null;
47 this.element = null;
48 this.tbody = null;
49 this.firstdayname = null;
50 // Combo boxes
51 this.monthsCombo = null;
52 this.yearsCombo = null;
53 this.hilitedMonth = null;
54 this.activeMonth = null;
55 this.hilitedYear = null;
56 this.activeYear = null;
57 // Information
58 this.dateClicked = false;
59
60 // one-time initializations
61 if (typeof Calendar._SDN == "undefined") {
62 // table of short day names
63 if (typeof Calendar._SDN_len == "undefined")
64 Calendar._SDN_len = 3;
65 var ar = new Array();
66 for (var i = 8; i > 0;) {
67 ar[--i] = Calendar._DN[i].substr(0, Calendar._SDN_len);
68 }
69 Calendar._SDN = ar;
70 // table of short month names
71 if (typeof Calendar._SMN_len == "undefined")
72 Calendar._SMN_len = 3;
73 ar = new Array();
74 for (var i = 12; i > 0;) {
75 ar[--i] = Calendar._MN[i].substr(0, Calendar._SMN_len);
76 }
77 Calendar._SMN = ar;
78 }
79 };
80
81 // ** constants
82
83 /// "static", needed for event handlers.
84 Calendar._C = null;
85
86 /// detect a special case of "web browser"
87 Calendar.is_ie = ( /msie/i.test(navigator.userAgent) &&
88 !/opera/i.test(navigator.userAgent) );
89
90 Calendar.is_ie5 = ( Calendar.is_ie && /msie 5\.0/i.test(navigator.userAgent) );
91
92 /// detect Opera browser
93 Calendar.is_opera = /opera/i.test(navigator.userAgent);
94
95 /// detect KHTML-based browsers
96 Calendar.is_khtml = /Konqueror|Safari|KHTML/i.test(navigator.userAgent);
97
98 // BEGIN: UTILITY FUNCTIONS; beware that these might be moved into a separate
99 // library, at some point.
100
101 Calendar.getAbsolutePos = function(el) {
102 var SL = 0, ST = 0;
103 var is_div = /^div$/i.test(el.tagName);
104 if (is_div && el.scrollLeft)
105 SL = el.scrollLeft;
106 if (is_div && el.scrollTop)
107 ST = el.scrollTop;
108 var r = { x: el.offsetLeft - SL, y: el.offsetTop - ST };
109 if (el.offsetParent) {
110 var tmp = this.getAbsolutePos(el.offsetParent);
111 r.x += tmp.x;
112 r.y += tmp.y;
113 }
114 return r;
115 };
116
117 Calendar.isRelated = function (el, evt) {
118 var related = evt.relatedTarget;
119 if (!related) {
120 var type = evt.type;
121 if (type == "mouseover") {
122 related = evt.fromElement;
123 } else if (type == "mouseout") {
124 related = evt.toElement;
125 }
126 }
127 while (related) {
128 if (related == el) {
129 return true;
130 }
131 related = related.parentNode;
132 }
133 return false;
134 };
135
136 Calendar.removeClass = function(el, className) {
137 if (!(el && el.className)) {
138 return;
139 }
140 var cls = el.className.split(" ");
141 var ar = new Array();
142 for (var i = cls.length; i > 0;) {
143 if (cls[--i] != className) {
144 ar[ar.length] = cls[i];
145 }
146 }
147 el.className = ar.join(" ");
148 };
149
150 Calendar.addClass = function(el, className) {
151 Calendar.removeClass(el, className);
152 el.className += " " + className;
153 };
154
155 // FIXME: the following 2 functions totally suck, are useless and should be replaced immediately.
156 Calendar.getElement = function(ev) {
157 var f = Calendar.is_ie ? window.event.srcElement : ev.currentTarget;
158 while (f.nodeType != 1 || /^div$/i.test(f.tagName))
159 f = f.parentNode;
160 return f;
161 };
162
163 Calendar.getTargetElement = function(ev) {
164 var f = Calendar.is_ie ? window.event.srcElement : ev.target;
165 while (f.nodeType != 1)
166 f = f.parentNode;
167 return f;
168 };
169
170 Calendar.stopEvent = function(ev) {
171 ev || (ev = window.event);
172 if (Calendar.is_ie) {
173 ev.cancelBubble = true;
174 ev.returnValue = false;
175 } else {
176 ev.preventDefault();
177 ev.stopPropagation();
178 }
179 return false;
180 };
181
182 Calendar.addEvent = function(el, evname, func) {
183 if (el.attachEvent) { // IE
184 el.attachEvent("on" + evname, func);
185 } else if (el.addEventListener) { // Gecko / W3C
186 el.addEventListener(evname, func, true);
187 } else {
188 el["on" + evname] = func;
189 }
190 };
191
192 Calendar.removeEvent = function(el, evname, func) {
193 if (el.detachEvent) { // IE
194 el.detachEvent("on" + evname, func);
195 } else if (el.removeEventListener) { // Gecko / W3C
196 el.removeEventListener(evname, func, true);
197 } else {
198 el["on" + evname] = null;
199 }
200 };
201
202 Calendar.createElement = function(type, parent) {
203 var el = null;
204 if (document.createElementNS) {
205 // use the XHTML namespace; IE won't normally get here unless
206 // _they_ "fix" the DOM2 implementation.
207 el = document.createElementNS("http://www.w3.org/1999/xhtml", type);
208 } else {
209 el = document.createElement(type);
210 }
211 if (typeof parent != "undefined") {
212 parent.appendChild(el);
213 }
214 return el;
215 };
216
217 // END: UTILITY FUNCTIONS
218
219 // BEGIN: CALENDAR STATIC FUNCTIONS
220
221 /** Internal -- adds a set of events to make some element behave like a button. */
222 Calendar._add_evs = function(el) {
223 with (Calendar) {
224 addEvent(el, "mouseover", dayMouseOver);
225 addEvent(el, "mousedown", dayMouseDown);
226 addEvent(el, "mouseout", dayMouseOut);
227 if (is_ie) {
228 addEvent(el, "dblclick", dayMouseDblClick);
229 el.setAttribute("unselectable", true);
230 }
231 }
232 };
233
234 Calendar.findMonth = function(el) {
235 if (typeof el.month != "undefined") {
236 return el;
237 } else if (typeof el.parentNode.month != "undefined") {
238 return el.parentNode;
239 }
240 return null;
241 };
242
243 Calendar.findYear = function(el) {
244 if (typeof el.year != "undefined") {
245 return el;
246 } else if (typeof el.parentNode.year != "undefined") {
247 return el.parentNode;
248 }
249 return null;
250 };
251
252 Calendar.showMonthsCombo = function () {
253 var cal = Calendar._C;
254 if (!cal) {
255 return false;
256 }
257 var cal = cal;
258 var cd = cal.activeDiv;
259 var mc = cal.monthsCombo;
260 if (cal.hilitedMonth) {
261 Calendar.removeClass(cal.hilitedMonth, "hilite");
262 }
263 if (cal.activeMonth) {
264 Calendar.removeClass(cal.activeMonth, "active");
265 }
266 var mon = cal.monthsCombo.getElementsByTagName("div")[cal.date.getMonth()];
267 Calendar.addClass(mon, "active");
268 cal.activeMonth = mon;
269 var s = mc.style;
270 s.display = "block";
271 if (cd.navtype < 0)
272 s.left = cd.offsetLeft + "px";
273 else {
274 var mcw = mc.offsetWidth;
275 if (typeof mcw == "undefined")
276 // Konqueror brain-dead techniques
277 mcw = 50;
278 s.left = (cd.offsetLeft + cd.offsetWidth - mcw) + "px";
279 }
280 s.top = (cd.offsetTop + cd.offsetHeight) + "px";
281 };
282
283 Calendar.showYearsCombo = function (fwd) {
284 var cal = Calendar._C;
285 if (!cal) {
286 return false;
287 }
288 var cal = cal;
289 var cd = cal.activeDiv;
290 var yc = cal.yearsCombo;
291 if (cal.hilitedYear) {
292 Calendar.removeClass(cal.hilitedYear, "hilite");
293 }
294 if (cal.activeYear) {
295 Calendar.removeClass(cal.activeYear, "active");
296 }
297 cal.activeYear = null;
298 var Y = cal.date.getFullYear() + (fwd ? 1 : -1);
299 var yr = yc.firstChild;
300 var show = false;
301 for (var i = 12; i > 0; --i) {
302 if (Y >= cal.minYear && Y <= cal.maxYear) {
303 yr.innerHTML = Y;
304 yr.year = Y;
305 yr.style.display = "block";
306 show = true;
307 } else {
308 yr.style.display = "none";
309 }
310 yr = yr.nextSibling;
311 Y += fwd ? cal.yearStep : -cal.yearStep;
312 }
313 if (show) {
314 var s = yc.style;
315 s.display = "block";
316 if (cd.navtype < 0)
317 s.left = cd.offsetLeft + "px";
318 else {
319 var ycw = yc.offsetWidth;
320 if (typeof ycw == "undefined")
321 // Konqueror brain-dead techniques
322 ycw = 50;
323 s.left = (cd.offsetLeft + cd.offsetWidth - ycw) + "px";
324 }
325 s.top = (cd.offsetTop + cd.offsetHeight) + "px";
326 }
327 };
328
329 // event handlers
330
331 Calendar.tableMouseUp = function(ev) {
332 var cal = Calendar._C;
333 if (!cal) {
334 return false;
335 }
336 if (cal.timeout) {
337 clearTimeout(cal.timeout);
338 }
339 var el = cal.activeDiv;
340 if (!el) {
341 return false;
342 }
343 var target = Calendar.getTargetElement(ev);
344 ev || (ev = window.event);
345 Calendar.removeClass(el, "active");
346 if (target == el || target.parentNode == el) {
347 Calendar.cellClick(el, ev);
348 }
349 var mon = Calendar.findMonth(target);
350 var date = null;
351 if (mon) {
352 date = new Date(cal.date);
353 if (mon.month != date.getMonth()) {
354 date.setMonth(mon.month);
355 cal.setDate(date);
356 cal.dateClicked = false;
357 cal.callHandler();
358 }
359 } else {
360 var year = Calendar.findYear(target);
361 if (year) {
362 date = new Date(cal.date);
363 if (year.year != date.getFullYear()) {
364 date.setFullYear(year.year);
365 cal.setDate(date);
366 cal.dateClicked = false;
367 cal.callHandler();
368 }
369 }
370 }
371 with (Calendar) {
372 removeEvent(document, "mouseup", tableMouseUp);
373 removeEvent(document, "mouseover", tableMouseOver);
374 removeEvent(document, "mousemove", tableMouseOver);
375 cal._hideCombos();
376 _C = null;
377 return stopEvent(ev);
378 }
379 };
380
381 Calendar.tableMouseOver = function (ev) {
382 var cal = Calendar._C;
383 if (!cal) {
384 return;
385 }
386 var el = cal.activeDiv;
387 var target = Calendar.getTargetElement(ev);
388 if (target == el || target.parentNode == el) {
389 Calendar.addClass(el, "hilite active");
390 Calendar.addClass(el.parentNode, "rowhilite");
391 } else {
392 if (typeof el.navtype == "undefined" || (el.navtype != 50 && (el.navtype == 0 || Math.abs(el.navtype) > 2)))
393 Calendar.removeClass(el, "active");
394 Calendar.removeClass(el, "hilite");
395 Calendar.removeClass(el.parentNode, "rowhilite");
396 }
397 ev || (ev = window.event);
398 if (el.navtype == 50 && target != el) {
399 var pos = Calendar.getAbsolutePos(el);
400 var w = el.offsetWidth;
401 var x = ev.clientX;
402 var dx;
403 var decrease = true;
404 if (x > pos.x + w) {
405 dx = x - pos.x - w;
406 decrease = false;
407 } else
408 dx = pos.x - x;
409
410 if (dx < 0) dx = 0;
411 var range = el._range;
412 var current = el._current;
413 var count = Math.floor(dx / 10) % range.length;
414 for (var i = range.length; --i >= 0;)
415 if (range[i] == current)
416 break;
417 while (count-- > 0)
418 if (decrease) {
419 if (--i < 0)
420 i = range.length - 1;
421 } else if ( ++i >= range.length )
422 i = 0;
423 var newval = range[i];
424 el.innerHTML = newval;
425
426 cal.onUpdateTime();
427 }
428 var mon = Calendar.findMonth(target);
429 if (mon) {
430 if (mon.month != cal.date.getMonth()) {
431 if (cal.hilitedMonth) {
432 Calendar.removeClass(cal.hilitedMonth, "hilite");
433 }
434 Calendar.addClass(mon, "hilite");
435 cal.hilitedMonth = mon;
436 } else if (cal.hilitedMonth) {
437 Calendar.removeClass(cal.hilitedMonth, "hilite");
438 }
439 } else {
440 if (cal.hilitedMonth) {
441 Calendar.removeClass(cal.hilitedMonth, "hilite");
442 }
443 var year = Calendar.findYear(target);
444 if (year) {
445 if (year.year != cal.date.getFullYear()) {
446 if (cal.hilitedYear) {
447 Calendar.removeClass(cal.hilitedYear, "hilite");
448 }
449 Calendar.addClass(year, "hilite");
450 cal.hilitedYear = year;
451 } else if (cal.hilitedYear) {
452 Calendar.removeClass(cal.hilitedYear, "hilite");
453 }
454 } else if (cal.hilitedYear) {
455 Calendar.removeClass(cal.hilitedYear, "hilite");
456 }
457 }
458 return Calendar.stopEvent(ev);
459 };
460
461 Calendar.tableMouseDown = function (ev) {
462 if (Calendar.getTargetElement(ev) == Calendar.getElement(ev)) {
463 return Calendar.stopEvent(ev);
464 }
465 };
466
467 Calendar.calDragIt = function (ev) {
468 var cal = Calendar._C;
469 if (!(cal && cal.dragging)) {
470 return false;
471 }
472 var posX;
473 var posY;
474 if (Calendar.is_ie) {
475 posY = window.event.clientY + document.body.scrollTop;
476 posX = window.event.clientX + document.body.scrollLeft;
477 } else {
478 posX = ev.pageX;
479 posY = ev.pageY;
480 }
481 cal.hideShowCovered();
482 var st = cal.element.style;
483 st.left = (posX - cal.xOffs) + "px";
484 st.top = (posY - cal.yOffs) + "px";
485 return Calendar.stopEvent(ev);
486 };
487
488 Calendar.calDragEnd = function (ev) {
489 var cal = Calendar._C;
490 if (!cal) {
491 return false;
492 }
493 cal.dragging = false;
494 with (Calendar) {
495 removeEvent(document, "mousemove", calDragIt);
496 removeEvent(document, "mouseup", calDragEnd);
497 tableMouseUp(ev);
498 }
499 cal.hideShowCovered();
500 };
501
502 Calendar.dayMouseDown = function(ev) {
503 var el = Calendar.getElement(ev);
504 if (el.disabled) {
505 return false;
506 }
507 var cal = el.calendar;
508 cal.activeDiv = el;
509 Calendar._C = cal;
510 if (el.navtype != 300) with (Calendar) {
511 if (el.navtype == 50) {
512 el._current = el.innerHTML;
513 addEvent(document, "mousemove", tableMouseOver);
514 } else
515 addEvent(document, Calendar.is_ie5 ? "mousemove" : "mouseover", tableMouseOver);
516 addClass(el, "hilite active");
517 addEvent(document, "mouseup", tableMouseUp);
518 } else if (cal.isPopup) {
519 cal._dragStart(ev);
520 }
521 if (el.navtype == -1 || el.navtype == 1) {
522 if (cal.timeout) clearTimeout(cal.timeout);
523 cal.timeout = setTimeout("Calendar.showMonthsCombo()", 250);
524 } else if (el.navtype == -2 || el.navtype == 2) {
525 if (cal.timeout) clearTimeout(cal.timeout);
526 cal.timeout = setTimeout((el.navtype > 0) ? "Calendar.showYearsCombo(true)" : "Calendar.showYearsCombo(false)", 250);
527 } else {
528 cal.timeout = null;
529 }
530 return Calendar.stopEvent(ev);
531 };
532
533 Calendar.dayMouseDblClick = function(ev) {
534 Calendar.cellClick(Calendar.getElement(ev), ev || window.event);
535 if (Calendar.is_ie) {
536 document.selection.empty();
537 }
538 };
539
540 Calendar.dayMouseOver = function(ev) {
541 var el = Calendar.getElement(ev);
542 if (Calendar.isRelated(el, ev) || Calendar._C || el.disabled) {
543 return false;
544 }
545 if (el.ttip) {
546 if (el.ttip.substr(0, 1) == "_") {
547 el.ttip = el.caldate.print(el.calendar.ttDateFormat) + el.ttip.substr(1);
548 }
549 el.calendar.tooltips.innerHTML = el.ttip;
550 }
551 if (el.navtype != 300) {
552 Calendar.addClass(el, "hilite");
553 if (el.caldate) {
554 Calendar.addClass(el.parentNode, "rowhilite");
555 }
556 }
557 return Calendar.stopEvent(ev);
558 };
559
560 Calendar.dayMouseOut = function(ev) {
561 with (Calendar) {
562 var el = getElement(ev);
563 if (isRelated(el, ev) || _C || el.disabled)
564 return false;
565 removeClass(el, "hilite");
566 if (el.caldate)
567 removeClass(el.parentNode, "rowhilite");
568 if (el.calendar)
569 el.calendar.tooltips.innerHTML = _TT["SEL_DATE"];
570 return stopEvent(ev);
571 }
572 };
573
574 /**
575 * A generic "click" handler :) handles all types of buttons defined in this
576 * calendar.
577 */
578 Calendar.cellClick = function(el, ev) {
579 var cal = el.calendar;
580 var closing = false;
581 var newdate = false;
582 var date = null;
583 if (typeof el.navtype == "undefined") {
584 if (cal.currentDateEl) {
585 Calendar.removeClass(cal.currentDateEl, "selected");
586 Calendar.addClass(el, "selected");
587 closing = (cal.currentDateEl == el);
588 if (!closing) {
589 cal.currentDateEl = el;
590 }
591 }
592 cal.date.setDateOnly(el.caldate);
593 date = cal.date;
594 var other_month = !(cal.dateClicked = !el.otherMonth);
595 if (!other_month && !cal.currentDateEl)
596 cal._toggleMultipleDate(new Date(date));
597 else
598 newdate = !el.disabled;
599 // a date was clicked
600 if (other_month)
601 cal._init(cal.firstDayOfWeek, date);
602 } else {
603 if (el.navtype == 200) {
604 Calendar.removeClass(el, "hilite");
605 cal.callCloseHandler();
606 return;
607 }
608 date = new Date(cal.date);
609 if (el.navtype == 0)
610 date.setDateOnly(new Date()); // TODAY
611 // unless "today" was clicked, we assume no date was clicked so
612 // the selected handler will know not to close the calenar when
613 // in single-click mode.
614 // cal.dateClicked = (el.navtype == 0);
615 cal.dateClicked = false;
616 var year = date.getFullYear();
617 var mon = date.getMonth();
618 function setMonth(m) {
619 var day = date.getDate();
620 var max = date.getMonthDays(m);
621 if (day > max) {
622 date.setDate(max);
623 }
624 date.setMonth(m);
625 };
626 switch (el.navtype) {
627 case 400:
628 Calendar.removeClass(el, "hilite");
629 var text = Calendar._TT["ABOUT"];
630 if (typeof text != "undefined") {
631 text += cal.showsTime ? Calendar._TT["ABOUT_TIME"] : "";
632 } else {
633 // FIXME: this should be removed as soon as lang files get updated!
634 text = "Help and about box text is not translated into this language.\n" +
635 "If you know this language and you feel generous please update\n" +
636 "the corresponding file in \"lang\" subdir to match calendar-en.js\n" +
637 "and send it back to <mihai_bazon@yahoo.com> to get it into the distribution ;-)\n\n" +
638 "Thank you!\n" +
639 "http://dynarch.com/mishoo/calendar.epl\n";
640 }
641 alert(text);
642 return;
643 case -2:
644 if (year > cal.minYear) {
645 date.setFullYear(year - 1);
646 }
647 break;
648 case -1:
649 if (mon > 0) {
650 setMonth(mon - 1);
651 } else if (year-- > cal.minYear) {
652 date.setFullYear(year);
653 setMonth(11);
654 }
655 break;
656 case 1:
657 if (mon < 11) {
658 setMonth(mon + 1);
659 } else if (year < cal.maxYear) {
660 date.setFullYear(year + 1);
661 setMonth(0);
662 }
663 break;
664 case 2:
665 if (year < cal.maxYear) {
666 date.setFullYear(year + 1);
667 }
668 break;
669 case 100:
670 cal.setFirstDayOfWeek(el.fdow);
671 return;
672 case 50:
673 var range = el._range;
674 var current = el.innerHTML;
675 for (var i = range.length; --i >= 0;)
676 if (range[i] == current)
677 break;
678 if (ev && ev.shiftKey) {
679 if (--i < 0)
680 i = range.length - 1;
681 } else if ( ++i >= range.length )
682 i = 0;
683 var newval = range[i];
684 el.innerHTML = newval;
685 cal.onUpdateTime();
686 return;
687 case 0:
688 // TODAY will bring us here
689 if ((typeof cal.getDateStatus == "function") &&
690 cal.getDateStatus(date, date.getFullYear(), date.getMonth(), date.getDate())) {
691 return false;
692 }
693 break;
694 }
695 if (!date.equalsTo(cal.date)) {
696 cal.setDate(date);
697 newdate = true;
698 } else if (el.navtype == 0)
699 newdate = closing = true;
700 }
701 if (newdate) {
702 ev && cal.callHandler();
703 }
704 if (closing) {
705 Calendar.removeClass(el, "hilite");
706 ev && cal.callCloseHandler();
707 }
708 };
709
710 // END: CALENDAR STATIC FUNCTIONS
711
712 // BEGIN: CALENDAR OBJECT FUNCTIONS
713
714 /**
715 * This function creates the calendar inside the given parent. If _par is
716 * null than it creates a popup calendar inside the BODY element. If _par is
717 * an element, be it BODY, then it creates a non-popup calendar (still
718 * hidden). Some properties need to be set before calling this function.
719 */
720 Calendar.prototype.create = function (_par) {
721 var parent = null;
722 if (! _par) {
723 // default parent is the document body, in which case we create
724 // a popup calendar.
725 parent = document.getElementsByTagName("body")[0];
726 this.isPopup = true;
727 } else {
728 parent = _par;
729 this.isPopup = false;
730 }
731 this.date = this.dateStr ? new Date(this.dateStr) : new Date();
732
733 var table = Calendar.createElement("table");
734 this.table = table;
735 table.cellSpacing = 0;
736 table.cellPadding = 0;
737 table.calendar = this;
738 Calendar.addEvent(table, "mousedown", Calendar.tableMouseDown);
739
740 var div = Calendar.createElement("div");
741 this.element = div;
742 div.className = "calendar";
743 if (this.isPopup) {
744 div.style.position = "absolute";
745 div.style.display = "none";
746 }
747 div.appendChild(table);
748
749 var thead = Calendar.createElement("thead", table);
750 var cell = null;
751 var row = null;
752
753 var cal = this;
754 var hh = function (text, cs, navtype) {
755 cell = Calendar.createElement("td", row);
756 cell.colSpan = cs;
757 cell.className = "button";
758 if (navtype != 0 && Math.abs(navtype) <= 2)
759 cell.className += " nav";
760 Calendar._add_evs(cell);
761 cell.calendar = cal;
762 cell.navtype = navtype;
763 cell.innerHTML = "<div unselectable='on'>" + text + "</div>";
764 return cell;
765 };
766
767 row = Calendar.createElement("tr", thead);
768 var title_length = 6;
769 (this.isPopup) && --title_length;
770 (this.weekNumbers) && ++title_length;
771
772 hh("?", 1, 400).ttip = Calendar._TT["INFO"];
773 this.title = hh("", title_length, 300);
774 this.title.className = "title";
775 if (this.isPopup) {
776 this.title.ttip = Calendar._TT["DRAG_TO_MOVE"];
777 this.title.style.cursor = "move";
778 hh("&#x00d7;", 1, 200).ttip = Calendar._TT["CLOSE"];
779 }
780
781 row = Calendar.createElement("tr", thead);
782 row.className = "headrow";
783
784 this._nav_py = hh("&#x00ab;", 1, -2);
785 this._nav_py.ttip = Calendar._TT["PREV_YEAR"];
786
787 this._nav_pm = hh("&#x2039;", 1, -1);
788 this._nav_pm.ttip = Calendar._TT["PREV_MONTH"];
789
790 this._nav_now = hh(Calendar._TT["TODAY"], this.weekNumbers ? 4 : 3, 0);
791 this._nav_now.ttip = Calendar._TT["GO_TODAY"];
792
793 this._nav_nm = hh("&#x203a;", 1, 1);
794 this._nav_nm.ttip = Calendar._TT["NEXT_MONTH"];
795
796 this._nav_ny = hh("&#x00bb;", 1, 2);
797 this._nav_ny.ttip = Calendar._TT["NEXT_YEAR"];
798
799 // day names
800 row = Calendar.createElement("tr", thead);
801 row.className = "daynames";
802 if (this.weekNumbers) {
803 cell = Calendar.createElement("td", row);
804 cell.className = "name wn";
805 cell.innerHTML = Calendar._TT["WK"];
806 }
807 for (var i = 7; i > 0; --i) {
808 cell = Calendar.createElement("td", row);
809 if (!i) {
810 cell.navtype = 100;
811 cell.calendar = this;
812 Calendar._add_evs(cell);
813 }
814 }
815 this.firstdayname = (this.weekNumbers) ? row.firstChild.nextSibling : row.firstChild;
816 this._displayWeekdays();
817
818 var tbody = Calendar.createElement("tbody", table);
819 this.tbody = tbody;
820
821 for (i = 6; i > 0; --i) {
822 row = Calendar.createElement("tr", tbody);
823 if (this.weekNumbers) {
824 cell = Calendar.createElement("td", row);
825 }
826 for (var j = 7; j > 0; --j) {
827 cell = Calendar.createElement("td", row);
828 cell.calendar = this;
829 Calendar._add_evs(cell);
830 }
831 }
832
833 if (this.showsTime) {
834 row = Calendar.createElement("tr", tbody);
835 row.className = "time";
836
837 cell = Calendar.createElement("td", row);
838 cell.className = "time";
839 cell.colSpan = 2;
840 cell.innerHTML = Calendar._TT["TIME"] || "&nbsp;";
841
842 cell = Calendar.createElement("td", row);
843 cell.className = "time";
844 cell.colSpan = this.weekNumbers ? 4 : 3;
845
846 (function(){
847 function makeTimePart(className, init, range_start, range_end) {
848 var part = Calendar.createElement("span", cell);
849 part.className = className;
850 part.innerHTML = init;
851 part.calendar = cal;
852 part.ttip = Calendar._TT["TIME_PART"];
853 part.navtype = 50;
854 part._range = [];
855 if (typeof range_start != "number")
856 part._range = range_start;
857 else {
858 for (var i = range_start; i <= range_end; ++i) {
859 var txt;
860 if (i < 10 && range_end >= 10) txt = '0' + i;
861 else txt = '' + i;
862 part._range[part._range.length] = txt;
863 }
864 }
865 Calendar._add_evs(part);
866 return part;
867 };
868 var hrs = cal.date.getHours();
869 var mins = cal.date.getMinutes();
870 var t12 = !cal.time24;
871 var pm = (hrs > 12);
872 if (t12 && pm) hrs -= 12;
873 var H = makeTimePart("hour", hrs, t12 ? 1 : 0, t12 ? 12 : 23);
874 var span = Calendar.createElement("span", cell);
875 span.innerHTML = ":";
876 span.className = "colon";
877 var M = makeTimePart("minute", mins, 0, 59);
878 var AP = null;
879 cell = Calendar.createElement("td", row);
880 cell.className = "time";
881 cell.colSpan = 2;
882 if (t12)
883 AP = makeTimePart("ampm", pm ? "pm" : "am", ["am", "pm"]);
884 else
885 cell.innerHTML = "&nbsp;";
886
887 cal.onSetTime = function() {
888 var pm, hrs = this.date.getHours(),
889 mins = this.date.getMinutes();
890 if (t12) {
891 pm = (hrs >= 12);
892 if (pm) hrs -= 12;
893 if (hrs == 0) hrs = 12;
894 AP.innerHTML = pm ? "pm" : "am";
895 }
896 H.innerHTML = (hrs < 10) ? ("0" + hrs) : hrs;
897 M.innerHTML = (mins < 10) ? ("0" + mins) : mins;
898 };
899
900 cal.onUpdateTime = function() {
901 var date = this.date;
902 var h = parseInt(H.innerHTML, 10);
903 if (t12) {
904 if (/pm/i.test(AP.innerHTML) && h < 12)
905 h += 12;
906 else if (/am/i.test(AP.innerHTML) && h == 12)
907 h = 0;
908 }
909 var d = date.getDate();
910 var m = date.getMonth();
911 var y = date.getFullYear();
912 date.setHours(h);
913 date.setMinutes(parseInt(M.innerHTML, 10));
914 date.setFullYear(y);
915 date.setMonth(m);
916 date.setDate(d);
917 this.dateClicked = false;
918 this.callHandler();
919 };
920 })();
921 } else {
922 this.onSetTime = this.onUpdateTime = function() {};
923 }
924
925 var tfoot = Calendar.createElement("tfoot", table);
926
927 row = Calendar.createElement("tr", tfoot);
928 row.className = "footrow";
929
930 cell = hh(Calendar._TT["SEL_DATE"], this.weekNumbers ? 8 : 7, 300);
931 cell.className = "ttip";
932 if (this.isPopup) {
933 cell.ttip = Calendar._TT["DRAG_TO_MOVE"];
934 cell.style.cursor = "move";
935 }
936 this.tooltips = cell;
937
938 div = Calendar.createElement("div", this.element);
939 this.monthsCombo = div;
940 div.className = "combo";
941 for (i = 0; i < Calendar._MN.length; ++i) {
942 var mn = Calendar.createElement("div");
943 mn.className = Calendar.is_ie ? "label-IEfix" : "label";
944 mn.month = i;
945 mn.innerHTML = Calendar._SMN[i];
946 div.appendChild(mn);
947 }
948
949 div = Calendar.createElement("div", this.element);
950 this.yearsCombo = div;
951 div.className = "combo";
952 for (i = 12; i > 0; --i) {
953 var yr = Calendar.createElement("div");
954 yr.className = Calendar.is_ie ? "label-IEfix" : "label";
955 div.appendChild(yr);
956 }
957
958 this._init(this.firstDayOfWeek, this.date);
959 parent.appendChild(this.element);
960 };
961
962 /** keyboard navigation, only for popup calendars */
963 Calendar._keyEvent = function(ev) {
964 var cal = window._dynarch_popupCalendar;
965 if (!cal || cal.multiple)
966 return false;
967 (Calendar.is_ie) && (ev = window.event);
968 var act = (Calendar.is_ie || ev.type == "keypress"),
969 K = ev.keyCode;
970 if (ev.ctrlKey) {
971 switch (K) {
972 case 37: // KEY left
973 act && Calendar.cellClick(cal._nav_pm);
974 break;
975 case 38: // KEY up
976 act && Calendar.cellClick(cal._nav_py);
977 break;
978 case 39: // KEY right
979 act && Calendar.cellClick(cal._nav_nm);
980 break;
981 case 40: // KEY down
982 act && Calendar.cellClick(cal._nav_ny);
983 break;
984 default:
985 return false;
986 }
987 } else switch (K) {
988 case 32: // KEY space (now)
989 Calendar.cellClick(cal._nav_now);
990 break;
991 case 27: // KEY esc
992 act && cal.callCloseHandler();
993 break;
994 case 37: // KEY left
995 case 38: // KEY up
996 case 39: // KEY right
997 case 40: // KEY down
998 if (act) {
999 var prev, x, y, ne, el, step;
1000 prev = K == 37 || K == 38;
1001 step = (K == 37 || K == 39) ? 1 : 7;
1002 function setVars() {
1003 el = cal.currentDateEl;
1004 var p = el.pos;
1005 x = p & 15;
1006 y = p >> 4;
1007 ne = cal.ar_days[y][x];
1008 };setVars();
1009 function prevMonth() {
1010 var date = new Date(cal.date);
1011 date.setDate(date.getDate() - step);
1012 cal.setDate(date);
1013 };
1014 function nextMonth() {
1015 var date = new Date(cal.date);
1016 date.setDate(date.getDate() + step);
1017 cal.setDate(date);
1018 };
1019 while (1) {
1020 switch (K) {
1021 case 37: // KEY left
1022 if (--x >= 0)
1023 ne = cal.ar_days[y][x];
1024 else {
1025 x = 6;
1026 K = 38;
1027 continue;
1028 }
1029 break;
1030 case 38: // KEY up
1031 if (--y >= 0)
1032 ne = cal.ar_days[y][x];
1033 else {
1034 prevMonth();
1035 setVars();
1036 }
1037 break;
1038 case 39: // KEY right
1039 if (++x < 7)
1040 ne = cal.ar_days[y][x];
1041 else {
1042 x = 0;
1043 K = 40;
1044 continue;
1045 }
1046 break;
1047 case 40: // KEY down
1048 if (++y < cal.ar_days.length)
1049 ne = cal.ar_days[y][x];
1050 else {
1051 nextMonth();
1052 setVars();
1053 }
1054 break;
1055 }
1056 break;
1057 }
1058 if (ne) {
1059 if (!ne.disabled)
1060 Calendar.cellClick(ne);
1061 else if (prev)
1062 prevMonth();
1063 else
1064 nextMonth();
1065 }
1066 }
1067 break;
1068 case 13: // KEY enter
1069 if (act)
1070 Calendar.cellClick(cal.currentDateEl, ev);
1071 break;
1072 default:
1073 return false;
1074 }
1075 return Calendar.stopEvent(ev);
1076 };
1077
1078 /**
1079 * (RE)Initializes the calendar to the given date and firstDayOfWeek
1080 */
1081 Calendar.prototype._init = function (firstDayOfWeek, date) {
1082 var today = new Date(),
1083 TY = today.getFullYear(),
1084 TM = today.getMonth(),
1085 TD = today.getDate();
1086 this.table.style.visibility = "hidden";
1087 var year = date.getFullYear();
1088 if (year < this.minYear) {
1089 year = this.minYear;
1090 date.setFullYear(year);
1091 } else if (year > this.maxYear) {
1092 year = this.maxYear;
1093 date.setFullYear(year);
1094 }
1095 this.firstDayOfWeek = firstDayOfWeek;
1096 this.date = new Date(date);
1097 var month = date.getMonth();
1098 var mday = date.getDate();
1099 var no_days = date.getMonthDays();
1100
1101 // calendar voodoo for computing the first day that would actually be
1102 // displayed in the calendar, even if it's from the previous month.
1103 // WARNING: this is magic. ;-)
1104 date.setDate(1);
1105 var day1 = (date.getDay() - this.firstDayOfWeek) % 7;
1106 if (day1 < 0)
1107 day1 += 7;
1108 date.setDate(-day1);
1109 date.setDate(date.getDate() + 1);
1110
1111 var row = this.tbody.firstChild;
1112 var MN = Calendar._SMN[month];
1113 var ar_days = this.ar_days = new Array();
1114 var weekend = Calendar._TT["WEEKEND"];
1115 var dates = this.multiple ? (this.datesCells = {}) : null;
1116 for (var i = 0; i < 6; ++i, row = row.nextSibling) {
1117 var cell = row.firstChild;
1118 if (this.weekNumbers) {
1119 cell.className = "day wn";
1120 cell.innerHTML = date.getWeekNumber();
1121 cell = cell.nextSibling;
1122 }
1123 row.className = "daysrow";
1124 var hasdays = false, iday, dpos = ar_days[i] = [];
1125 for (var j = 0; j < 7; ++j, cell = cell.nextSibling, date.setDate(iday + 1)) {
1126 iday = date.getDate();
1127 var wday = date.getDay();
1128 cell.className = "day";
1129 cell.pos = i << 4 | j;
1130 dpos[j] = cell;
1131 var current_month = (date.getMonth() == month);
1132 if (!current_month) {
1133 if (this.showsOtherMonths) {
1134 cell.className += " othermonth";
1135 cell.otherMonth = true;
1136 } else {
1137 cell.className = "emptycell";
1138 cell.innerHTML = "&nbsp;";
1139 cell.disabled = true;
1140 continue;
1141 }
1142 } else {
1143 cell.otherMonth = false;
1144 hasdays = true;
1145 }
1146 cell.disabled = false;
1147 cell.innerHTML = this.getDateText ? this.getDateText(date, iday) : iday;
1148 if (dates)
1149 dates[date.print("%Y%m%d")] = cell;
1150 if (this.getDateStatus) {
1151 var status = this.getDateStatus(date, year, month, iday);
1152 if (this.getDateToolTip) {
1153 var toolTip = this.getDateToolTip(date, year, month, iday);
1154 if (toolTip)
1155 cell.title = toolTip;
1156 }
1157 if (status === true) {
1158 cell.className += " disabled";
1159 cell.disabled = true;
1160 } else {
1161 if (/disabled/i.test(status))
1162 cell.disabled = true;
1163 cell.className += " " + status;
1164 }
1165 }
1166 if (!cell.disabled) {
1167 cell.caldate = new Date(date);
1168 cell.ttip = "_";
1169 if (!this.multiple && current_month
1170 && iday == mday && this.hiliteToday) {
1171 cell.className += " selected";
1172 this.currentDateEl = cell;
1173 }
1174 if (date.getFullYear() == TY &&
1175 date.getMonth() == TM &&
1176 iday == TD) {
1177 cell.className += " today";
1178 cell.ttip += Calendar._TT["PART_TODAY"];
1179 }
1180 if (weekend.indexOf(wday.toString()) != -1)
1181 cell.className += cell.otherMonth ? " oweekend" : " weekend";
1182 }
1183 }
1184 if (!(hasdays || this.showsOtherMonths))
1185 row.className = "emptyrow";
1186 }
1187 this.title.innerHTML = Calendar._MN[month] + ", " + year;
1188 this.onSetTime();
1189 this.table.style.visibility = "visible";
1190 this._initMultipleDates();
1191 // PROFILE
1192 // this.tooltips.innerHTML = "Generated in " + ((new Date()) - today) + " ms";
1193 };
1194
1195 Calendar.prototype._initMultipleDates = function() {
1196 if (this.multiple) {
1197 for (var i in this.multiple) {
1198 var cell = this.datesCells[i];
1199 var d = this.multiple[i];
1200 if (!d)
1201 continue;
1202 if (cell)
1203 cell.className += " selected";
1204 }
1205 }
1206 };
1207
1208 Calendar.prototype._toggleMultipleDate = function(date) {
1209 if (this.multiple) {
1210 var ds = date.print("%Y%m%d");
1211 var cell = this.datesCells[ds];
1212 if (cell) {
1213 var d = this.multiple[ds];
1214 if (!d) {
1215 Calendar.addClass(cell, "selected");
1216 this.multiple[ds] = date;
1217 } else {
1218 Calendar.removeClass(cell, "selected");
1219 delete this.multiple[ds];
1220 }
1221 }
1222 }
1223 };
1224
1225 Calendar.prototype.setDateToolTipHandler = function (unaryFunction) {
1226 this.getDateToolTip = unaryFunction;
1227 };
1228
1229 /**
1230 * Calls _init function above for going to a certain date (but only if the
1231 * date is different than the currently selected one).
1232 */
1233 Calendar.prototype.setDate = function (date) {
1234 if (!date.equalsTo(this.date)) {
1235 this._init(this.firstDayOfWeek, date);
1236 }
1237 };
1238
1239 /**
1240 * Refreshes the calendar. Useful if the "disabledHandler" function is
1241 * dynamic, meaning that the list of disabled date can change at runtime.
1242 * Just * call this function if you think that the list of disabled dates
1243 * should * change.
1244 */
1245 Calendar.prototype.refresh = function () {
1246 this._init(this.firstDayOfWeek, this.date);
1247 };
1248
1249 /** Modifies the "firstDayOfWeek" parameter (pass 0 for Synday, 1 for Monday, etc.). */
1250 Calendar.prototype.setFirstDayOfWeek = function (firstDayOfWeek) {
1251 this._init(firstDayOfWeek, this.date);
1252 this._displayWeekdays();
1253 };
1254
1255 /**
1256 * Allows customization of what dates are enabled. The "unaryFunction"
1257 * parameter must be a function object that receives the date (as a JS Date
1258 * object) and returns a boolean value. If the returned value is true then
1259 * the passed date will be marked as disabled.
1260 */
1261 Calendar.prototype.setDateStatusHandler = Calendar.prototype.setDisabledHandler = function (unaryFunction) {
1262 this.getDateStatus = unaryFunction;
1263 };
1264
1265 /** Customization of allowed year range for the calendar. */
1266 Calendar.prototype.setRange = function (a, z) {
1267 this.minYear = a;
1268 this.maxYear = z;
1269 };
1270
1271 /** Calls the first user handler (selectedHandler). */
1272 Calendar.prototype.callHandler = function () {
1273 if (this.onSelected) {
1274 this.onSelected(this, this.date.print(this.dateFormat));
1275 }
1276 };
1277
1278 /** Calls the second user handler (closeHandler). */
1279 Calendar.prototype.callCloseHandler = function () {
1280 if (this.onClose) {
1281 this.onClose(this);
1282 }
1283 this.hideShowCovered();
1284 };
1285
1286 /** Removes the calendar object from the DOM tree and destroys it. */
1287 Calendar.prototype.destroy = function () {
1288 var el = this.element.parentNode;
1289 el.removeChild(this.element);
1290 Calendar._C = null;
1291 window._dynarch_popupCalendar = null;
1292 };
1293
1294 /**
1295 * Moves the calendar element to a different section in the DOM tree (changes
1296 * its parent).
1297 */
1298 Calendar.prototype.reparent = function (new_parent) {
1299 var el = this.element;
1300 el.parentNode.removeChild(el);
1301 new_parent.appendChild(el);
1302 };
1303
1304 // This gets called when the user presses a mouse button anywhere in the
1305 // document, if the calendar is shown. If the click was outside the open
1306 // calendar this function closes it.
1307 Calendar._checkCalendar = function(ev) {
1308 var calendar = window._dynarch_popupCalendar;
1309 if (!calendar) {
1310 return false;
1311 }
1312 var el = Calendar.is_ie ? Calendar.getElement(ev) : Calendar.getTargetElement(ev);
1313 for (; el != null && el != calendar.element; el = el.parentNode);
1314 if (el == null) {
1315 // calls closeHandler which should hide the calendar.
1316 window._dynarch_popupCalendar.callCloseHandler();
1317 return Calendar.stopEvent(ev);
1318 }
1319 };
1320
1321 /** Shows the calendar. */
1322 Calendar.prototype.show = function () {
1323 var rows = this.table.getElementsByTagName("tr");
1324 for (var i = rows.length; i > 0;) {
1325 var row = rows[--i];
1326 Calendar.removeClass(row, "rowhilite");
1327 var cells = row.getElementsByTagName("td");
1328 for (var j = cells.length; j > 0;) {
1329 var cell = cells[--j];
1330 Calendar.removeClass(cell, "hilite");
1331 Calendar.removeClass(cell, "active");
1332 }
1333 }
1334 this.element.style.display = "block";
1335 this.hidden = false;
1336 if (this.isPopup) {
1337 window._dynarch_popupCalendar = this;
1338 Calendar.addEvent(document, "keydown", Calendar._keyEvent);
1339 Calendar.addEvent(document, "keypress", Calendar._keyEvent);
1340 Calendar.addEvent(document, "mousedown", Calendar._checkCalendar);
1341 }
1342 this.hideShowCovered();
1343 };
1344
1345 /**
1346 * Hides the calendar. Also removes any "hilite" from the class of any TD
1347 * element.
1348 */
1349 Calendar.prototype.hide = function () {
1350 if (this.isPopup) {
1351 Calendar.removeEvent(document, "keydown", Calendar._keyEvent);
1352 Calendar.removeEvent(document, "keypress", Calendar._keyEvent);
1353 Calendar.removeEvent(document, "mousedown", Calendar._checkCalendar);
1354 }
1355 this.element.style.display = "none";
1356 this.hidden = true;
1357 this.hideShowCovered();
1358 };
1359
1360 /**
1361 * Shows the calendar at a given absolute position (beware that, depending on
1362 * the calendar element style -- position property -- this might be relative
1363 * to the parent's containing rectangle).
1364 */
1365 Calendar.prototype.showAt = function (x, y) {
1366 var s = this.element.style;
1367 s.left = x + "px";
1368 s.top = y + "px";
1369 this.show();
1370 };
1371
1372 /** Shows the calendar near a given element. */
1373 Calendar.prototype.showAtElement = function (el, opts) {
1374 var self = this;
1375 var p = Calendar.getAbsolutePos(el);
1376 if (!opts || typeof opts != "string") {
1377 this.showAt(p.x, p.y + el.offsetHeight);
1378 return true;
1379 }
1380 function fixPosition(box) {
1381 if (box.x < 0)
1382 box.x = 0;
1383 if (box.y < 0)
1384 box.y = 0;
1385 var cp = document.createElement("div");
1386 var s = cp.style;
1387 s.position = "absolute";
1388 s.right = s.bottom = s.width = s.height = "0px";
1389 document.body.appendChild(cp);
1390 var br = Calendar.getAbsolutePos(cp);
1391 document.body.removeChild(cp);
1392 if (Calendar.is_ie) {
1393 br.y += document.body.scrollTop;
1394 br.x += document.body.scrollLeft;
1395 } else {
1396 br.y += window.scrollY;
1397 br.x += window.scrollX;
1398 }
1399 var tmp = box.x + box.width - br.x;
1400 if (tmp > 0) box.x -= tmp;
1401 tmp = box.y + box.height - br.y;
1402 if (tmp > 0) box.y -= tmp;
1403 };
1404 this.element.style.display = "block";
1405 Calendar.continuation_for_the_fucking_khtml_browser = function() {
1406 var w = self.element.offsetWidth;
1407 var h = self.element.offsetHeight;
1408 self.element.style.display = "none";
1409 var valign = opts.substr(0, 1);
1410 var halign = "l";
1411 if (opts.length > 1) {
1412 halign = opts.substr(1, 1);
1413 }
1414 // vertical alignment
1415 switch (valign) {
1416 case "T": p.y -= h; break;
1417 case "B": p.y += el.offsetHeight; break;
1418 case "C": p.y += (el.offsetHeight - h) / 2; break;
1419 case "t": p.y += el.offsetHeight - h; break;
1420 case "b": break; // already there
1421 }
1422 // horizontal alignment
1423 switch (halign) {
1424 case "L": p.x -= w; break;
1425 case "R": p.x += el.offsetWidth; break;
1426 case "C": p.x += (el.offsetWidth - w) / 2; break;
1427 case "l": p.x += el.offsetWidth - w; break;
1428 case "r": break; // already there
1429 }
1430 p.width = w;
1431 p.height = h + 40;
1432 self.monthsCombo.style.display = "none";
1433 fixPosition(p);
1434 self.showAt(p.x, p.y);
1435 };
1436 if (Calendar.is_khtml)
1437 setTimeout("Calendar.continuation_for_the_fucking_khtml_browser()", 10);
1438 else
1439 Calendar.continuation_for_the_fucking_khtml_browser();
1440 };
1441
1442 /** Customizes the date format. */
1443 Calendar.prototype.setDateFormat = function (str) {
1444 this.dateFormat = str;
1445 };
1446
1447 /** Customizes the tooltip date format. */
1448 Calendar.prototype.setTtDateFormat = function (str) {
1449 this.ttDateFormat = str;
1450 };
1451
1452 /**
1453 * Tries to identify the date represented in a string. If successful it also
1454 * calls this.setDate which moves the calendar to the given date.
1455 */
1456 Calendar.prototype.parseDate = function(str, fmt) {
1457 if (!fmt)
1458 fmt = this.dateFormat;
1459 this.setDate(Date.parseDate(str, fmt));
1460 };
1461
1462 Calendar.prototype.hideShowCovered = function () {
1463 if (!Calendar.is_ie && !Calendar.is_opera)
1464 return;
1465 function getVisib(obj){
1466 var value = obj.style.visibility;
1467 if (!value) {
1468 if (document.defaultView && typeof (document.defaultView.getComputedStyle) == "function") { // Gecko, W3C
1469 if (!Calendar.is_khtml)
1470 value = document.defaultView.
1471 getComputedStyle(obj, "").getPropertyValue("visibility");
1472 else
1473 value = '';
1474 } else if (obj.currentStyle) { // IE
1475 value = obj.currentStyle.visibility;
1476 } else
1477 value = '';
1478 }
1479 return value;
1480 };
1481
1482 var tags = new Array("applet", "iframe", "select");
1483 var el = this.element;
1484
1485 var p = Calendar.getAbsolutePos(el);
1486 var EX1 = p.x;
1487 var EX2 = el.offsetWidth + EX1;
1488 var EY1 = p.y;
1489 var EY2 = el.offsetHeight + EY1;
1490
1491 for (var k = tags.length; k > 0; ) {
1492 var ar = document.getElementsByTagName(tags[--k]);
1493 var cc = null;
1494
1495 for (var i = ar.length; i > 0;) {
1496 cc = ar[--i];
1497
1498 p = Calendar.getAbsolutePos(cc);
1499 var CX1 = p.x;
1500 var CX2 = cc.offsetWidth + CX1;
1501 var CY1 = p.y;
1502 var CY2 = cc.offsetHeight + CY1;
1503
1504 if (this.hidden || (CX1 > EX2) || (CX2 < EX1) || (CY1 > EY2) || (CY2 < EY1)) {
1505 if (!cc.__msh_save_visibility) {
1506 cc.__msh_save_visibility = getVisib(cc);
1507 }
1508 cc.style.visibility = cc.__msh_save_visibility;
1509 } else {
1510 if (!cc.__msh_save_visibility) {
1511 cc.__msh_save_visibility = getVisib(cc);
1512 }
1513 cc.style.visibility = "hidden";
1514 }
1515 }
1516 }
1517 };
1518
1519 /** Internal function; it displays the bar with the names of the weekday. */
1520 Calendar.prototype._displayWeekdays = function () {
1521 var fdow = this.firstDayOfWeek;
1522 var cell = this.firstdayname;
1523 var weekend = Calendar._TT["WEEKEND"];
1524 for (var i = 0; i < 7; ++i) {
1525 cell.className = "day name";
1526 var realday = (i + fdow) % 7;
1527 if (i) {
1528 cell.ttip = Calendar._TT["DAY_FIRST"].replace("%s", Calendar._DN[realday]);
1529 cell.navtype = 100;
1530 cell.calendar = this;
1531 cell.fdow = realday;
1532 Calendar._add_evs(cell);
1533 }
1534 if (weekend.indexOf(realday.toString()) != -1) {
1535 Calendar.addClass(cell, "weekend");
1536 }
1537 cell.innerHTML = Calendar._SDN[(i + fdow) % 7];
1538 cell = cell.nextSibling;
1539 }
1540 };
1541
1542 /** Internal function. Hides all combo boxes that might be displayed. */
1543 Calendar.prototype._hideCombos = function () {
1544 this.monthsCombo.style.display = "none";
1545 this.yearsCombo.style.display = "none";
1546 };
1547
1548 /** Internal function. Starts dragging the element. */
1549 Calendar.prototype._dragStart = function (ev) {
1550 if (this.dragging) {
1551 return;
1552 }
1553 this.dragging = true;
1554 var posX;
1555 var posY;
1556 if (Calendar.is_ie) {
1557 posY = window.event.clientY + document.body.scrollTop;
1558 posX = window.event.clientX + document.body.scrollLeft;
1559 } else {
1560 posY = ev.clientY + window.scrollY;
1561 posX = ev.clientX + window.scrollX;
1562 }
1563 var st = this.element.style;
1564 this.xOffs = posX - parseInt(st.left);
1565 this.yOffs = posY - parseInt(st.top);
1566 with (Calendar) {
1567 addEvent(document, "mousemove", calDragIt);
1568 addEvent(document, "mouseup", calDragEnd);
1569 }
1570 };
1571
1572 // BEGIN: DATE OBJECT PATCHES
1573
1574 /** Adds the number of days array to the Date object. */
1575 Date._MD = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
1576
1577 /** Constants used for time computations */
1578 Date.SECOND = 1000 /* milliseconds */;
1579 Date.MINUTE = 60 * Date.SECOND;
1580 Date.HOUR = 60 * Date.MINUTE;
1581 Date.DAY = 24 * Date.HOUR;
1582 Date.WEEK = 7 * Date.DAY;
1583
1584 Date.parseDate = function(str, fmt) {
1585 var today = new Date();
1586 var y = 0;
1587 var m = -1;
1588 var d = 0;
1589 var a = str.split(/\W+/);
1590 var b = fmt.match(/%./g);
1591 var i = 0, j = 0;
1592 var hr = 0;
1593 var min = 0;
1594 for (i = 0; i < a.length; ++i) {
1595 if (!a[i])
1596 continue;
1597 switch (b[i]) {
1598 case "%d":
1599 case "%e":
1600 d = parseInt(a[i], 10);
1601 break;
1602
1603 case "%m":
1604 m = parseInt(a[i], 10) - 1;
1605 break;
1606
1607 case "%Y":
1608 case "%y":
1609 y = parseInt(a[i], 10);
1610 (y < 100) && (y += (y > 29) ? 1900 : 2000);
1611 break;
1612
1613 case "%b":
1614 case "%B":
1615 for (j = 0; j < 12; ++j) {
1616 if (Calendar._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { m = j; break; }
1617 }
1618 break;
1619
1620 case "%H":
1621 case "%I":
1622 case "%k":
1623 case "%l":
1624 hr = parseInt(a[i], 10);
1625 break;
1626
1627 case "%P":
1628 case "%p":
1629 if (/pm/i.test(a[i]) && hr < 12)
1630 hr += 12;
1631 else if (/am/i.test(a[i]) && hr >= 12)
1632 hr -= 12;
1633 break;
1634
1635 case "%M":
1636 min = parseInt(a[i], 10);
1637 break;
1638 }
1639 }
1640 if (isNaN(y)) y = today.getFullYear();
1641 if (isNaN(m)) m = today.getMonth();
1642 if (isNaN(d)) d = today.getDate();
1643 if (isNaN(hr)) hr = today.getHours();
1644 if (isNaN(min)) min = today.getMinutes();
1645 if (y != 0 && m != -1 && d != 0)
1646 return new Date(y, m, d, hr, min, 0);
1647 y = 0; m = -1; d = 0;
1648 for (i = 0; i < a.length; ++i) {
1649 if (a[i].search(/[a-zA-Z]+/) != -1) {
1650 var t = -1;
1651 for (j = 0; j < 12; ++j) {
1652 if (Calendar._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { t = j; break; }
1653 }
1654 if (t != -1) {
1655 if (m != -1) {
1656 d = m+1;
1657 }
1658 m = t;
1659 }
1660 } else if (parseInt(a[i], 10) <= 12 && m == -1) {
1661 m = a[i]-1;
1662 } else if (parseInt(a[i], 10) > 31 && y == 0) {
1663 y = parseInt(a[i], 10);
1664 (y < 100) && (y += (y > 29) ? 1900 : 2000);
1665 } else if (d == 0) {
1666 d = a[i];
1667 }
1668 }
1669 if (y == 0)
1670 y = today.getFullYear();
1671 if (m != -1 && d != 0)
1672 return new Date(y, m, d, hr, min, 0);
1673 return today;
1674 };
1675
1676 /** Returns the number of days in the current month */
1677 Date.prototype.getMonthDays = function(month) {
1678 var year = this.getFullYear();
1679 if (typeof month == "undefined") {
1680 month = this.getMonth();
1681 }
1682 if (((0 == (year%4)) && ( (0 != (year%100)) || (0 == (year%400)))) && month == 1) {
1683 return 29;
1684 } else {
1685 return Date._MD[month];
1686 }
1687 };
1688
1689 /** Returns the number of day in the year. */
1690 Date.prototype.getDayOfYear = function() {
1691 var now = new Date(this.getFullYear(), this.getMonth(), this.getDate(), 0, 0, 0);
1692 var then = new Date(this.getFullYear(), 0, 0, 0, 0, 0);
1693 var time = now - then;
1694 return Math.floor(time / Date.DAY);
1695 };
1696
1697 /** Returns the number of the week in year, as defined in ISO 8601. */
1698 Date.prototype.getWeekNumber = function() {
1699 var d = new Date(this.getFullYear(), this.getMonth(), this.getDate(), 0, 0, 0);
1700 var DoW = d.getDay();
1701 d.setDate(d.getDate() - (DoW + 6) % 7 + 3); // Nearest Thu
1702 var ms = d.valueOf(); // GMT
1703 d.setMonth(0);
1704 d.setDate(4); // Thu in Week 1
1705 return Math.round((ms - d.valueOf()) / (7 * 864e5)) + 1;
1706 };
1707
1708 /** Checks date and time equality */
1709 Date.prototype.equalsTo = function(date) {
1710 return ((this.getFullYear() == date.getFullYear()) &&
1711 (this.getMonth() == date.getMonth()) &&
1712 (this.getDate() == date.getDate()) &&
1713 (this.getHours() == date.getHours()) &&
1714 (this.getMinutes() == date.getMinutes()));
1715 };
1716
1717 /** Set only the year, month, date parts (keep existing time) */
1718 Date.prototype.setDateOnly = function(date) {
1719 var tmp = new Date(date);
1720 this.setDate(1);
1721 this.setFullYear(tmp.getFullYear());
1722 this.setMonth(tmp.getMonth());
1723 this.setDate(tmp.getDate());
1724 };
1725
1726 /** Prints the date in a string according to the given format. */
1727 Date.prototype.print = function (str) {
1728 var m = this.getMonth();
1729 var d = this.getDate();
1730 var y = this.getFullYear();
1731 var wn = this.getWeekNumber();
1732 var w = this.getDay();
1733 var s = {};
1734 var hr = this.getHours();
1735 var pm = (hr >= 12);
1736 var ir = (pm) ? (hr - 12) : hr;
1737 var dy = this.getDayOfYear();
1738 if (ir == 0)
1739 ir = 12;
1740 var min = this.getMinutes();
1741 var sec = this.getSeconds();
1742 s["%a"] = Calendar._SDN[w]; // abbreviated weekday name [FIXME: I18N]
1743 s["%A"] = Calendar._DN[w]; // full weekday name
1744 s["%b"] = Calendar._SMN[m]; // abbreviated month name [FIXME: I18N]
1745 s["%B"] = Calendar._MN[m]; // full month name
1746 // FIXME: %c : preferred date and time representation for the current locale
1747 s["%C"] = 1 + Math.floor(y / 100); // the century number
1748 s["%d"] = (d < 10) ? ("0" + d) : d; // the day of the month (range 01 to 31)
1749 s["%e"] = d; // the day of the month (range 1 to 31)
1750 // FIXME: %D : american date style: %m/%d/%y
1751 // FIXME: %E, %F, %G, %g, %h (man strftime)
1752 s["%H"] = (hr < 10) ? ("0" + hr) : hr; // hour, range 00 to 23 (24h format)
1753 s["%I"] = (ir < 10) ? ("0" + ir) : ir; // hour, range 01 to 12 (12h format)
1754 s["%j"] = (dy < 100) ? ((dy < 10) ? ("00" + dy) : ("0" + dy)) : dy; // day of the year (range 001 to 366)
1755 s["%k"] = hr; // hour, range 0 to 23 (24h format)
1756 s["%l"] = ir; // hour, range 1 to 12 (12h format)
1757 s["%m"] = (m < 9) ? ("0" + (1+m)) : (1+m); // month, range 01 to 12
1758 s["%M"] = (min < 10) ? ("0" + min) : min; // minute, range 00 to 59
1759 s["%n"] = "\n"; // a newline character
1760 s["%p"] = pm ? "PM" : "AM";
1761 s["%P"] = pm ? "pm" : "am";
1762 // FIXME: %r : the time in am/pm notation %I:%M:%S %p
1763 // FIXME: %R : the time in 24-hour notation %H:%M
1764 s["%s"] = Math.floor(this.getTime() / 1000);
1765 s["%S"] = (sec < 10) ? ("0" + sec) : sec; // seconds, range 00 to 59
1766 s["%t"] = "\t"; // a tab character
1767 // FIXME: %T : the time in 24-hour notation (%H:%M:%S)
1768 s["%U"] = s["%W"] = s["%V"] = (wn < 10) ? ("0" + wn) : wn;
1769 s["%u"] = w + 1; // the day of the week (range 1 to 7, 1 = MON)
1770 s["%w"] = w; // the day of the week (range 0 to 6, 0 = SUN)
1771 // FIXME: %x : preferred date representation for the current locale without the time
1772 // FIXME: %X : preferred time representation for the current locale without the date
1773 s["%y"] = ('' + y).substr(2, 2); // year without the century (range 00 to 99)
1774 s["%Y"] = y; // year with the century
1775 s["%%"] = "%"; // a literal '%' character
1776
1777 var re = /%./g;
1778 if (!Calendar.is_ie5 && !Calendar.is_khtml)
1779 return str.replace(re, function (par) { return s[par] || par; });
1780
1781 var a = str.match(re);
1782 for (var i = 0; i < a.length; i++) {
1783 var tmp = s[a[i]];
1784 if (tmp) {
1785 re = new RegExp(a[i], 'g');
1786 str = str.replace(re, tmp);
1787 }
1788 }
1789
1790 return str;
1791 };
1792
1793 Date.prototype.__msh_oldSetFullYear = Date.prototype.setFullYear;
1794 Date.prototype.setFullYear = function(y) {
1795 var d = new Date(this);
1796 d.__msh_oldSetFullYear(y);
1797 if (d.getMonth() != this.getMonth())
1798 this.setDate(28);
1799 this.__msh_oldSetFullYear(y);
1800 };
1801
1802 // END: DATE OBJECT PATCHES
1803
1804
1805 // global object that remembers the calendar
1806 window._dynarch_popupCalendar = null;
@@ -0,0 +1,128
1 // ** I18N
2
3 // Calendar DE language
4 // Author: Jack (tR), <jack@jtr.de>
5 // Encoding: any
6 // Distributed under the same terms as the calendar itself.
7
8 // For translators: please use UTF-8 if possible. We strongly believe that
9 // Unicode is the answer to a real internationalized world. Also please
10 // include your contact information in the header, as can be seen above.
11
12 // full day names
13 Calendar._DN = new Array
14 ("Sonntag",
15 "Montag",
16 "Dienstag",
17 "Mittwoch",
18 "Donnerstag",
19 "Freitag",
20 "Samstag",
21 "Sonntag");
22
23 // Please note that the following array of short day names (and the same goes
24 // for short month names, _SMN) isn't absolutely necessary. We give it here
25 // for exemplification on how one can customize the short day names, but if
26 // they are simply the first N letters of the full name you can simply say:
27 //
28 // Calendar._SDN_len = N; // short day name length
29 // Calendar._SMN_len = N; // short month name length
30 //
31 // If N = 3 then this is not needed either since we assume a value of 3 if not
32 // present, to be compatible with translation files that were written before
33 // this feature.
34
35 // First day of the week. "0" means display Sunday first, "1" means display
36 // Monday first, etc.
37 Calendar._FD = 1;
38
39 // short day names
40 Calendar._SDN = new Array
41 ("So",
42 "Mo",
43 "Di",
44 "Mi",
45 "Do",
46 "Fr",
47 "Sa",
48 "So");
49
50 // full month names
51 Calendar._MN = new Array
52 ("Januar",
53 "Februar",
54 "M\u00e4rz",
55 "April",
56 "Mai",
57 "Juni",
58 "Juli",
59 "August",
60 "September",
61 "Oktober",
62 "November",
63 "Dezember");
64
65 // short month names
66 Calendar._SMN = new Array
67 ("Jan",
68 "Feb",
69 "M\u00e4r",
70 "Apr",
71 "May",
72 "Jun",
73 "Jul",
74 "Aug",
75 "Sep",
76 "Okt",
77 "Nov",
78 "Dez");
79
80 // tooltips
81 Calendar._TT = {};
82 Calendar._TT["INFO"] = "\u00DCber dieses Kalendarmodul";
83
84 Calendar._TT["ABOUT"] =
85 "DHTML Date/Time Selector\n" +
86 "(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this ;-)
87 "For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
88 "Distributed under GNU LGPL. See http://gnu.org/licenses/lgpl.html for details." +
89 "\n\n" +
90 "Datum ausw\u00e4hlen:\n" +
91 "- Benutzen Sie die \xab, \xbb Buttons um das Jahr zu w\u00e4hlen\n" +
92 "- Benutzen Sie die " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " Buttons um den Monat zu w\u00e4hlen\n" +
93 "- F\u00fcr eine Schnellauswahl halten Sie die Maustaste \u00fcber diesen Buttons fest.";
94 Calendar._TT["ABOUT_TIME"] = "\n\n" +
95 "Zeit ausw\u00e4hlen:\n" +
96 "- Klicken Sie auf die Teile der Uhrzeit, um diese zu erh\u00F6hen\n" +
97 "- oder klicken Sie mit festgehaltener Shift-Taste um diese zu verringern\n" +
98 "- oder klicken und festhalten f\u00fcr Schnellauswahl.";
99
100 Calendar._TT["TOGGLE"] = "Ersten Tag der Woche w\u00e4hlen";
101 Calendar._TT["PREV_YEAR"] = "Voriges Jahr (Festhalten f\u00fcr Schnellauswahl)";
102 Calendar._TT["PREV_MONTH"] = "Voriger Monat (Festhalten f\u00fcr Schnellauswahl)";
103 Calendar._TT["GO_TODAY"] = "Heute ausw\u00e4hlen";
104 Calendar._TT["NEXT_MONTH"] = "N\u00e4chst. Monat (Festhalten f\u00fcr Schnellauswahl)";
105 Calendar._TT["NEXT_YEAR"] = "N\u00e4chst. Jahr (Festhalten f\u00fcr Schnellauswahl)";
106 Calendar._TT["SEL_DATE"] = "Datum ausw\u00e4hlen";
107 Calendar._TT["DRAG_TO_MOVE"] = "Zum Bewegen festhalten";
108 Calendar._TT["PART_TODAY"] = " (Heute)";
109
110 // the following is to inform that "%s" is to be the first day of week
111 // %s will be replaced with the day name.
112 Calendar._TT["DAY_FIRST"] = "Woche beginnt mit %s ";
113
114 // This may be locale-dependent. It specifies the week-end days, as an array
115 // of comma-separated numbers. The numbers are from 0 to 6: 0 means Sunday, 1
116 // means Monday, etc.
117 Calendar._TT["WEEKEND"] = "0,6";
118
119 Calendar._TT["CLOSE"] = "Schlie\u00dfen";
120 Calendar._TT["TODAY"] = "Heute";
121 Calendar._TT["TIME_PART"] = "(Shift-)Klick oder Festhalten und Ziehen um den Wert zu \u00e4ndern";
122
123 // date formats
124 Calendar._TT["DEF_DATE_FORMAT"] = "%d.%m.%Y";
125 Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
126
127 Calendar._TT["WK"] = "wk";
128 Calendar._TT["TIME"] = "Zeit:";
@@ -0,0 +1,127
1 // ** I18N
2
3 // Calendar EN language
4 // Author: Mihai Bazon, <mihai_bazon@yahoo.com>
5 // Encoding: any
6 // Distributed under the same terms as the calendar itself.
7
8 // For translators: please use UTF-8 if possible. We strongly believe that
9 // Unicode is the answer to a real internationalized world. Also please
10 // include your contact information in the header, as can be seen above.
11
12 // full day names
13 Calendar._DN = new Array
14 ("Sunday",
15 "Monday",
16 "Tuesday",
17 "Wednesday",
18 "Thursday",
19 "Friday",
20 "Saturday",
21 "Sunday");
22
23 // Please note that the following array of short day names (and the same goes
24 // for short month names, _SMN) isn't absolutely necessary. We give it here
25 // for exemplification on how one can customize the short day names, but if
26 // they are simply the first N letters of the full name you can simply say:
27 //
28 // Calendar._SDN_len = N; // short day name length
29 // Calendar._SMN_len = N; // short month name length
30 //
31 // If N = 3 then this is not needed either since we assume a value of 3 if not
32 // present, to be compatible with translation files that were written before
33 // this feature.
34
35 // short day names
36 Calendar._SDN = new Array
37 ("Sun",
38 "Mon",
39 "Tue",
40 "Wed",
41 "Thu",
42 "Fri",
43 "Sat",
44 "Sun");
45
46 // First day of the week. "0" means display Sunday first, "1" means display
47 // Monday first, etc.
48 Calendar._FD = 0;
49
50 // full month names
51 Calendar._MN = new Array
52 ("January",
53 "February",
54 "March",
55 "April",
56 "May",
57 "June",
58 "July",
59 "August",
60 "September",
61 "October",
62 "November",
63 "December");
64
65 // short month names
66 Calendar._SMN = new Array
67 ("Jan",
68 "Feb",
69 "Mar",
70 "Apr",
71 "May",
72 "Jun",
73 "Jul",
74 "Aug",
75 "Sep",
76 "Oct",
77 "Nov",
78 "Dec");
79
80 // tooltips
81 Calendar._TT = {};
82 Calendar._TT["INFO"] = "About the calendar";
83
84 Calendar._TT["ABOUT"] =
85 "DHTML Date/Time Selector\n" +
86 "(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
87 "For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
88 "Distributed under GNU LGPL. See http://gnu.org/licenses/lgpl.html for details." +
89 "\n\n" +
90 "Date selection:\n" +
91 "- Use the \xab, \xbb buttons to select year\n" +
92 "- Use the " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " buttons to select month\n" +
93 "- Hold mouse button on any of the above buttons for faster selection.";
94 Calendar._TT["ABOUT_TIME"] = "\n\n" +
95 "Time selection:\n" +
96 "- Click on any of the time parts to increase it\n" +
97 "- or Shift-click to decrease it\n" +
98 "- or click and drag for faster selection.";
99
100 Calendar._TT["PREV_YEAR"] = "Prev. year (hold for menu)";
101 Calendar._TT["PREV_MONTH"] = "Prev. month (hold for menu)";
102 Calendar._TT["GO_TODAY"] = "Go Today";
103 Calendar._TT["NEXT_MONTH"] = "Next month (hold for menu)";
104 Calendar._TT["NEXT_YEAR"] = "Next year (hold for menu)";
105 Calendar._TT["SEL_DATE"] = "Select date";
106 Calendar._TT["DRAG_TO_MOVE"] = "Drag to move";
107 Calendar._TT["PART_TODAY"] = " (today)";
108
109 // the following is to inform that "%s" is to be the first day of week
110 // %s will be replaced with the day name.
111 Calendar._TT["DAY_FIRST"] = "Display %s first";
112
113 // This may be locale-dependent. It specifies the week-end days, as an array
114 // of comma-separated numbers. The numbers are from 0 to 6: 0 means Sunday, 1
115 // means Monday, etc.
116 Calendar._TT["WEEKEND"] = "0,6";
117
118 Calendar._TT["CLOSE"] = "Close";
119 Calendar._TT["TODAY"] = "Today";
120 Calendar._TT["TIME_PART"] = "(Shift-)Click or drag to change value";
121
122 // date formats
123 Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
124 Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
125
126 Calendar._TT["WK"] = "wk";
127 Calendar._TT["TIME"] = "Time:";
@@ -0,0 +1,129
1 // ** I18N
2
3 // Calendar ES (spanish) language
4 // Author: Mihai Bazon, <mihai_bazon@yahoo.com>
5 // Updater: Servilio Afre Puentes <servilios@yahoo.com>
6 // Updated: 2004-06-03
7 // Encoding: utf-8
8 // Distributed under the same terms as the calendar itself.
9
10 // For translators: please use UTF-8 if possible. We strongly believe that
11 // Unicode is the answer to a real internationalized world. Also please
12 // include your contact information in the header, as can be seen above.
13
14 // full day names
15 Calendar._DN = new Array
16 ("Domingo",
17 "Lunes",
18 "Martes",
19 "Miércoles",
20 "Jueves",
21 "Viernes",
22 "Sábado",
23 "Domingo");
24
25 // Please note that the following array of short day names (and the same goes
26 // for short month names, _SMN) isn't absolutely necessary. We give it here
27 // for exemplification on how one can customize the short day names, but if
28 // they are simply the first N letters of the full name you can simply say:
29 //
30 // Calendar._SDN_len = N; // short day name length
31 // Calendar._SMN_len = N; // short month name length
32 //
33 // If N = 3 then this is not needed either since we assume a value of 3 if not
34 // present, to be compatible with translation files that were written before
35 // this feature.
36
37 // short day names
38 Calendar._SDN = new Array
39 ("Dom",
40 "Lun",
41 "Mar",
42 "Mié",
43 "Jue",
44 "Vie",
45 "Sáb",
46 "Dom");
47
48 // First day of the week. "0" means display Sunday first, "1" means display
49 // Monday first, etc.
50 Calendar._FD = 1;
51
52 // full month names
53 Calendar._MN = new Array
54 ("Enero",
55 "Febrero",
56 "Marzo",
57 "Abril",
58 "Mayo",
59 "Junio",
60 "Julio",
61 "Agosto",
62 "Septiembre",
63 "Octubre",
64 "Noviembre",
65 "Diciembre");
66
67 // short month names
68 Calendar._SMN = new Array
69 ("Ene",
70 "Feb",
71 "Mar",
72 "Abr",
73 "May",
74 "Jun",
75 "Jul",
76 "Ago",
77 "Sep",
78 "Oct",
79 "Nov",
80 "Dic");
81
82 // tooltips
83 Calendar._TT = {};
84 Calendar._TT["INFO"] = "Acerca del calendario";
85
86 Calendar._TT["ABOUT"] =
87 "Selector DHTML de Fecha/Hora\n" +
88 "(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
89 "Para conseguir la última versión visite: http://www.dynarch.com/projects/calendar/\n" +
90 "Distribuido bajo licencia GNU LGPL. Visite http://gnu.org/licenses/lgpl.html para más detalles." +
91 "\n\n" +
92 "Selección de fecha:\n" +
93 "- Use los botones \xab, \xbb para seleccionar el año\n" +
94 "- Use los botones " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " para seleccionar el mes\n" +
95 "- Mantenga pulsado el ratón en cualquiera de estos botones para una selección rápida.";
96 Calendar._TT["ABOUT_TIME"] = "\n\n" +
97 "Selección de hora:\n" +
98 "- Pulse en cualquiera de las partes de la hora para incrementarla\n" +
99 "- o pulse las mayúsculas mientras hace clic para decrementarla\n" +
100 "- o haga clic y arrastre el ratón para una selección más rápida.";
101
102 Calendar._TT["PREV_YEAR"] = "Año anterior (mantener para menú)";
103 Calendar._TT["PREV_MONTH"] = "Mes anterior (mantener para menú)";
104 Calendar._TT["GO_TODAY"] = "Ir a hoy";
105 Calendar._TT["NEXT_MONTH"] = "Mes siguiente (mantener para menú)";
106 Calendar._TT["NEXT_YEAR"] = "Año siguiente (mantener para menú)";
107 Calendar._TT["SEL_DATE"] = "Seleccionar fecha";
108 Calendar._TT["DRAG_TO_MOVE"] = "Arrastrar para mover";
109 Calendar._TT["PART_TODAY"] = " (hoy)";
110
111 // the following is to inform that "%s" is to be the first day of week
112 // %s will be replaced with the day name.
113 Calendar._TT["DAY_FIRST"] = "Hacer %s primer día de la semana";
114
115 // This may be locale-dependent. It specifies the week-end days, as an array
116 // of comma-separated numbers. The numbers are from 0 to 6: 0 means Sunday, 1
117 // means Monday, etc.
118 Calendar._TT["WEEKEND"] = "0,6";
119
120 Calendar._TT["CLOSE"] = "Cerrar";
121 Calendar._TT["TODAY"] = "Hoy";
122 Calendar._TT["TIME_PART"] = "(Mayúscula-)Clic o arrastre para cambiar valor";
123
124 // date formats
125 Calendar._TT["DEF_DATE_FORMAT"] = "%d/%m/%Y";
126 Calendar._TT["TT_DATE_FORMAT"] = "%A, %e de %B de %Y";
127
128 Calendar._TT["WK"] = "sem";
129 Calendar._TT["TIME"] = "Hora:";
@@ -0,0 +1,129
1 // ** I18N
2
3 // Calendar EN language
4 // Author: Mihai Bazon, <mihai_bazon@yahoo.com>
5 // Encoding: any
6 // Distributed under the same terms as the calendar itself.
7
8 // For translators: please use UTF-8 if possible. We strongly believe that
9 // Unicode is the answer to a real internationalized world. Also please
10 // include your contact information in the header, as can be seen above.
11
12 // Translator: David Duret, <pilgrim@mala-template.net> from previous french version
13
14 // full day names
15 Calendar._DN = new Array
16 ("Dimanche",
17 "Lundi",
18 "Mardi",
19 "Mercredi",
20 "Jeudi",
21 "Vendredi",
22 "Samedi",
23 "Dimanche");
24
25 // Please note that the following array of short day names (and the same goes
26 // for short month names, _SMN) isn't absolutely necessary. We give it here
27 // for exemplification on how one can customize the short day names, but if
28 // they are simply the first N letters of the full name you can simply say:
29 //
30 // Calendar._SDN_len = N; // short day name length
31 // Calendar._SMN_len = N; // short month name length
32 //
33 // If N = 3 then this is not needed either since we assume a value of 3 if not
34 // present, to be compatible with translation files that were written before
35 // this feature.
36
37 // short day names
38 Calendar._SDN = new Array
39 ("Dim",
40 "Lun",
41 "Mar",
42 "Mar",
43 "Jeu",
44 "Ven",
45 "Sam",
46 "Dim");
47
48 // First day of the week. "0" means display Sunday first, "1" means display
49 // Monday first, etc.
50 Calendar._FD = 1;
51
52 // full month names
53 Calendar._MN = new Array
54 ("Janvier",
55 "Février",
56 "Mars",
57 "Avril",
58 "Mai",
59 "Juin",
60 "Juillet",
61 "Août",
62 "Septembre",
63 "Octobre",
64 "Novembre",
65 "Décembre");
66
67 // short month names
68 Calendar._SMN = new Array
69 ("Jan",
70 "Fev",
71 "Mar",
72 "Avr",
73 "Mai",
74 "Juin",
75 "Juil",
76 "Aout",
77 "Sep",
78 "Oct",
79 "Nov",
80 "Dec");
81
82 // tooltips
83 Calendar._TT = {};
84 Calendar._TT["INFO"] = "A propos du calendrier";
85
86 Calendar._TT["ABOUT"] =
87 "DHTML Date/Heure Selecteur\n" +
88 "(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + // don't translate this this ;-)
89 "Pour la derniere version visitez : http://www.dynarch.com/projects/calendar/\n" +
90 "Distribué par GNU LGPL. Voir http://gnu.org/licenses/lgpl.html pour les details." +
91 "\n\n" +
92 "Selection de la date :\n" +
93 "- Utiliser les bouttons \xab, \xbb pour selectionner l\'annee\n" +
94 "- Utiliser les bouttons " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " pour selectionner les mois\n" +
95 "- Garder la souris sur n'importe quels boutons pour une selection plus rapide";
96 Calendar._TT["ABOUT_TIME"] = "\n\n" +
97 "Selection de l\'heure :\n" +
98 "- Cliquer sur heures ou minutes pour incrementer\n" +
99 "- ou Maj-clic pour decrementer\n" +
100 "- ou clic et glisser-deplacer pour une selection plus rapide";
101
102 Calendar._TT["PREV_YEAR"] = "Année préc. (maintenir pour menu)";
103 Calendar._TT["PREV_MONTH"] = "Mois préc. (maintenir pour menu)";
104 Calendar._TT["GO_TODAY"] = "Atteindre la date du jour";
105 Calendar._TT["NEXT_MONTH"] = "Mois suiv. (maintenir pour menu)";
106 Calendar._TT["NEXT_YEAR"] = "Année suiv. (maintenir pour menu)";
107 Calendar._TT["SEL_DATE"] = "Sélectionner une date";
108 Calendar._TT["DRAG_TO_MOVE"] = "Déplacer";
109 Calendar._TT["PART_TODAY"] = " (Aujourd'hui)";
110
111 // the following is to inform that "%s" is to be the first day of week
112 // %s will be replaced with the day name.
113 Calendar._TT["DAY_FIRST"] = "Afficher %s en premier";
114
115 // This may be locale-dependent. It specifies the week-end days, as an array
116 // of comma-separated numbers. The numbers are from 0 to 6: 0 means Sunday, 1
117 // means Monday, etc.
118 Calendar._TT["WEEKEND"] = "0,6";
119
120 Calendar._TT["CLOSE"] = "Fermer";
121 Calendar._TT["TODAY"] = "Aujourd'hui";
122 Calendar._TT["TIME_PART"] = "(Maj-)Clic ou glisser pour modifier la valeur";
123
124 // date formats
125 Calendar._TT["DEF_DATE_FORMAT"] = "%d/%m/%Y";
126 Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";
127
128 Calendar._TT["WK"] = "Sem.";
129 Calendar._TT["TIME"] = "Heure :";
@@ -0,0 +1,232
1 /* The main calendar widget. DIV containing a table. */
2
3 div.calendar { position: relative; }
4
5 .calendar, .calendar table {
6 border: 1px solid #556;
7 font-size: 11px;
8 color: #000;
9 cursor: default;
10 background: #eef;
11 font-family: tahoma,verdana,sans-serif;
12 }
13
14 /* Header part -- contains navigation buttons and day names. */
15
16 .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
17 text-align: center; /* They are the navigation buttons */
18 padding: 2px; /* Make the buttons seem like they're pressing */
19 }
20
21 .calendar .nav {
22 background: #778 url(menuarrow.gif) no-repeat 100% 100%;
23 }
24
25 .calendar thead .title { /* This holds the current "month, year" */
26 font-weight: bold; /* Pressing it will take you to the current date */
27 text-align: center;
28 background: #fff;
29 color: #000;
30 padding: 2px;
31 }
32
33 .calendar thead .headrow { /* Row <TR> containing navigation buttons */
34 background: #778;
35 color: #fff;
36 }
37
38 .calendar thead .daynames { /* Row <TR> containing the day names */
39 background: #bdf;
40 }
41
42 .calendar thead .name { /* Cells <TD> containing the day names */
43 border-bottom: 1px solid #556;
44 padding: 2px;
45 text-align: center;
46 color: #000;
47 }
48
49 .calendar thead .weekend { /* How a weekend day name shows in header */
50 color: #a66;
51 }
52
53 .calendar thead .hilite { /* How do the buttons in header appear when hover */
54 background-color: #aaf;
55 color: #000;
56 border: 1px solid #04f;
57 padding: 1px;
58 }
59
60 .calendar thead .active { /* Active (pressed) buttons in header */
61 background-color: #77c;
62 padding: 2px 0px 0px 2px;
63 }
64
65 /* The body part -- contains all the days in month. */
66
67 .calendar tbody .day { /* Cells <TD> containing month days dates */
68 width: 2em;
69 color: #456;
70 text-align: right;
71 padding: 2px 4px 2px 2px;
72 }
73 .calendar tbody .day.othermonth {
74 font-size: 80%;
75 color: #bbb;
76 }
77 .calendar tbody .day.othermonth.oweekend {
78 color: #fbb;
79 }
80
81 .calendar table .wn {
82 padding: 2px 3px 2px 2px;
83 border-right: 1px solid #000;
84 background: #bdf;
85 }
86
87 .calendar tbody .rowhilite td {
88 background: #def;
89 }
90
91 .calendar tbody .rowhilite td.wn {
92 background: #eef;
93 }
94
95 .calendar tbody td.hilite { /* Hovered cells <TD> */
96 background: #def;
97 padding: 1px 3px 1px 1px;
98 border: 1px solid #bbb;
99 }
100
101 .calendar tbody td.active { /* Active (pressed) cells <TD> */
102 background: #cde;
103 padding: 2px 2px 0px 2px;
104 }
105
106 .calendar tbody td.selected { /* Cell showing today date */
107 font-weight: bold;
108 border: 1px solid #000;
109 padding: 1px 3px 1px 1px;
110 background: #fff;
111 color: #000;
112 }
113
114 .calendar tbody td.weekend { /* Cells showing weekend days */
115 color: #a66;
116 }
117
118 .calendar tbody td.today { /* Cell showing selected date */
119 font-weight: bold;
120 color: #f00;
121 }
122
123 .calendar tbody .disabled { color: #999; }
124
125 .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
126 visibility: hidden;
127 }
128
129 .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
130 display: none;
131 }
132
133 /* The footer part -- status bar and "Close" button */
134
135 .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
136 text-align: center;
137 background: #556;
138 color: #fff;
139 }
140
141 .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
142 background: #fff;
143 color: #445;
144 border-top: 1px solid #556;
145 padding: 1px;
146 }
147
148 .calendar tfoot .hilite { /* Hover style for buttons in footer */
149 background: #aaf;
150 border: 1px solid #04f;
151 color: #000;
152 padding: 1px;
153 }
154
155 .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
156 background: #77c;
157 padding: 2px 0px 0px 2px;
158 }
159
160 /* Combo boxes (menus that display months/years for direct selection) */
161
162 .calendar .combo {
163 position: absolute;
164 display: none;
165 top: 0px;
166 left: 0px;
167 width: 4em;
168 cursor: default;
169 border: 1px solid #655;
170 background: #def;
171 color: #000;
172 font-size: 90%;
173 z-index: 100;
174 }
175
176 .calendar .combo .label,
177 .calendar .combo .label-IEfix {
178 text-align: center;
179 padding: 1px;
180 }
181
182 .calendar .combo .label-IEfix {
183 width: 4em;
184 }
185
186 .calendar .combo .hilite {
187 background: #acf;
188 }
189
190 .calendar .combo .active {
191 border-top: 1px solid #46a;
192 border-bottom: 1px solid #46a;
193 background: #eef;
194 font-weight: bold;
195 }
196
197 .calendar td.time {
198 border-top: 1px solid #000;
199 padding: 1px 0px;
200 text-align: center;
201 background-color: #f4f0e8;
202 }
203
204 .calendar td.time .hour,
205 .calendar td.time .minute,
206 .calendar td.time .ampm {
207 padding: 0px 3px 0px 4px;
208 border: 1px solid #889;
209 font-weight: bold;
210 background-color: #fff;
211 }
212
213 .calendar td.time .ampm {
214 text-align: center;
215 }
216
217 .calendar td.time .colon {
218 padding: 0px 2px 0px 3px;
219 font-weight: bold;
220 }
221
222 .calendar td.time span.hilite {
223 border-color: #000;
224 background-color: #667;
225 color: #fff;
226 }
227
228 .calendar td.time span.active {
229 border-color: #f00;
230 background-color: #000;
231 color: #0f0;
232 }
@@ -121,6 +121,11 module ApplicationHelper
121 " | " +
121 " | " +
122 link_to_function(l(:button_uncheck_all), "checkAll('#{form_name}', false)")
122 link_to_function(l(:button_uncheck_all), "checkAll('#{form_name}', false)")
123 end
123 end
124
125 def calendar_for(field_id)
126 image_tag("calendar.gif", {:id => "#{field_id}_trigger",:class => "calendar-trigger"}) +
127 javascript_tag("Calendar.setup({inputField : '#{field_id}', ifFormat : '%Y-%m-%d', button : '#{field_id}_trigger' });")
128 end
124 end
129 end
125
130
126 class TabularFormBuilder < ActionView::Helpers::FormBuilder
131 class TabularFormBuilder < ActionView::Helpers::FormBuilder
@@ -131,7 +136,7 class TabularFormBuilder < ActionView::Helpers::FormBuilder
131 @object_name, @object, @template, @options, @proc = object_name, object, template, options, proc
136 @object_name, @object, @template, @options, @proc = object_name, object, template, options, proc
132 end
137 end
133
138
134 (field_helpers - %w(radio_button) + %w(date_select)).each do |selector|
139 (field_helpers - %w(radio_button hidden_field) + %w(date_select)).each do |selector|
135 src = <<-END_SRC
140 src = <<-END_SRC
136 def #{selector}(field, options = {})
141 def #{selector}(field, options = {})
137 label_text = l(("field_"+field.to_s.gsub(/\_id$/, "")).to_sym) + (options.delete(:required) ? @template.content_tag("span", " *", :class => "required"): "")
142 label_text = l(("field_"+field.to_s.gsub(/\_id$/, "")).to_sym) + (options.delete(:required) ? @template.content_tag("span", " *", :class => "required"): "")
@@ -24,8 +24,11 module CustomFieldsHelper
24 field_id = "custom_fields_#{custom_field.id}"
24 field_id = "custom_fields_#{custom_field.id}"
25
25
26 case custom_field.field_format
26 case custom_field.field_format
27 when "string", "int", "date"
27 when "string", "int"
28 text_field 'custom_value', 'value', :name => field_name, :id => field_id
28 text_field 'custom_value', 'value', :name => field_name, :id => field_id
29 when "date"
30 text_field('custom_value', 'value', :name => field_name, :id => field_id, :size => 10) +
31 calendar_for(field_id)
29 when "text"
32 when "text"
30 text_area 'custom_value', 'value', :name => field_name, :id => field_id, :cols => 60, :rows => 3
33 text_area 'custom_value', 'value', :name => field_name, :id => field_id, :cols => 60, :rows => 3
31 when "bool"
34 when "bool"
@@ -29,7 +29,7 protected
29 when "int"
29 when "int"
30 errors.add(:value, :activerecord_error_not_a_number) unless value =~ /^[0-9]*$/
30 errors.add(:value, :activerecord_error_not_a_number) unless value =~ /^[0-9]*$/
31 when "date"
31 when "date"
32 errors.add(:value, :activerecord_error_invalid) unless value =~ /^(\d+)\/(\d+)\/(\d+)$/ or value.empty?
32 errors.add(:value, :activerecord_error_not_a_date) unless value =~ /^\d{4}-\d{2}-\d{2}$/ or value.empty?
33 when "list"
33 when "list"
34 errors.add(:value, :activerecord_error_inclusion) unless custom_field.possible_values.split('|').include? value or value.empty?
34 errors.add(:value, :activerecord_error_inclusion) unless custom_field.possible_values.split('|').include? value or value.empty?
35 end
35 end
@@ -17,43 +17,48
17
17
18 class Issue < ActiveRecord::Base
18 class Issue < ActiveRecord::Base
19
19
20 belongs_to :project
20 belongs_to :project
21 belongs_to :tracker
21 belongs_to :tracker
22 belongs_to :status, :class_name => 'IssueStatus', :foreign_key => 'status_id'
22 belongs_to :status, :class_name => 'IssueStatus', :foreign_key => 'status_id'
23 belongs_to :author, :class_name => 'User', :foreign_key => 'author_id'
23 belongs_to :author, :class_name => 'User', :foreign_key => 'author_id'
24 belongs_to :assigned_to, :class_name => 'User', :foreign_key => 'assigned_to_id'
24 belongs_to :assigned_to, :class_name => 'User', :foreign_key => 'assigned_to_id'
25 belongs_to :fixed_version, :class_name => 'Version', :foreign_key => 'fixed_version_id'
25 belongs_to :fixed_version, :class_name => 'Version', :foreign_key => 'fixed_version_id'
26 belongs_to :priority, :class_name => 'Enumeration', :foreign_key => 'priority_id'
26 belongs_to :priority, :class_name => 'Enumeration', :foreign_key => 'priority_id'
27 belongs_to :category, :class_name => 'IssueCategory', :foreign_key => 'category_id'
27 belongs_to :category, :class_name => 'IssueCategory', :foreign_key => 'category_id'
28
28
29 has_many :histories, :class_name => 'IssueHistory', :dependent => true, :order => "issue_histories.created_on DESC", :include => :status
29 has_many :histories, :class_name => 'IssueHistory', :dependent => true, :order => "issue_histories.created_on DESC", :include => :status
30 has_many :attachments, :as => :container, :dependent => true
30 has_many :attachments, :as => :container, :dependent => true
31
31
32 has_many :custom_values, :dependent => true, :as => :customized
32 has_many :custom_values, :dependent => true, :as => :customized
33 has_many :custom_fields, :through => :custom_values
33 has_many :custom_fields, :through => :custom_values
34
34
35 validates_presence_of :subject, :description, :priority, :tracker, :author
35 validates_presence_of :subject, :description, :priority, :tracker, :author
36 validates_associated :custom_values, :on => :update
36 validates_associated :custom_values, :on => :update
37
37
38 # set default status for new issues
38 # set default status for new issues
39 def before_validation
39 def before_validation
40 self.status = IssueStatus.default if new_record?
40 self.status = IssueStatus.default if new_record?
41 end
41 end
42
42
43 def before_create
43 def validate
44 build_history
44 if self.due_date.nil? && !@attributes['due_date'].empty?
45 end
45 errors.add :due_date, :activerecord_error_not_a_date
46
46 end
47 def long_id
47 end
48 "%05d" % self.id
48
49 end
49 def before_create
50
50 build_history
51 end
52
53 def long_id
54 "%05d" % self.id
55 end
56
51 private
57 private
52 # Creates an history for the issue
58 # Creates an history for the issue
53 def build_history
59 def build_history
54 @history = self.histories.build
60 @history = self.histories.build
55 @history.status = self.status
61 @history.status = self.status
56 @history.author = self.author
62 @history.author = self.author
57 end
63 end
58
59 end
64 end
@@ -23,6 +23,7 class Version < ActiveRecord::Base
23
23
24 validates_presence_of :name
24 validates_presence_of :name
25 validates_uniqueness_of :name, :scope => [:project_id]
25 validates_uniqueness_of :name, :scope => [:project_id]
26 validates_format_of :effective_date, :with => /^\d{4}-\d{2}-\d{2}$/, :message => :activerecord_error_not_a_date
26
27
27 private
28 private
28 def check_integrity
29 def check_integrity
@@ -11,7 +11,7
11 <p><%= f.select :category_id, (@project.issue_categories.collect {|c| [c.name, c.id]}) %></p>
11 <p><%= f.select :category_id, (@project.issue_categories.collect {|c| [c.name, c.id]}) %></p>
12 <p><%= f.text_field :subject, :size => 80, :required => true %></p>
12 <p><%= f.text_field :subject, :size => 80, :required => true %></p>
13 <p><%= f.text_area :description, :cols => 60, :rows => 10, :required => true %></p>
13 <p><%= f.text_area :description, :cols => 60, :rows => 10, :required => true %></p>
14 <p><%= f.date_select :due_date, :start_year => Date.today.year, :include_blank => true %></p>
14 <p><%= f.text_field :due_date, :size => 10 %><%= calendar_for('issue_due_date') %></p>
15
15
16 <% for @custom_value in @custom_values %>
16 <% for @custom_value in @custom_values %>
17 <p><%= custom_field_tag_with_label @custom_value %></p>
17 <p><%= custom_field_tag_with_label @custom_value %></p>
@@ -10,7 +10,10
10 <%= stylesheet_link_tag "rails" %>
10 <%= stylesheet_link_tag "rails" %>
11 <%= javascript_include_tag :defaults %>
11 <%= javascript_include_tag :defaults %>
12 <%= javascript_include_tag 'menu' %>
12 <%= javascript_include_tag 'menu' %>
13
13 <%= javascript_include_tag 'calendar/calendar' %>
14 <%= javascript_include_tag "calendar/lang/calendar-#{current_language}.js" %>
15 <%= javascript_include_tag 'calendar/calendar-setup' %>
16 <%= stylesheet_link_tag 'calendar/calendar-blue' %>
14 <script type='text/javascript'>
17 <script type='text/javascript'>
15 var menu_contenu=' \
18 var menu_contenu=' \
16 <div id="menuAdmin" class="menu" onmouseover="menuMouseover(event)"> \
19 <div id="menuAdmin" class="menu" onmouseover="menuMouseover(event)"> \
@@ -11,7 +11,7
11 <p><%= f.select :category_id, (@project.issue_categories.collect {|c| [c.name, c.id]}) %></p>
11 <p><%= f.select :category_id, (@project.issue_categories.collect {|c| [c.name, c.id]}) %></p>
12 <p><%= f.text_field :subject, :size => 80, :required => true %></p>
12 <p><%= f.text_field :subject, :size => 80, :required => true %></p>
13 <p><%= f.text_area :description, :cols => 60, :rows => 10, :required => true %></p>
13 <p><%= f.text_area :description, :cols => 60, :rows => 10, :required => true %></p>
14 <p><%= f.date_select :due_date, :start_year => Date.today.year, :include_blank => true %></p>
14 <p><%= f.text_field :due_date, :size => 10 %><%= calendar_for('issue_due_date') %></p>
15
15
16 <% for @custom_value in @custom_values %>
16 <% for @custom_value in @custom_values %>
17 <p><%= custom_field_tag_with_label @custom_value %></p>
17 <p><%= custom_field_tag_with_label @custom_value %></p>
@@ -1,8 +1,9
1 <%= error_messages_for 'version' %>
1 <%= error_messages_for 'version' %>
2
2 <div class="box">
3 <div class="box">
3 <!--[form:version]-->
4 <!--[form:version]-->
4 <p><%= f.text_field :name, :size => 20, :required => true %></p>
5 <p><%= f.text_field :name, :size => 20, :required => true %></p>
5 <p><%= f.text_field :description, :size => 60 %></p>
6 <p><%= f.text_field :description, :size => 60 %></p>
6 <p><%= f.date_select :effective_date, :required => true %></p>
7 <p><%= f.text_field :effective_date, :size => 10, :required => true %><%= calendar_for('version_effective_date') %></p>
7 <!--[eoform:version]-->
8 <!--[eoform:version]-->
8 </div> No newline at end of file
9 </div>
@@ -31,6 +31,7 activerecord_error_too_short: ist zu kurz
31 activerecord_error_wrong_length: ist die falsche Länge
31 activerecord_error_wrong_length: ist die falsche Länge
32 activerecord_error_taken: ist bereits genommen worden
32 activerecord_error_taken: ist bereits genommen worden
33 activerecord_error_not_a_number: ist nicht eine Zahl
33 activerecord_error_not_a_number: ist nicht eine Zahl
34 #activerecord_error_not_a_date: is not a valid date
34
35
35 general_fmt_age: %d yr
36 general_fmt_age: %d yr
36 general_fmt_age_plural: %d yrs
37 general_fmt_age_plural: %d yrs
@@ -31,6 +31,7 activerecord_error_too_short: is too short
31 activerecord_error_wrong_length: is the wrong length
31 activerecord_error_wrong_length: is the wrong length
32 activerecord_error_taken: has already been taken
32 activerecord_error_taken: has already been taken
33 activerecord_error_not_a_number: is not a number
33 activerecord_error_not_a_number: is not a number
34 activerecord_error_not_a_date: is not a valid date
34
35
35 general_fmt_age: %d yr
36 general_fmt_age: %d yr
36 general_fmt_age_plural: %d yrs
37 general_fmt_age_plural: %d yrs
@@ -31,6 +31,7 activerecord_error_too_short: is too short
31 activerecord_error_wrong_length: is the wrong length
31 activerecord_error_wrong_length: is the wrong length
32 activerecord_error_taken: has already been taken
32 activerecord_error_taken: has already been taken
33 activerecord_error_not_a_number: is not a number
33 activerecord_error_not_a_number: is not a number
34 #activerecord_error_not_a_date: is not a valid date
34
35
35 general_fmt_age: %d año
36 general_fmt_age: %d año
36 general_fmt_age_plural: %d años
37 general_fmt_age_plural: %d años
@@ -31,6 +31,7 activerecord_error_too_short: est trop court
31 activerecord_error_wrong_length: n'est pas de la bonne longueur
31 activerecord_error_wrong_length: n'est pas de la bonne longueur
32 activerecord_error_taken: est déjà utilisé
32 activerecord_error_taken: est déjà utilisé
33 activerecord_error_not_a_number: n'est pas un nombre
33 activerecord_error_not_a_number: n'est pas un nombre
34 activerecord_error_not_a_date: n'est pas une date valide
34
35
35 general_fmt_age: %d an
36 general_fmt_age: %d an
36 general_fmt_age_plural: %d ans
37 general_fmt_age_plural: %d ans
@@ -361,6 +361,12 width: 50%;
361 text-align: left;
361 text-align: left;
362 }
362 }
363
363
364 img.calendar-trigger {
365 cursor: pointer;
366 vertical-align: middle;
367 margin-left: 4px;
368 }
369
364
370
365 /***** CSS FORM ******/
371 /***** CSS FORM ******/
366 .tabular p{
372 .tabular p{
General Comments 0
You need to be logged in to leave comments. Login now