1 | /* |
---|
2 | Copyright (c) 2006 Spip! Inc. All rights reserved. |
---|
3 | version 0.9.0 |
---|
4 | */ |
---|
5 | |
---|
6 | SPIP.namespace("SPIP.widget"); |
---|
7 | |
---|
8 | /** |
---|
9 | * @class |
---|
10 | * <p>SPIP.widget.DateMath is used for simple date manipulation. The class is a static utility |
---|
11 | * used for adding, subtracting, and comparing dates.</p> |
---|
12 | */ |
---|
13 | SPIP.widget.DateMath = new function() { |
---|
14 | |
---|
15 | /** |
---|
16 | * Constant field representing Day |
---|
17 | * @type String |
---|
18 | */ |
---|
19 | this.DAY = "D"; |
---|
20 | |
---|
21 | /** |
---|
22 | * Constant field representing Week |
---|
23 | * @type String |
---|
24 | */ |
---|
25 | this.WEEK = "W"; |
---|
26 | |
---|
27 | /** |
---|
28 | * Constant field representing Year |
---|
29 | * @type String |
---|
30 | */ |
---|
31 | this.YEAR = "Y"; |
---|
32 | |
---|
33 | /** |
---|
34 | * Constant field representing Month |
---|
35 | * @type String |
---|
36 | */ |
---|
37 | this.MONTH = "M"; |
---|
38 | |
---|
39 | /** |
---|
40 | * Constant field representing one day, in milliseconds |
---|
41 | * @type Integer |
---|
42 | */ |
---|
43 | this.ONE_DAY_MS = 1000*60*60*24; |
---|
44 | |
---|
45 | /** |
---|
46 | * Adds the specified amount of time to the this instance. |
---|
47 | * @param {Date} date The JavaScript Date object to perform addition on |
---|
48 | * @param {string} field The this field constant to be used for performing addition. |
---|
49 | * @param {Integer} amount The number of units (measured in the field constant) to add to the date. |
---|
50 | */ |
---|
51 | this.add = function(date, field, amount) { |
---|
52 | var d = new Date(date.getTime()); |
---|
53 | switch (field) |
---|
54 | { |
---|
55 | case this.MONTH: |
---|
56 | var newMonth = date.getMonth() + amount; |
---|
57 | var years = 0; |
---|
58 | |
---|
59 | |
---|
60 | if (newMonth < 0) { |
---|
61 | while (newMonth < 0) |
---|
62 | { |
---|
63 | newMonth += 12; |
---|
64 | years -= 1; |
---|
65 | } |
---|
66 | } else if (newMonth > 11) { |
---|
67 | while (newMonth > 11) |
---|
68 | { |
---|
69 | newMonth -= 12; |
---|
70 | years += 1; |
---|
71 | } |
---|
72 | } |
---|
73 | |
---|
74 | d.setMonth(newMonth); |
---|
75 | d.setFullYear(date.getFullYear() + years); |
---|
76 | break; |
---|
77 | case this.DAY: |
---|
78 | d.setDate(date.getDate() + amount); |
---|
79 | break; |
---|
80 | case this.YEAR: |
---|
81 | d.setFullYear(date.getFullYear() + amount); |
---|
82 | break; |
---|
83 | case this.WEEK: |
---|
84 | d.setDate(date.getDate() + 7); |
---|
85 | break; |
---|
86 | } |
---|
87 | return d; |
---|
88 | }; |
---|
89 | |
---|
90 | /** |
---|
91 | * Subtracts the specified amount of time from the this instance. |
---|
92 | * @param {Date} date The JavaScript Date object to perform subtraction on |
---|
93 | * @param {Integer} field The this field constant to be used for performing subtraction. |
---|
94 | * @param {Integer} amount The number of units (measured in the field constant) to subtract from the date. |
---|
95 | */ |
---|
96 | this.subtract = function(date, field, amount) { |
---|
97 | return this.add(date, field, (amount*-1)); |
---|
98 | }; |
---|
99 | |
---|
100 | /** |
---|
101 | * Determines whether a given date is before another date on the calendar. |
---|
102 | * @param {Date} date The Date object to compare with the compare argument |
---|
103 | * @param {Date} compareTo The Date object to use for the comparison |
---|
104 | * @return {Boolean} true if the date occurs before the compared date; false if not. |
---|
105 | */ |
---|
106 | this.before = function(date, compareTo) { |
---|
107 | var ms = compareTo.getTime(); |
---|
108 | if (date.getTime() < ms) { |
---|
109 | return true; |
---|
110 | } else { |
---|
111 | return false; |
---|
112 | } |
---|
113 | }; |
---|
114 | |
---|
115 | /** |
---|
116 | * Determines whether a given date is after another date on the calendar. |
---|
117 | * @param {Date} date The Date object to compare with the compare argument |
---|
118 | * @param {Date} compareTo The Date object to use for the comparison |
---|
119 | * @return {Boolean} true if the date occurs after the compared date; false if not. |
---|
120 | */ |
---|
121 | this.after = function(date, compareTo) { |
---|
122 | var ms = compareTo.getTime(); |
---|
123 | if (date.getTime() > ms) { |
---|
124 | return true; |
---|
125 | } else { |
---|
126 | return false; |
---|
127 | } |
---|
128 | }; |
---|
129 | |
---|
130 | /** |
---|
131 | * Retrieves a JavaScript Date object representing January 1 of any given year. |
---|
132 | * @param {Integer} calendarYear The calendar year for which to retrieve January 1 |
---|
133 | * @return {Date} January 1 of the calendar year specified. |
---|
134 | */ |
---|
135 | this.getJan1 = function(calendarYear) { |
---|
136 | return new Date(calendarYear,0,1); |
---|
137 | }; |
---|
138 | |
---|
139 | /** |
---|
140 | * Calculates the number of days the specified date is from January 1 of the specified calendar year. |
---|
141 | * Passing January 1 to this function would return an offset value of zero. |
---|
142 | * @param {Date} date The JavaScript date for which to find the offset |
---|
143 | * @param {Integer} calendarYear The calendar year to use for determining the offset |
---|
144 | * @return {Integer} The number of days since January 1 of the given year |
---|
145 | */ |
---|
146 | this.getDayOffset = function(date, calendarYear) { |
---|
147 | var beginYear = this.getJan1(calendarYear); // Find the start of the year. This will be in week 1. |
---|
148 | |
---|
149 | // Find the number of days the passed in date is away from the calendar year start |
---|
150 | var dayOffset = Math.ceil((date.getTime()-beginYear.getTime()) / this.ONE_DAY_MS); |
---|
151 | return dayOffset; |
---|
152 | }; |
---|
153 | |
---|
154 | /** |
---|
155 | * Calculates the week number for the given date. This function assumes that week 1 is the |
---|
156 | * week in which January 1 appears, regardless of whether the week consists of a full 7 days. |
---|
157 | * The calendar year can be specified to help find what a the week number would be for a given |
---|
158 | * date if the date overlaps years. For instance, a week may be considered week 1 of 2005, or |
---|
159 | * week 53 of 2004. Specifying the optional calendarYear allows one to make this distinction |
---|
160 | * easily. |
---|
161 | * @param {Date} date The JavaScript date for which to find the week number |
---|
162 | * @param {Integer} calendarYear OPTIONAL - The calendar year to use for determining the week number. Default is |
---|
163 | * the calendar year of parameter "date". |
---|
164 | * @param {Integer} weekStartsOn OPTIONAL - The integer (0-6) representing which day a week begins on. Default is 0 (for Sunday). |
---|
165 | * @return {Integer} The week number of the given date. |
---|
166 | */ |
---|
167 | this.getWeekNumber = function(date, calendarYear, weekStartsOn) { |
---|
168 | if (! weekStartsOn) { |
---|
169 | weekStartsOn = 0; |
---|
170 | } |
---|
171 | if (! calendarYear) { |
---|
172 | calendarYear = date.getFullYear(); |
---|
173 | } |
---|
174 | var weekNum = -1; |
---|
175 | |
---|
176 | var jan1 = this.getJan1(calendarYear); |
---|
177 | var jan1DayOfWeek = jan1.getDay(); |
---|
178 | |
---|
179 | var month = date.getMonth(); |
---|
180 | var day = date.getDate(); |
---|
181 | var year = date.getFullYear(); |
---|
182 | |
---|
183 | var dayOffset = this.getDayOffset(date, calendarYear); // Days since Jan 1, Calendar Year |
---|
184 | |
---|
185 | if (dayOffset < 0 && dayOffset >= (-1 * jan1DayOfWeek)) { |
---|
186 | weekNum = 1; |
---|
187 | } else { |
---|
188 | weekNum = 1; |
---|
189 | var testDate = this.getJan1(calendarYear); |
---|
190 | |
---|
191 | while (testDate.getTime() < date.getTime() && testDate.getFullYear() == calendarYear) { |
---|
192 | weekNum += 1; |
---|
193 | testDate = this.add(testDate, this.WEEK, 1); |
---|
194 | } |
---|
195 | } |
---|
196 | |
---|
197 | return weekNum; |
---|
198 | }; |
---|
199 | |
---|
200 | /** |
---|
201 | * Determines if a given week overlaps two different years. |
---|
202 | * @param {Date} weekBeginDate The JavaScript Date representing the first day of the week. |
---|
203 | * @return {Boolean} true if the date overlaps two different years. |
---|
204 | */ |
---|
205 | this.isYearOverlapWeek = function(weekBeginDate) { |
---|
206 | var overlaps = false; |
---|
207 | var nextWeek = this.add(weekBeginDate, this.DAY, 6); |
---|
208 | if (nextWeek.getFullYear() != weekBeginDate.getFullYear()) { |
---|
209 | overlaps = true; |
---|
210 | } |
---|
211 | return overlaps; |
---|
212 | }; |
---|
213 | |
---|
214 | /** |
---|
215 | * Determines if a given week overlaps two different months. |
---|
216 | * @param {Date} weekBeginDate The JavaScript Date representing the first day of the week. |
---|
217 | * @return {Boolean} true if the date overlaps two different months. |
---|
218 | */ |
---|
219 | this.isMonthOverlapWeek = function(weekBeginDate) { |
---|
220 | var overlaps = false; |
---|
221 | var nextWeek = this.add(weekBeginDate, this.DAY, 6); |
---|
222 | if (nextWeek.getMonth() != weekBeginDate.getMonth()) { |
---|
223 | overlaps = true; |
---|
224 | } |
---|
225 | return overlaps; |
---|
226 | }; |
---|
227 | |
---|
228 | /** |
---|
229 | * Gets the first day of a month containing a given date. |
---|
230 | * @param {Date} date The JavaScript Date used to calculate the month start |
---|
231 | * @return {Date} The JavaScript Date representing the first day of the month |
---|
232 | */ |
---|
233 | this.findMonthStart = function(date) { |
---|
234 | var start = new Date(date.getFullYear(), date.getMonth(), 1); |
---|
235 | return start; |
---|
236 | }; |
---|
237 | |
---|
238 | /** |
---|
239 | * Gets the last day of a month containing a given date. |
---|
240 | * @param {Date} date The JavaScript Date used to calculate the month end |
---|
241 | * @return {Date} The JavaScript Date representing the last day of the month |
---|
242 | */ |
---|
243 | this.findMonthEnd = function(date) { |
---|
244 | var start = this.findMonthStart(date); |
---|
245 | var nextMonth = this.add(start, this.MONTH, 1); |
---|
246 | var end = this.subtract(nextMonth, this.DAY, 1); |
---|
247 | return end; |
---|
248 | }; |
---|
249 | |
---|
250 | /** |
---|
251 | * Clears the time fields from a given date, effectively setting the time to midnight. |
---|
252 | * @param {Date} date The JavaScript Date for which the time fields will be cleared |
---|
253 | * @return {Date} The JavaScript Date cleared of all time fields |
---|
254 | */ |
---|
255 | this.clearTime = function(date) { |
---|
256 | date.setHours(0,0,0,0); |
---|
257 | return date; |
---|
258 | }; |
---|
259 | } |
---|
260 | |
---|
261 | SPIP.namespace("SPIP.widget"); |
---|
262 | |
---|
263 | /** |
---|
264 | * @class |
---|
265 | * <p>Calendar_Core is the base class for the Calendar widget. In its most basic |
---|
266 | * implementation, it has the ability to render a calendar widget on the page |
---|
267 | * that can be manipulated to select a single date, move back and forth between |
---|
268 | * months and years.</p> |
---|
269 | * <p>To construct the placeholder for the calendar widget, the code is as |
---|
270 | * follows: |
---|
271 | * <xmp> |
---|
272 | * <div id="cal1Container"></div> |
---|
273 | * </xmp> |
---|
274 | * Note that the table can be replaced with any kind of element. |
---|
275 | * </p> |
---|
276 | * @constructor |
---|
277 | * @param {String} id The id of the table element that will represent the calendar widget |
---|
278 | * @param {String} containerId The id of the container element that will contain the calendar table |
---|
279 | * @param {String} monthyear The month/year string used to set the current calendar page |
---|
280 | * @param {String} selected A string of date values formatted using the date parser. The built-in |
---|
281 | default date format is MM/DD/YYYY. Ranges are defined using |
---|
282 | MM/DD/YYYY-MM/DD/YYYY. Month/day combinations are defined using MM/DD. |
---|
283 | Any combination of these can be combined by delimiting the string with |
---|
284 | commas. Example: "12/24/2005,12/25,1/18/2006-1/21/2006" |
---|
285 | */ |
---|
286 | SPIP.widget.Calendar_Core = function(id, containerId, monthyear, selected) { |
---|
287 | if (arguments.length > 0) |
---|
288 | { |
---|
289 | this.init(id, containerId, monthyear, selected); |
---|
290 | } |
---|
291 | } |
---|
292 | |
---|
293 | /** |
---|
294 | * Type constant used for renderers to represent an individual date (M/D/Y) |
---|
295 | * @final |
---|
296 | * @type String |
---|
297 | */ |
---|
298 | SPIP.widget.Calendar_Core.DATE = "D"; |
---|
299 | |
---|
300 | /** |
---|
301 | * Type constant used for renderers to represent an individual date across any year (M/D) |
---|
302 | * @final |
---|
303 | * @type String |
---|
304 | */ |
---|
305 | SPIP.widget.Calendar_Core.MONTH_DAY = "MD"; |
---|
306 | |
---|
307 | /** |
---|
308 | * Type constant used for renderers to represent a weekday |
---|
309 | * @final |
---|
310 | * @type String |
---|
311 | */ |
---|
312 | SPIP.widget.Calendar_Core.WEEKDAY = "WD"; |
---|
313 | |
---|
314 | /** |
---|
315 | * Type constant used for renderers to represent a range of individual dates (M/D/Y-M/D/Y) |
---|
316 | * @final |
---|
317 | * @type String |
---|
318 | */ |
---|
319 | SPIP.widget.Calendar_Core.RANGE = "R"; |
---|
320 | |
---|
321 | /** |
---|
322 | * Type constant used for renderers to represent a month across any year |
---|
323 | * @final |
---|
324 | * @type String |
---|
325 | */ |
---|
326 | SPIP.widget.Calendar_Core.MONTH = "M"; |
---|
327 | |
---|
328 | /** |
---|
329 | * Constant that represents the total number of date cells that are displayed in a given month |
---|
330 | * including |
---|
331 | * @final |
---|
332 | * @type Integer |
---|
333 | */ |
---|
334 | SPIP.widget.Calendar_Core.DISPLAY_DAYS = 42; |
---|
335 | |
---|
336 | /** |
---|
337 | * Constant used for halting the execution of the remainder of the render stack |
---|
338 | * @final |
---|
339 | * @type String |
---|
340 | */ |
---|
341 | SPIP.widget.Calendar_Core.STOP_RENDER = "S"; |
---|
342 | |
---|
343 | SPIP.widget.Calendar_Core.prototype = { |
---|
344 | |
---|
345 | /** |
---|
346 | * The configuration object used to set up the calendars various locale and style options. |
---|
347 | * @type Object |
---|
348 | */ |
---|
349 | Config : null, |
---|
350 | |
---|
351 | /** |
---|
352 | * The parent CalendarGroup, only to be set explicitly by the parent group |
---|
353 | * @type CalendarGroup |
---|
354 | */ |
---|
355 | parent : null, |
---|
356 | |
---|
357 | /** |
---|
358 | * The index of this item in the parent group |
---|
359 | * @type Integer |
---|
360 | */ |
---|
361 | index : -1, |
---|
362 | |
---|
363 | /** |
---|
364 | * The collection of calendar table cells |
---|
365 | * @type HTMLTableCellElement[] |
---|
366 | */ |
---|
367 | cells : null, |
---|
368 | |
---|
369 | /** |
---|
370 | * The collection of calendar week header cells |
---|
371 | * @type HTMLTableCellElement[] |
---|
372 | */ |
---|
373 | weekHeaderCells : null, |
---|
374 | |
---|
375 | /** |
---|
376 | * The collection of calendar week footer cells |
---|
377 | * @type HTMLTableCellElement[] |
---|
378 | */ |
---|
379 | weekFooterCells : null, |
---|
380 | |
---|
381 | /** |
---|
382 | * The collection of calendar cell dates that is parallel to the cells collection. The array contains dates field arrays in the format of [YYYY, M, D]. |
---|
383 | * @type Array[](Integer[]) |
---|
384 | */ |
---|
385 | cellDates : null, |
---|
386 | |
---|
387 | /** |
---|
388 | * The id that uniquely identifies this calendar. This id should match the id of the placeholder element on the page. |
---|
389 | * @type String |
---|
390 | */ |
---|
391 | id : null, |
---|
392 | |
---|
393 | /** |
---|
394 | * The DOM element reference that points to this calendar's container element. The calendar will be inserted into this element when the shell is rendered. |
---|
395 | * @type HTMLElement |
---|
396 | */ |
---|
397 | oDomContainer : null, |
---|
398 | |
---|
399 | /** |
---|
400 | * A Date object representing today's date. |
---|
401 | * @type Date |
---|
402 | */ |
---|
403 | today : null, |
---|
404 | |
---|
405 | /** |
---|
406 | * The list of render functions, along with required parameters, used to render cells. |
---|
407 | * @type Array[] |
---|
408 | */ |
---|
409 | renderStack : null, |
---|
410 | |
---|
411 | /** |
---|
412 | * A copy of the initial render functions created before rendering. |
---|
413 | * @type Array |
---|
414 | * @private |
---|
415 | */ |
---|
416 | _renderStack : null, |
---|
417 | |
---|
418 | /** |
---|
419 | * A Date object representing the month/year that the calendar is currently set to |
---|
420 | * @type Date |
---|
421 | */ |
---|
422 | pageDate : null, |
---|
423 | |
---|
424 | /** |
---|
425 | * A Date object representing the month/year that the calendar is initially set to |
---|
426 | * @type Date |
---|
427 | * @private |
---|
428 | */ |
---|
429 | _pageDate : null, |
---|
430 | |
---|
431 | /** |
---|
432 | * A Date object representing the minimum selectable date |
---|
433 | * @type Date |
---|
434 | */ |
---|
435 | minDate : null, |
---|
436 | |
---|
437 | /** |
---|
438 | * A Date object representing the maximum selectable date |
---|
439 | * @type Date |
---|
440 | */ |
---|
441 | maxDate : null, |
---|
442 | |
---|
443 | /** |
---|
444 | * The list of currently selected dates. The data format for this local collection is |
---|
445 | * an array of date field arrays, e.g: |
---|
446 | * [ |
---|
447 | * [2004,5,25], |
---|
448 | * [2004,5,26] |
---|
449 | * ] |
---|
450 | * @type Array[](Integer[]) |
---|
451 | */ |
---|
452 | selectedDates : null, |
---|
453 | |
---|
454 | /** |
---|
455 | * The private list of initially selected dates. |
---|
456 | * @type Array |
---|
457 | * @private |
---|
458 | */ |
---|
459 | _selectedDates : null, |
---|
460 | |
---|
461 | /** |
---|
462 | * A boolean indicating whether the shell of the calendar has already been rendered to the page |
---|
463 | * @type Boolean |
---|
464 | */ |
---|
465 | shellRendered : false, |
---|
466 | |
---|
467 | /** |
---|
468 | * The HTML table element that represents this calendar |
---|
469 | * @type HTMLTableElement |
---|
470 | */ |
---|
471 | table : null, |
---|
472 | |
---|
473 | /** |
---|
474 | * The HTML cell element that represents the main header cell TH used in the calendar table |
---|
475 | * @type HTMLTableCellElement |
---|
476 | */ |
---|
477 | headerCell : null |
---|
478 | |
---|
479 | |
---|
480 | }; |
---|
481 | |
---|
482 | |
---|
483 | |
---|
484 | /** |
---|
485 | * Initializes the calendar widget. This method must be called by all subclass constructors. |
---|
486 | * @param {String} id The id of the table element that will represent the calendar widget |
---|
487 | * @param {String} containerId The id of the container element that will contain the calendar table |
---|
488 | * @param {String} monthyear The month/year string used to set the current calendar page |
---|
489 | * @param {String} selected A string of date values formatted using the date parser. The built-in |
---|
490 | default date format is MM/DD/YYYY. Ranges are defined using |
---|
491 | MM/DD/YYYY-MM/DD/YYYY. Month/day combinations are defined using MM/DD. |
---|
492 | Any combination of these can be combined by delimiting the string with |
---|
493 | commas. Example: "12/24/2005,12/25,1/18/2006-1/21/2006" |
---|
494 | */ |
---|
495 | SPIP.widget.Calendar_Core.prototype.init = function(id, containerId, monthyear, selected) { |
---|
496 | this.setupConfig(); |
---|
497 | |
---|
498 | this.id = id; |
---|
499 | |
---|
500 | this.cellDates = new Array(); |
---|
501 | |
---|
502 | this.cells = new Array(); |
---|
503 | |
---|
504 | this.renderStack = new Array(); |
---|
505 | this._renderStack = new Array(); |
---|
506 | |
---|
507 | this.oDomContainer = document.getElementById(containerId); |
---|
508 | |
---|
509 | this.today = new Date(); |
---|
510 | SPIP.widget.DateMath.clearTime(this.today); |
---|
511 | |
---|
512 | var month; |
---|
513 | var year; |
---|
514 | |
---|
515 | if (monthyear) |
---|
516 | { |
---|
517 | var aMonthYear = monthyear.split(this.Locale.DATE_FIELD_DELIMITER); |
---|
518 | month = parseInt(aMonthYear[this.Locale.MY_MONTH_POSITION-1]); |
---|
519 | year = parseInt(aMonthYear[this.Locale.MY_YEAR_POSITION-1]); |
---|
520 | } else { |
---|
521 | month = this.today.getMonth()+1; |
---|
522 | year = this.today.getFullYear(); |
---|
523 | } |
---|
524 | |
---|
525 | this.pageDate = new Date(year, month-1, 1); |
---|
526 | this._pageDate = new Date(this.pageDate.getTime()); |
---|
527 | |
---|
528 | if (selected) |
---|
529 | { |
---|
530 | this.selectedDates = this._parseDates(selected); |
---|
531 | this._selectedDates = this.selectedDates.concat(); |
---|
532 | } else { |
---|
533 | this.selectedDates = new Array(); |
---|
534 | this._selectedDates = new Array(); |
---|
535 | } |
---|
536 | |
---|
537 | this.wireDefaultEvents(); |
---|
538 | this.wireCustomEvents(); |
---|
539 | }; |
---|
540 | |
---|
541 | |
---|
542 | /** |
---|
543 | * Wires the local DOM events for the Calendar, including cell selection, hover, and |
---|
544 | * default navigation that is used for moving back and forth between calendar pages. |
---|
545 | */ |
---|
546 | SPIP.widget.Calendar_Core.prototype.wireDefaultEvents = function() { |
---|
547 | |
---|
548 | /** |
---|
549 | * The default event function that is attached to a date link within a calendar cell |
---|
550 | * when the calendar is rendered. |
---|
551 | * @param e The event |
---|
552 | * @param cal A reference to the calendar passed by the Event utility |
---|
553 | */ |
---|
554 | this.doSelectCell = function(e, cal) { |
---|
555 | var cell = this; |
---|
556 | var index = cell.index; |
---|
557 | |
---|
558 | if (cal.Options.MULTI_SELECT) { |
---|
559 | var link = cell.getElementsByTagName("A")[0]; |
---|
560 | link.blur(); |
---|
561 | |
---|
562 | var cellDate = cal.cellDates[index]; |
---|
563 | var cellDateIndex = cal._indexOfSelectedFieldArray(cellDate); |
---|
564 | |
---|
565 | if (cellDateIndex > -1) |
---|
566 | { |
---|
567 | cal.deselectCell(index); |
---|
568 | } else { |
---|
569 | cal.selectCell(index); |
---|
570 | } |
---|
571 | |
---|
572 | } else { |
---|
573 | var link = cell.getElementsByTagName("A")[0]; |
---|
574 | link.blur() |
---|
575 | |
---|
576 | cal.selectCell(index); |
---|
577 | } |
---|
578 | } |
---|
579 | |
---|
580 | /** |
---|
581 | * The event that is executed when the user hovers over a cell |
---|
582 | * @param e The event |
---|
583 | * @param cal A reference to the calendar passed by the Event utility |
---|
584 | * @private |
---|
585 | */ |
---|
586 | this.doCellMouseOver = function(e, cal) { |
---|
587 | SPIP.widget.Calendar_Core.prependCssClass(this, cal.Style.CSS_CELL_HOVER); |
---|
588 | } |
---|
589 | |
---|
590 | /** |
---|
591 | * The event that is executed when the user moves the mouse out of a cell |
---|
592 | * @param e The event |
---|
593 | * @param cal A reference to the calendar passed by the Event utility |
---|
594 | * @private |
---|
595 | */ |
---|
596 | this.doCellMouseOut = function(e, cal) { |
---|
597 | SPIP.widget.Calendar_Core.removeCssClass(this, cal.Style.CSS_CELL_HOVER); |
---|
598 | } |
---|
599 | |
---|
600 | /** |
---|
601 | * A wrapper event that executes the nextMonth method through a DOM event |
---|
602 | * @param e The event |
---|
603 | * @param cal A reference to the calendar passed by the Event utility |
---|
604 | * @private |
---|
605 | */ |
---|
606 | this.doNextMonth = function(e, cal) { |
---|
607 | cal.nextMonth(); |
---|
608 | } |
---|
609 | |
---|
610 | /** |
---|
611 | * A wrapper event that executes the previousMonth method through a DOM event |
---|
612 | * @param e The event |
---|
613 | * @param cal A reference to the calendar passed by the Event utility |
---|
614 | * @private |
---|
615 | */ |
---|
616 | this.doPreviousMonth = function(e, cal) { |
---|
617 | cal.previousMonth(); |
---|
618 | } |
---|
619 | } |
---|
620 | |
---|
621 | /** |
---|
622 | * This function can be extended by subclasses to attach additional DOM events to |
---|
623 | * the calendar. By default, this method is unimplemented. |
---|
624 | */ |
---|
625 | SPIP.widget.Calendar_Core.prototype.wireCustomEvents = function() { } |
---|
626 | |
---|
627 | /** |
---|
628 | This method is called to initialize the widget configuration variables, including |
---|
629 | style, localization, and other display and behavioral options. |
---|
630 | <p>Config: Container for the CSS style configuration variables.</p> |
---|
631 | <p><strong>Config.Style</strong> - Defines the CSS classes used for different calendar elements</p> |
---|
632 | <blockquote> |
---|
633 | <div><em>CSS_CALENDAR</em> : Container table</div> |
---|
634 | <div><em>CSS_HEADER</em> : </div> |
---|
635 | <div><em>CSS_HEADER_TEXT</em> : Calendar header</div> |
---|
636 | <div><em>CSS_FOOTER</em> : Calendar footer</div> |
---|
637 | <div><em>CSS_CELL</em> : Calendar day cell</div> |
---|
638 | <div><em>CSS_CELL_OOM</em> : Calendar OOM (out of month) cell</div> |
---|
639 | <div><em>CSS_CELL_SELECTED</em> : Calendar selected cell</div> |
---|
640 | <div><em>CSS_CELL_RESTRICTED</em> : Calendar restricted cell</div> |
---|
641 | <div><em>CSS_CELL_TODAY</em> : Calendar cell for today's date</div> |
---|
642 | <div><em>CSS_ROW_HEADER</em> : The cell preceding a row (used for week number by default)</div> |
---|
643 | <div><em>CSS_ROW_FOOTER</em> : The cell following a row (not implemented by default)</div> |
---|
644 | <div><em>CSS_WEEKDAY_CELL</em> : The cells used for labeling weekdays</div> |
---|
645 | <div><em>CSS_WEEKDAY_ROW</em> : The row containing the weekday label cells</div> |
---|
646 | <div><em>CSS_BORDER</em> : The border style used for the default UED rendering</div> |
---|
647 | <div><em>CSS_CONTAINER</em> : Special container class used to properly adjust the sizing and float</div> |
---|
648 | <div><em>CSS_NAV_LEFT</em> : Left navigation arrow</div> |
---|
649 | <div><em>CSS_NAV_RIGHT</em> : Right navigation arrow</div> |
---|
650 | <div><em>CSS_CELL_TOP</em> : Outlying cell along the top row</div> |
---|
651 | <div><em>CSS_CELL_LEFT</em> : Outlying cell along the left row</div> |
---|
652 | <div><em>CSS_CELL_RIGHT</em> : Outlying cell along the right row</div> |
---|
653 | <div><em>CSS_CELL_BOTTOM</em> : Outlying cell along the bottom row</div> |
---|
654 | <div><em>CSS_CELL_HOVER</em> : Cell hover style</div> |
---|
655 | <div><em>CSS_CELL_HIGHLIGHT1</em> : Highlight color 1 for styling cells</div> |
---|
656 | <div><em>CSS_CELL_HIGHLIGHT2</em> : Highlight color 2 for styling cells</div> |
---|
657 | <div><em>CSS_CELL_HIGHLIGHT3</em> : Highlight color 3 for styling cells</div> |
---|
658 | <div><em>CSS_CELL_HIGHLIGHT4</em> : Highlight color 4 for styling cells</div> |
---|
659 | |
---|
660 | </blockquote> |
---|
661 | <p><strong>Config.Locale</strong> - Defines the locale string arrays used for localization</p> |
---|
662 | <blockquote> |
---|
663 | <div><em>MONTHS_SHORT</em> : Array of 12 months in short format ("Jan", "Feb", etc.)</div> |
---|
664 | <div><em>MONTHS_LONG</em> : Array of 12 months in short format ("Jan", "Feb", etc.)</div> |
---|
665 | <div><em>WEEKDAYS_1CHAR</em> : Array of 7 days in 1-character format ("S", "M", etc.)</div> |
---|
666 | <div><em>WEEKDAYS_SHORT</em> : Array of 7 days in short format ("Su", "Mo", etc.)</div> |
---|
667 | <div><em>WEEKDAYS_MEDIUM</em> : Array of 7 days in medium format ("Sun", "Mon", etc.)</div> |
---|
668 | <div><em>WEEKDAYS_LONG</em> : Array of 7 days in long format ("Sunday", "Monday", etc.)</div> |
---|
669 | <div><em>DATE_DELIMITER</em> : The value used to delimit series of multiple dates (Default: ",")</div> |
---|
670 | <div><em>DATE_FIELD_DELIMITER</em> : The value used to delimit date fields (Default: "/")</div> |
---|
671 | <div><em>DATE_RANGE_DELIMITER</em> : The value used to delimit date fields (Default: "-")</div> |
---|
672 | <div><em>MY_MONTH_POSITION</em> : The value used to determine the position of the month in a month/year combo (e.g. 12/2005) (Default: 1)</div> |
---|
673 | <div><em>MY_YEAR_POSITION</em> : The value used to determine the position of the year in a month/year combo (e.g. 12/2005) (Default: 2)</div> |
---|
674 | <div><em>MD_MONTH_POSITION</em> : The value used to determine the position of the month in a month/day combo (e.g. 12/25) (Default: 1)</div> |
---|
675 | <div><em>MD_DAY_POSITION</em> : The value used to determine the position of the day in a month/day combo (e.g. 12/25) (Default: 2)</div> |
---|
676 | <div><em>MDY_MONTH_POSITION</em> : The value used to determine the position of the month in a month/day/year combo (e.g. 12/25/2005) (Default: 1)</div> |
---|
677 | <div><em>MDY_DAY_POSITION</em> : The value used to determine the position of the day in a month/day/year combo (e.g. 12/25/2005) (Default: 2)</div> |
---|
678 | <div><em>MDY_YEAR_POSITION</em> : The value used to determine the position of the year in a month/day/year combo (e.g. 12/25/2005) (Default: 3)</div> |
---|
679 | </blockquote> |
---|
680 | <p><strong>Config.Options</strong> - Defines other configurable calendar widget options</p> |
---|
681 | <blockquote> |
---|
682 | <div><em>SHOW_WEEKDAYS</em> : Boolean, determines whether to display the weekday headers (defaults to true)</div> |
---|
683 | <div><em>LOCALE_MONTHS</em> : Array, points to the desired Config.Locale array (defaults to Config.Locale.MONTHS_LONG)</div> |
---|
684 | <div><em>LOCALE_WEEKDAYS</em> : Array, points to the desired Config.Locale array (defaults to Config.Locale.WEEKDAYS_SHORT)</div> |
---|
685 | <div><em>START_WEEKDAY</em> : Integer, 0-6, representing the day that a week begins on</div> |
---|
686 | <div><em>SHOW_WEEK_HEADER</em> : Boolean, determines whether to display row headers</div> |
---|
687 | <div><em>SHOW_WEEK_FOOTER</em> : Boolean, determines whether to display row footers</div> |
---|
688 | <div><em>HIDE_BLANK_WEEKS</em> : Boolean, determines whether to hide extra weeks that are completely OOM</div> |
---|
689 | <div><em>NAV_ARROW_LEFT</em> : String, the image path used for the left navigation arrow</div> |
---|
690 | <div><em>NAV_ARROW_RIGHT</em> : String, the image path used for the right navigation arrow</div> |
---|
691 | </blockquote> |
---|
692 | */ |
---|
693 | SPIP.widget.Calendar_Core.prototype.setupConfig = function() { |
---|
694 | /** |
---|
695 | * Container for the CSS style configuration variables. |
---|
696 | */ |
---|
697 | this.Config = new Object(); |
---|
698 | |
---|
699 | this.Config.Style = { |
---|
700 | // Style variables |
---|
701 | CSS_ROW_HEADER: "calrowhead", |
---|
702 | CSS_ROW_FOOTER: "calrowfoot", |
---|
703 | CSS_CELL : "calcell", |
---|
704 | CSS_CELL_SELECTED : "selected", |
---|
705 | CSS_CELL_RESTRICTED : "restricted", |
---|
706 | CSS_CELL_TODAY : "today", |
---|
707 | CSS_CELL_OOM : "oom", |
---|
708 | CSS_HEADER : "calheader", |
---|
709 | CSS_HEADER_TEXT : "calhead", |
---|
710 | CSS_WEEKDAY_CELL : "calweekdaycell", |
---|
711 | CSS_WEEKDAY_ROW : "calweekdayrow", |
---|
712 | CSS_FOOTER : "calfoot", |
---|
713 | CSS_CALENDAR : "calendar", |
---|
714 | CSS_BORDER : "calbordered", |
---|
715 | CSS_CONTAINER : "calcontainer", |
---|
716 | CSS_NAV_LEFT : "calnavleft", |
---|
717 | CSS_NAV_RIGHT : "calnavright", |
---|
718 | CSS_CELL_TOP : "calcelltop", |
---|
719 | CSS_CELL_LEFT : "calcellleft", |
---|
720 | CSS_CELL_RIGHT : "calcellright", |
---|
721 | CSS_CELL_BOTTOM : "calcellbottom", |
---|
722 | CSS_CELL_HOVER : "calcellhover", |
---|
723 | CSS_CELL_HIGHLIGHT1 : "highlight1", |
---|
724 | CSS_CELL_HIGHLIGHT2 : "highlight2", |
---|
725 | CSS_CELL_HIGHLIGHT3 : "highlight3", |
---|
726 | CSS_CELL_HIGHLIGHT4 : "highlight4" |
---|
727 | }; |
---|
728 | |
---|
729 | this.Style = this.Config.Style; |
---|
730 | |
---|
731 | this.Config.Locale = { |
---|
732 | // Locale definition |
---|
733 | MONTHS_SHORT : ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], |
---|
734 | MONTHS_LONG : ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], |
---|
735 | WEEKDAYS_1CHAR : ["S", "M", "T", "W", "T", "F", "S"], |
---|
736 | WEEKDAYS_SHORT : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], |
---|
737 | WEEKDAYS_MEDIUM : ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], |
---|
738 | WEEKDAYS_LONG : ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], |
---|
739 | DATE_DELIMITER : ",", |
---|
740 | DATE_FIELD_DELIMITER : "/", |
---|
741 | DATE_RANGE_DELIMITER : "-", |
---|
742 | MY_MONTH_POSITION : 1, |
---|
743 | MY_YEAR_POSITION : 2, |
---|
744 | MD_MONTH_POSITION : 1, |
---|
745 | MD_DAY_POSITION : 2, |
---|
746 | MDY_MONTH_POSITION : 1, |
---|
747 | MDY_DAY_POSITION : 2, |
---|
748 | MDY_YEAR_POSITION : 3 |
---|
749 | }; |
---|
750 | |
---|
751 | this.Locale = this.Config.Locale; |
---|
752 | |
---|
753 | this.Config.Options = { |
---|
754 | // Configuration variables |
---|
755 | MULTI_SELECT : false, |
---|
756 | SHOW_WEEKDAYS : true, |
---|
757 | START_WEEKDAY : 0, |
---|
758 | SHOW_WEEK_HEADER : false, |
---|
759 | SHOW_WEEK_FOOTER : false, |
---|
760 | HIDE_BLANK_WEEKS : false, |
---|
761 | NAV_ARROW_LEFT : "img/callt.gif", |
---|
762 | NAV_ARROW_RIGHT : "img/calrt.gif", |
---|
763 | IMG_CLOSE : "img/calx.gif", |
---|
764 | IMG_CLOSE_CLASS : "close-icon" |
---|
765 | }; |
---|
766 | |
---|
767 | this.Options = this.Config.Options; |
---|
768 | |
---|
769 | this.customConfig(); |
---|
770 | |
---|
771 | if (! this.Options.LOCALE_MONTHS) { |
---|
772 | this.Options.LOCALE_MONTHS=this.Locale.MONTHS_LONG; |
---|
773 | } |
---|
774 | if (! this.Options.LOCALE_WEEKDAYS) { |
---|
775 | this.Options.LOCALE_WEEKDAYS=this.Locale.WEEKDAYS_SHORT; |
---|
776 | } |
---|
777 | |
---|
778 | // If true, reconfigure weekday arrays to place Mondays first |
---|
779 | if (this.Options.START_WEEKDAY > 0) |
---|
780 | { |
---|
781 | for (var w=0;w<this.Options.START_WEEKDAY;++w) { |
---|
782 | this.Locale.WEEKDAYS_SHORT.push(this.Locale.WEEKDAYS_SHORT.shift()); |
---|
783 | this.Locale.WEEKDAYS_MEDIUM.push(this.Locale.WEEKDAYS_MEDIUM.shift()); |
---|
784 | this.Locale.WEEKDAYS_LONG.push(this.Locale.WEEKDAYS_LONG.shift()); |
---|
785 | } |
---|
786 | } |
---|
787 | }; |
---|
788 | |
---|
789 | /** |
---|
790 | * This method is called when subclasses need to override configuration variables |
---|
791 | * or create new ones. Values can be explicitly set as follows: |
---|
792 | * <blockquote><code> |
---|
793 | * this.Config.Style.CSS_CELL = "newcalcell"; |
---|
794 | * this.Config.Locale.MONTHS_SHORT = ["Jan", "Fév", "Mars", "Avr", "Mai", "Juin", "Juil", "Août", "Sept", "Oct", "Nov", "Déc"]; |
---|
795 | * </code></blockquote> |
---|
796 | */ |
---|
797 | SPIP.widget.Calendar_Core.prototype.customConfig = function() { }; |
---|
798 | |
---|
799 | /** |
---|
800 | * Builds the date label that will be displayed in the calendar header or |
---|
801 | * footer, depending on configuration. |
---|
802 | * @return The formatted calendar month label |
---|
803 | * @type String |
---|
804 | */ |
---|
805 | SPIP.widget.Calendar_Core.prototype.buildMonthLabel = function() { |
---|
806 | var text = this.Options.LOCALE_MONTHS[this.pageDate.getMonth()] + " " + this.pageDate.getFullYear(); |
---|
807 | return text; |
---|
808 | }; |
---|
809 | |
---|
810 | /** |
---|
811 | * Builds the date digit that will be displayed in calendar cells |
---|
812 | * @return The formatted day label |
---|
813 | * @type String |
---|
814 | */ |
---|
815 | SPIP.widget.Calendar_Core.prototype.buildDayLabel = function(workingDate) { |
---|
816 | var day = workingDate.getDate(); |
---|
817 | return day; |
---|
818 | }; |
---|
819 | |
---|
820 | |
---|
821 | |
---|
822 | /** |
---|
823 | * Builds the calendar table shell that will be filled in with dates and formatting. |
---|
824 | * This method calls buildShellHeader, buildShellBody, and buildShellFooter (in that order) |
---|
825 | * to construct the pieces of the calendar table. The construction of the shell should |
---|
826 | * only happen one time when the calendar is initialized. |
---|
827 | */ |
---|
828 | SPIP.widget.Calendar_Core.prototype.buildShell = function() { |
---|
829 | |
---|
830 | this.table = document.createElement("TABLE"); |
---|
831 | this.table.cellSpacing = 0; |
---|
832 | SPIP.widget.Calendar_Core.setCssClasses(this.table, [this.Style.CSS_CALENDAR]); |
---|
833 | |
---|
834 | this.table.id = this.id; |
---|
835 | |
---|
836 | this.buildShellHeader(); |
---|
837 | this.buildShellBody(); |
---|
838 | this.buildShellFooter(); |
---|
839 | |
---|
840 | SPIP.util.Event.addListener(window, "unload", this._unload, this); |
---|
841 | }; |
---|
842 | |
---|
843 | /** |
---|
844 | * Builds the calendar shell header by inserting a THEAD into the local calendar table. |
---|
845 | */ |
---|
846 | SPIP.widget.Calendar_Core.prototype.buildShellHeader = function() { |
---|
847 | var head = document.createElement("THEAD"); |
---|
848 | var headRow = document.createElement("TR"); |
---|
849 | |
---|
850 | var headerCell = document.createElement("TH"); |
---|
851 | |
---|
852 | var colSpan = 7; |
---|
853 | if (this.Config.Options.SHOW_WEEK_HEADER) { |
---|
854 | this.weekHeaderCells = new Array(); |
---|
855 | colSpan += 1; |
---|
856 | } |
---|
857 | if (this.Config.Options.SHOW_WEEK_FOOTER) { |
---|
858 | this.weekFooterCells = new Array(); |
---|
859 | colSpan += 1; |
---|
860 | } |
---|
861 | |
---|
862 | headerCell.colSpan = colSpan; |
---|
863 | |
---|
864 | SPIP.widget.Calendar_Core.setCssClasses(headerCell,[this.Style.CSS_HEADER_TEXT]); |
---|
865 | |
---|
866 | this.headerCell = headerCell; |
---|
867 | |
---|
868 | headRow.appendChild(headerCell); |
---|
869 | head.appendChild(headRow); |
---|
870 | |
---|
871 | // Append day labels, if needed |
---|
872 | if (this.Options.SHOW_WEEKDAYS) |
---|
873 | { |
---|
874 | var row = document.createElement("TR"); |
---|
875 | var fillerCell; |
---|
876 | |
---|
877 | SPIP.widget.Calendar_Core.setCssClasses(row,[this.Style.CSS_WEEKDAY_ROW]); |
---|
878 | |
---|
879 | if (this.Config.Options.SHOW_WEEK_HEADER) { |
---|
880 | fillerCell = document.createElement("TH"); |
---|
881 | SPIP.widget.Calendar_Core.setCssClasses(fillerCell,[this.Style.CSS_WEEKDAY_CELL]); |
---|
882 | row.appendChild(fillerCell); |
---|
883 | } |
---|
884 | |
---|
885 | for(var i=0;i<this.Options.LOCALE_WEEKDAYS.length;++i) |
---|
886 | { |
---|
887 | var cell = document.createElement("TH"); |
---|
888 | SPIP.widget.Calendar_Core.setCssClasses(cell,[this.Style.CSS_WEEKDAY_CELL]); |
---|
889 | cell.innerHTML=this.Options.LOCALE_WEEKDAYS[i]; |
---|
890 | row.appendChild(cell); |
---|
891 | } |
---|
892 | |
---|
893 | if (this.Config.Options.SHOW_WEEK_FOOTER) { |
---|
894 | fillerCell = document.createElement("TH"); |
---|
895 | SPIP.widget.Calendar_Core.setCssClasses(fillerCell,[this.Style.CSS_WEEKDAY_CELL]); |
---|
896 | row.appendChild(fillerCell); |
---|
897 | } |
---|
898 | |
---|
899 | head.appendChild(row); |
---|
900 | } |
---|
901 | |
---|
902 | this.table.appendChild(head); |
---|
903 | }; |
---|
904 | |
---|
905 | /** |
---|
906 | * Builds the calendar shell body (6 weeks by 7 days) |
---|
907 | */ |
---|
908 | SPIP.widget.Calendar_Core.prototype.buildShellBody = function() { |
---|
909 | // This should only get executed once |
---|
910 | this.tbody = document.createElement("TBODY"); |
---|
911 | |
---|
912 | for (var r=0;r<6;++r) |
---|
913 | { |
---|
914 | var row = document.createElement("TR"); |
---|
915 | |
---|
916 | for (var c=0;c<this.headerCell.colSpan;++c) |
---|
917 | { |
---|
918 | var cell; |
---|
919 | if (this.Config.Options.SHOW_WEEK_HEADER && c===0) { // Row header |
---|
920 | cell = document.createElement("TH"); |
---|
921 | this.weekHeaderCells[this.weekHeaderCells.length] = cell; |
---|
922 | } else if (this.Config.Options.SHOW_WEEK_FOOTER && c==(this.headerCell.colSpan-1)){ // Row footer |
---|
923 | cell = document.createElement("TH"); |
---|
924 | this.weekFooterCells[this.weekFooterCells.length] = cell; |
---|
925 | } else { |
---|
926 | cell = document.createElement("TD"); |
---|
927 | this.cells[this.cells.length] = cell; |
---|
928 | SPIP.widget.Calendar_Core.setCssClasses(cell, [this.Style.CSS_CELL]); |
---|
929 | } |
---|
930 | |
---|
931 | row.appendChild(cell); |
---|
932 | } |
---|
933 | this.tbody.appendChild(row); |
---|
934 | } |
---|
935 | |
---|
936 | this.table.appendChild(this.tbody); |
---|
937 | }; |
---|
938 | |
---|
939 | /** |
---|
940 | * Builds the calendar shell footer. In the default implementation, there is |
---|
941 | * no footer. |
---|
942 | */ |
---|
943 | SPIP.widget.Calendar_Core.prototype.buildShellFooter = function() { }; |
---|
944 | |
---|
945 | /** |
---|
946 | * Outputs the calendar shell to the DOM, inserting it into the placeholder element. |
---|
947 | */ |
---|
948 | SPIP.widget.Calendar_Core.prototype.renderShell = function() { |
---|
949 | this.oDomContainer.appendChild(this.table); |
---|
950 | this.shellRendered = true; |
---|
951 | }; |
---|
952 | |
---|
953 | /** |
---|
954 | * Renders the calendar after it has been configured. The render() method has a specific call chain that will execute |
---|
955 | * when the method is called: renderHeader, renderBody, renderFooter. |
---|
956 | * Refer to the documentation for those methods for information on |
---|
957 | * individual render tasks. |
---|
958 | */ |
---|
959 | SPIP.widget.Calendar_Core.prototype.render = function() { |
---|
960 | if (! this.shellRendered) |
---|
961 | { |
---|
962 | this.buildShell(); |
---|
963 | this.renderShell(); |
---|
964 | } |
---|
965 | |
---|
966 | this.resetRenderers(); |
---|
967 | |
---|
968 | this.cellDates.length = 0; |
---|
969 | |
---|
970 | // Find starting day of the current month |
---|
971 | var workingDate = SPIP.widget.DateMath.findMonthStart(this.pageDate); |
---|
972 | |
---|
973 | this.renderHeader(); |
---|
974 | this.renderBody(workingDate); |
---|
975 | this.renderFooter(); |
---|
976 | |
---|
977 | this.onRender(); |
---|
978 | }; |
---|
979 | |
---|
980 | |
---|
981 | |
---|
982 | /** |
---|
983 | * Appends the header contents into the widget header. |
---|
984 | */ |
---|
985 | SPIP.widget.Calendar_Core.prototype.renderHeader = function() { |
---|
986 | this.headerCell.innerHTML = ""; |
---|
987 | |
---|
988 | var headerContainer = document.createElement("DIV"); |
---|
989 | headerContainer.className = this.Style.CSS_HEADER; |
---|
990 | |
---|
991 | var labelMonth = document.createElement("span"); |
---|
992 | labelMonth.innerHTML = this.buildMonthLabel(); |
---|
993 | /*headerContainer.appendChild(document.createTextNode(this.buildMonthLabel()));*/ |
---|
994 | headerContainer.appendChild(labelMonth); |
---|
995 | this.headerCell.appendChild(headerContainer); |
---|
996 | }; |
---|
997 | |
---|
998 | /** |
---|
999 | * Appends the calendar body. The default implementation calculates the number of |
---|
1000 | * OOM (out of month) cells that need to be rendered at the start of the month, renders those, |
---|
1001 | * and renders all the day cells using the built-in cell rendering methods. |
---|
1002 | * |
---|
1003 | * While iterating through all of the cells, the calendar checks for renderers in the |
---|
1004 | * local render stack that match the date of the current cell, and then applies styles |
---|
1005 | * as necessary. |
---|
1006 | * |
---|
1007 | * @param {Date} workingDate The current working Date object being used to generate the calendar |
---|
1008 | */ |
---|
1009 | SPIP.widget.Calendar_Core.prototype.renderBody = function(workingDate) { |
---|
1010 | |
---|
1011 | this.preMonthDays = workingDate.getDay(); |
---|
1012 | if (this.Options.START_WEEKDAY > 0) { |
---|
1013 | this.preMonthDays -= this.Options.START_WEEKDAY; |
---|
1014 | } |
---|
1015 | if (this.preMonthDays < 0) { |
---|
1016 | this.preMonthDays += 7; |
---|
1017 | } |
---|
1018 | |
---|
1019 | this.monthDays = SPIP.widget.DateMath.findMonthEnd(workingDate).getDate(); |
---|
1020 | this.postMonthDays = SPIP.widget.Calendar_Core.DISPLAY_DAYS-this.preMonthDays-this.monthDays; |
---|
1021 | |
---|
1022 | workingDate = SPIP.widget.DateMath.subtract(workingDate, SPIP.widget.DateMath.DAY, this.preMonthDays); |
---|
1023 | |
---|
1024 | this.table.style.visibility = "hidden"; // Hide while we render |
---|
1025 | |
---|
1026 | var weekRowIndex = 0; |
---|
1027 | |
---|
1028 | for (var c=0;c<this.cells.length;++c) |
---|
1029 | { |
---|
1030 | var cellRenderers = new Array(); |
---|
1031 | |
---|
1032 | var cell = this.cells[c]; |
---|
1033 | |
---|
1034 | this.clearElement(cell); |
---|
1035 | |
---|
1036 | SPIP.util.Event.removeListener(cell, "click", this.doSelectCell); |
---|
1037 | if (SPIP.widget.Calendar_Core._getBrowser() == "ie") { |
---|
1038 | SPIP.util.Event.removeListener(cell, "mouseover", this.doCellMouseOver); |
---|
1039 | SPIP.util.Event.removeListener(cell, "mouseout", this.doCellMouseOut); |
---|
1040 | } |
---|
1041 | |
---|
1042 | cell.index = c; |
---|
1043 | cell.id = this.id + "_cell" + c; |
---|
1044 | |
---|
1045 | this.cellDates[this.cellDates.length]=[workingDate.getFullYear(),workingDate.getMonth()+1,workingDate.getDate()]; // Add this date to cellDates |
---|
1046 | |
---|
1047 | if (workingDate.getDay() == this.Options.START_WEEKDAY) { |
---|
1048 | var rowHeaderCell = null; |
---|
1049 | var rowFooterCell = null; |
---|
1050 | |
---|
1051 | if (this.Options.SHOW_WEEK_HEADER) { |
---|
1052 | rowHeaderCell = this.weekHeaderCells[weekRowIndex]; |
---|
1053 | this.clearElement(rowHeaderCell); |
---|
1054 | } |
---|
1055 | |
---|
1056 | if (this.Options.SHOW_WEEK_FOOTER) { |
---|
1057 | rowFooterCell = this.weekFooterCells[weekRowIndex]; |
---|
1058 | this.clearElement(rowFooterCell); |
---|
1059 | } |
---|
1060 | |
---|
1061 | if (this.Options.HIDE_BLANK_WEEKS && this.isDateOOM(workingDate) && ! SPIP.widget.DateMath.isMonthOverlapWeek(workingDate)) { |
---|
1062 | // The first day of the week is not in this month, and it's not an overlap week |
---|
1063 | continue; |
---|
1064 | } else { |
---|
1065 | if (rowHeaderCell) { |
---|
1066 | this.renderRowHeader(workingDate, rowHeaderCell); |
---|
1067 | } |
---|
1068 | if (rowFooterCell) { |
---|
1069 | this.renderRowFooter(workingDate, rowFooterCell); |
---|
1070 | } |
---|
1071 | } |
---|
1072 | } |
---|
1073 | |
---|
1074 | |
---|
1075 | |
---|
1076 | var renderer = null; |
---|
1077 | |
---|
1078 | if (workingDate.getFullYear() == this.today.getFullYear() && |
---|
1079 | workingDate.getMonth() == this.today.getMonth() && |
---|
1080 | workingDate.getDate() == this.today.getDate()) |
---|
1081 | { |
---|
1082 | cellRenderers[cellRenderers.length]=this.renderCellStyleToday; |
---|
1083 | } |
---|
1084 | |
---|
1085 | if (this.isDateOOM(workingDate)) |
---|
1086 | { |
---|
1087 | cellRenderers[cellRenderers.length]=this.renderCellNotThisMonth; |
---|
1088 | } else { |
---|
1089 | for (var r=0;r<this.renderStack.length;++r) |
---|
1090 | { |
---|
1091 | var rArray = this.renderStack[r]; |
---|
1092 | var type = rArray[0]; |
---|
1093 | |
---|
1094 | var month; |
---|
1095 | var day; |
---|
1096 | var year; |
---|
1097 | |
---|
1098 | switch (type) { |
---|
1099 | case SPIP.widget.Calendar_Core.DATE: |
---|
1100 | month = rArray[1][1]; |
---|
1101 | day = rArray[1][2]; |
---|
1102 | year = rArray[1][0]; |
---|
1103 | |
---|
1104 | if (workingDate.getMonth()+1 == month && workingDate.getDate() == day && workingDate.getFullYear() == year) |
---|
1105 | { |
---|
1106 | renderer = rArray[2]; |
---|
1107 | this.renderStack.splice(r,1); |
---|
1108 | } |
---|
1109 | break; |
---|
1110 | case SPIP.widget.Calendar_Core.MONTH_DAY: |
---|
1111 | month = rArray[1][0]; |
---|
1112 | day = rArray[1][1]; |
---|
1113 | |
---|
1114 | if (workingDate.getMonth()+1 == month && workingDate.getDate() == day) |
---|
1115 | { |
---|
1116 | renderer = rArray[2]; |
---|
1117 | this.renderStack.splice(r,1); |
---|
1118 | } |
---|
1119 | break; |
---|
1120 | case SPIP.widget.Calendar_Core.RANGE: |
---|
1121 | var date1 = rArray[1][0]; |
---|
1122 | var date2 = rArray[1][1]; |
---|
1123 | |
---|
1124 | var d1month = date1[1]; |
---|
1125 | var d1day = date1[2]; |
---|
1126 | var d1year = date1[0]; |
---|
1127 | |
---|
1128 | var d1 = new Date(d1year, d1month-1, d1day); |
---|
1129 | |
---|
1130 | var d2month = date2[1]; |
---|
1131 | var d2day = date2[2]; |
---|
1132 | var d2year = date2[0]; |
---|
1133 | |
---|
1134 | var d2 = new Date(d2year, d2month-1, d2day); |
---|
1135 | |
---|
1136 | if (workingDate.getTime() >= d1.getTime() && workingDate.getTime() <= d2.getTime()) |
---|
1137 | { |
---|
1138 | renderer = rArray[2]; |
---|
1139 | |
---|
1140 | if (workingDate.getTime()==d2.getTime()) { |
---|
1141 | this.renderStack.splice(r,1); |
---|
1142 | } |
---|
1143 | } |
---|
1144 | break; |
---|
1145 | case SPIP.widget.Calendar_Core.WEEKDAY: |
---|
1146 | |
---|
1147 | var weekday = rArray[1][0]; |
---|
1148 | if (workingDate.getDay()+1 == weekday) |
---|
1149 | { |
---|
1150 | renderer = rArray[2]; |
---|
1151 | } |
---|
1152 | break; |
---|
1153 | case SPIP.widget.Calendar_Core.MONTH: |
---|
1154 | |
---|
1155 | month = rArray[1][0]; |
---|
1156 | if (workingDate.getMonth()+1 == month) |
---|
1157 | { |
---|
1158 | renderer = rArray[2]; |
---|
1159 | } |
---|
1160 | break; |
---|
1161 | } |
---|
1162 | |
---|
1163 | if (renderer) { |
---|
1164 | cellRenderers[cellRenderers.length]=renderer; |
---|
1165 | } |
---|
1166 | } |
---|
1167 | |
---|
1168 | } |
---|
1169 | |
---|
1170 | if (this._indexOfSelectedFieldArray([workingDate.getFullYear(),workingDate.getMonth()+1,workingDate.getDate()]) > -1) |
---|
1171 | { |
---|
1172 | cellRenderers[cellRenderers.length]=this.renderCellStyleSelected; |
---|
1173 | } |
---|
1174 | |
---|
1175 | if (this.minDate) |
---|
1176 | { |
---|
1177 | this.minDate = SPIP.widget.DateMath.clearTime(this.minDate); |
---|
1178 | } |
---|
1179 | if (this.maxDate) |
---|
1180 | { |
---|
1181 | this.maxDate = SPIP.widget.DateMath.clearTime(this.maxDate); |
---|
1182 | } |
---|
1183 | |
---|
1184 | if ( |
---|
1185 | (this.minDate && (workingDate.getTime() < this.minDate.getTime())) || |
---|
1186 | (this.maxDate && (workingDate.getTime() > this.maxDate.getTime())) |
---|
1187 | ) { |
---|
1188 | cellRenderers[cellRenderers.length]=this.renderOutOfBoundsDate; |
---|
1189 | } else { |
---|
1190 | cellRenderers[cellRenderers.length]=this.renderCellDefault; |
---|
1191 | } |
---|
1192 | |
---|
1193 | for (var x=0;x<cellRenderers.length;++x) |
---|
1194 | { |
---|
1195 | var ren = cellRenderers[x]; |
---|
1196 | if (ren.call(this,workingDate,cell) == SPIP.widget.Calendar_Core.STOP_RENDER) { |
---|
1197 | break; |
---|
1198 | } |
---|
1199 | } |
---|
1200 | |
---|
1201 | workingDate = SPIP.widget.DateMath.add(workingDate, SPIP.widget.DateMath.DAY, 1); // Go to the next day |
---|
1202 | if (workingDate.getDay() == this.Options.START_WEEKDAY) { |
---|
1203 | weekRowIndex += 1; |
---|
1204 | } |
---|
1205 | |
---|
1206 | SPIP.widget.Calendar_Core.addCssClass(cell, this.Style.CSS_CELL); |
---|
1207 | if (c >= 0 && c <= 6) { |
---|
1208 | SPIP.widget.Calendar_Core.addCssClass(cell, this.Style.CSS_CELL_TOP); |
---|
1209 | } |
---|
1210 | if ((c % 7) == 0) { |
---|
1211 | SPIP.widget.Calendar_Core.addCssClass(cell, this.Style.CSS_CELL_LEFT); |
---|
1212 | } |
---|
1213 | if (((c+1) % 7) == 0) { |
---|
1214 | SPIP.widget.Calendar_Core.addCssClass(cell, this.Style.CSS_CELL_RIGHT); |
---|
1215 | } |
---|
1216 | |
---|
1217 | var postDays = this.postMonthDays; |
---|
1218 | if (postDays >= 7 && this.Options.HIDE_BLANK_WEEKS) { |
---|
1219 | var blankWeeks = Math.floor(postDays/7); |
---|
1220 | for (var p=0;p<blankWeeks;++p) { |
---|
1221 | postDays -= 7; |
---|
1222 | } |
---|
1223 | } |
---|
1224 | |
---|
1225 | if (c >= ((this.preMonthDays+postDays+this.monthDays)-7)) { |
---|
1226 | SPIP.widget.Calendar_Core.addCssClass(cell, this.Style.CSS_CELL_BOTTOM); |
---|
1227 | } |
---|
1228 | } |
---|
1229 | |
---|
1230 | this.table.style.visibility = "visible"; // Show table, now that it's rendered |
---|
1231 | |
---|
1232 | }; |
---|
1233 | |
---|
1234 | /** |
---|
1235 | * Appends the contents of the calendar widget footer into the shell. By default, |
---|
1236 | * the calendar does not contain a footer, and this method must be implemented by |
---|
1237 | * subclassing the widget. |
---|
1238 | */ |
---|
1239 | SPIP.widget.Calendar_Core.prototype.renderFooter = function() { }; |
---|
1240 | |
---|
1241 | /** |
---|
1242 | * @private |
---|
1243 | */ |
---|
1244 | SPIP.widget.Calendar_Core.prototype._unload = function(e, cal) { |
---|
1245 | for (var c in cal.cells) { |
---|
1246 | c = null; |
---|
1247 | } |
---|
1248 | |
---|
1249 | cal.cells = null; |
---|
1250 | |
---|
1251 | cal.tbody = null; |
---|
1252 | cal.oDomContainer = null; |
---|
1253 | cal.table = null; |
---|
1254 | cal.headerCell = null; |
---|
1255 | |
---|
1256 | cal = null; |
---|
1257 | }; |
---|
1258 | |
---|
1259 | |
---|
1260 | /****************** BEGIN BUILT-IN TABLE CELL RENDERERS ************************************/ |
---|
1261 | |
---|
1262 | SPIP.widget.Calendar_Core.prototype.renderOutOfBoundsDate = function(workingDate, cell) { |
---|
1263 | SPIP.widget.Calendar_Core.addCssClass(cell, "previous"); |
---|
1264 | cell.innerHTML = workingDate.getDate(); |
---|
1265 | return SPIP.widget.Calendar_Core.STOP_RENDER; |
---|
1266 | } |
---|
1267 | |
---|
1268 | /** |
---|
1269 | * Renders the row header for a week. The date passed in should be |
---|
1270 | * the first date of the given week. |
---|
1271 | * @param {Date} workingDate The current working Date object (beginning of the week) being used to generate the calendar |
---|
1272 | * @param {HTMLTableCellElement} cell The current working cell in the calendar |
---|
1273 | */ |
---|
1274 | SPIP.widget.Calendar_Core.prototype.renderRowHeader = function(workingDate, cell) { |
---|
1275 | SPIP.widget.Calendar_Core.addCssClass(cell, this.Style.CSS_ROW_HEADER); |
---|
1276 | |
---|
1277 | var useYear = this.pageDate.getFullYear(); |
---|
1278 | |
---|
1279 | if (! SPIP.widget.DateMath.isYearOverlapWeek(workingDate)) { |
---|
1280 | useYear = workingDate.getFullYear(); |
---|
1281 | } |
---|
1282 | |
---|
1283 | var weekNum = SPIP.widget.DateMath.getWeekNumber(workingDate, useYear, this.Options.START_WEEKDAY); |
---|
1284 | cell.innerHTML = weekNum; |
---|
1285 | |
---|
1286 | if (this.isDateOOM(workingDate) && ! SPIP.widget.DateMath.isMonthOverlapWeek(workingDate)) { |
---|
1287 | SPIP.widget.Calendar_Core.addCssClass(cell, this.Style.CSS_CELL_OOM); |
---|
1288 | } |
---|
1289 | }; |
---|
1290 | |
---|
1291 | /** |
---|
1292 | * Renders the row footer for a week. The date passed in should be |
---|
1293 | * the first date of the given week. |
---|
1294 | * @param {Date} workingDate The current working Date object (beginning of the week) being used to generate the calendar |
---|
1295 | * @param {HTMLTableCellElement} cell The current working cell in the calendar |
---|
1296 | */ |
---|
1297 | SPIP.widget.Calendar_Core.prototype.renderRowFooter = function(workingDate, cell) { |
---|
1298 | SPIP.widget.Calendar_Core.addCssClass(cell, this.Style.CSS_ROW_FOOTER); |
---|
1299 | |
---|
1300 | if (this.isDateOOM(workingDate) && ! SPIP.widget.DateMath.isMonthOverlapWeek(workingDate)) { |
---|
1301 | SPIP.widget.Calendar_Core.addCssClass(cell, this.Style.CSS_CELL_OOM); |
---|
1302 | } |
---|
1303 | }; |
---|
1304 | |
---|
1305 | /** |
---|
1306 | * Renders a single standard calendar cell in the calendar widget table. |
---|
1307 | * All logic for determining how a standard default cell will be rendered is |
---|
1308 | * encapsulated in this method, and must be accounted for when extending the |
---|
1309 | * widget class. |
---|
1310 | * @param {Date} workingDate The current working Date object being used to generate the calendar |
---|
1311 | * @param {HTMLTableCellElement} cell The current working cell in the calendar |
---|
1312 | * @return SPIP.widget.Calendar_Core.STOP_RENDER if rendering should stop with this style, null or nothing if rendering |
---|
1313 | * should not be terminated |
---|
1314 | * @type String |
---|
1315 | */ |
---|
1316 | SPIP.widget.Calendar_Core.prototype.renderCellDefault = function(workingDate, cell) { |
---|
1317 | cell.innerHTML = ""; |
---|
1318 | var link = document.createElement("a"); |
---|
1319 | |
---|
1320 | link.href="javascript:void(null);"; |
---|
1321 | link.name=this.id+"__"+workingDate.getFullYear()+"_"+(workingDate.getMonth()+1)+"_"+workingDate.getDate(); |
---|
1322 | |
---|
1323 | //link.onclick = this._selectEventLink; |
---|
1324 | //cell.onclick = this.doSelectCell; |
---|
1325 | |
---|
1326 | SPIP.util.Event.addListener(cell, "click", this.doSelectCell, this); |
---|
1327 | if (SPIP.widget.Calendar_Core._getBrowser() == "ie") { |
---|
1328 | SPIP.util.Event.addListener(cell, "mouseover", this.doCellMouseOver, this); |
---|
1329 | SPIP.util.Event.addListener(cell, "mouseout", this.doCellMouseOut, this); |
---|
1330 | } |
---|
1331 | link.appendChild(document.createTextNode(this.buildDayLabel(workingDate))); |
---|
1332 | cell.appendChild(link); |
---|
1333 | |
---|
1334 | //cell.onmouseover = this.doCellMouseOver; |
---|
1335 | //cell.onmouseout = this.doCellMouseOut; |
---|
1336 | }; |
---|
1337 | |
---|
1338 | SPIP.widget.Calendar_Core.prototype.renderCellStyleHighlight1 = function(workingDate, cell) { |
---|
1339 | SPIP.widget.Calendar_Core.addCssClass(cell, this.Style.CSS_CELL_HIGHLIGHT1); |
---|
1340 | }; |
---|
1341 | SPIP.widget.Calendar_Core.prototype.renderCellStyleHighlight2 = function(workingDate, cell) { |
---|
1342 | SPIP.widget.Calendar_Core.addCssClass(cell, this.Style.CSS_CELL_HIGHLIGHT2); |
---|
1343 | }; |
---|
1344 | SPIP.widget.Calendar_Core.prototype.renderCellStyleHighlight3 = function(workingDate, cell) { |
---|
1345 | SPIP.widget.Calendar_Core.addCssClass(cell, this.Style.CSS_CELL_HIGHLIGHT3); |
---|
1346 | }; |
---|
1347 | SPIP.widget.Calendar_Core.prototype.renderCellStyleHighlight4 = function(workingDate, cell) { |
---|
1348 | SPIP.widget.Calendar_Core.addCssClass(cell, this.Style.CSS_CELL_HIGHLIGHT4); |
---|
1349 | }; |
---|
1350 | |
---|
1351 | /** |
---|
1352 | * Applies the default style used for rendering today's date to the current calendar cell |
---|
1353 | * @param {Date} workingDate The current working Date object being used to generate the calendar |
---|
1354 | * @param {HTMLTableCellElement} cell The current working cell in the calendar |
---|
1355 | * @return SPIP.widget.Calendar_Core.STOP_RENDER if rendering should stop with this style, null or nothing if rendering |
---|
1356 | * should not be terminated |
---|
1357 | * @type String |
---|
1358 | */ |
---|
1359 | SPIP.widget.Calendar_Core.prototype.renderCellStyleToday = function(workingDate, cell) { |
---|
1360 | SPIP.widget.Calendar_Core.addCssClass(cell, this.Style.CSS_CELL_TODAY); |
---|
1361 | }; |
---|
1362 | |
---|
1363 | /** |
---|
1364 | * Applies the default style used for rendering selected dates to the current calendar cell |
---|
1365 | * @param {Date} workingDate The current working Date object being used to generate the calendar |
---|
1366 | * @param {HTMLTableCellElement} cell The current working cell in the calendar |
---|
1367 | * @return SPIP.widget.Calendar_Core.STOP_RENDER if rendering should stop with this style, null or nothing if rendering |
---|
1368 | * should not be terminated |
---|
1369 | * @type String |
---|
1370 | */ |
---|
1371 | SPIP.widget.Calendar_Core.prototype.renderCellStyleSelected = function(workingDate, cell) { |
---|
1372 | SPIP.widget.Calendar_Core.addCssClass(cell, this.Style.CSS_CELL_SELECTED); |
---|
1373 | }; |
---|
1374 | |
---|
1375 | /** |
---|
1376 | * Applies the default style used for rendering dates that are not a part of the current |
---|
1377 | * month (preceding or trailing the cells for the current month) |
---|
1378 | * @param {Date} workingDate The current working Date object being used to generate the calendar |
---|
1379 | * @param {HTMLTableCellElement} cell The current working cell in the calendar |
---|
1380 | * @return SPIP.widget.Calendar_Core.STOP_RENDER if rendering should stop with this style, null or nothing if rendering |
---|
1381 | * should not be terminated |
---|
1382 | * @type String |
---|
1383 | */ |
---|
1384 | SPIP.widget.Calendar_Core.prototype.renderCellNotThisMonth = function(workingDate, cell) { |
---|
1385 | SPIP.widget.Calendar_Core.addCssClass(cell, this.Style.CSS_CELL_OOM); |
---|
1386 | cell.innerHTML=workingDate.getDate(); |
---|
1387 | return SPIP.widget.Calendar_Core.STOP_RENDER; |
---|
1388 | }; |
---|
1389 | |
---|
1390 | /** |
---|
1391 | * Renders the current calendar cell as a non-selectable "black-out" date using the default |
---|
1392 | * restricted style. |
---|
1393 | * @param {Date} workingDate The current working Date object being used to generate the calendar |
---|
1394 | * @param {HTMLTableCellElement} cell The current working cell in the calendar |
---|
1395 | * @return SPIP.widget.Calendar_Core.STOP_RENDER if rendering should stop with this style, null or nothing if rendering |
---|
1396 | * should not be terminated |
---|
1397 | * @type String |
---|
1398 | */ |
---|
1399 | SPIP.widget.Calendar_Core.prototype.renderBodyCellRestricted = function(workingDate, cell) { |
---|
1400 | SPIP.widget.Calendar_Core.setCssClasses(cell, [this.Style.CSS_CELL,this.Style.CSS_CELL_RESTRICTED]); |
---|
1401 | cell.innerHTML=workingDate.getDate(); |
---|
1402 | return SPIP.widget.Calendar_Core.STOP_RENDER; |
---|
1403 | }; |
---|
1404 | /******************** END BUILT-IN TABLE CELL RENDERERS ************************************/ |
---|
1405 | |
---|
1406 | /******************** BEGIN MONTH NAVIGATION METHODS ************************************/ |
---|
1407 | /** |
---|
1408 | * Adds the designated number of months to the current calendar month, and sets the current |
---|
1409 | * calendar page date to the new month. |
---|
1410 | * @param {Integer} count The number of months to add to the current calendar |
---|
1411 | */ |
---|
1412 | SPIP.widget.Calendar_Core.prototype.addMonths = function(count) { |
---|
1413 | this.pageDate = SPIP.widget.DateMath.add(this.pageDate, SPIP.widget.DateMath.MONTH, count); |
---|
1414 | this.resetRenderers(); |
---|
1415 | this.onChangePage(); |
---|
1416 | }; |
---|
1417 | |
---|
1418 | /** |
---|
1419 | * Subtracts the designated number of months from the current calendar month, and sets the current |
---|
1420 | * calendar page date to the new month. |
---|
1421 | * @param {Integer} count The number of months to subtract from the current calendar |
---|
1422 | */ |
---|
1423 | SPIP.widget.Calendar_Core.prototype.subtractMonths = function(count) { |
---|
1424 | this.pageDate = SPIP.widget.DateMath.subtract(this.pageDate, SPIP.widget.DateMath.MONTH, count); |
---|
1425 | this.resetRenderers(); |
---|
1426 | this.onChangePage(); |
---|
1427 | }; |
---|
1428 | |
---|
1429 | /** |
---|
1430 | * Adds the designated number of years to the current calendar, and sets the current |
---|
1431 | * calendar page date to the new month. |
---|
1432 | * @param {Integer} count The number of years to add to the current calendar |
---|
1433 | */ |
---|
1434 | SPIP.widget.Calendar_Core.prototype.addYears = function(count) { |
---|
1435 | this.pageDate = SPIP.widget.DateMath.add(this.pageDate, SPIP.widget.DateMath.YEAR, count); |
---|
1436 | this.resetRenderers(); |
---|
1437 | this.onChangePage(); |
---|
1438 | }; |
---|
1439 | |
---|
1440 | /** |
---|
1441 | * Subtcats the designated number of years from the current calendar, and sets the current |
---|
1442 | * calendar page date to the new month. |
---|
1443 | * @param {Integer} count The number of years to subtract from the current calendar |
---|
1444 | */ |
---|
1445 | SPIP.widget.Calendar_Core.prototype.subtractYears = function(count) { |
---|
1446 | this.pageDate = SPIP.widget.DateMath.subtract(this.pageDate, SPIP.widget.DateMath.YEAR, count); |
---|
1447 | this.resetRenderers(); |
---|
1448 | this.onChangePage(); |
---|
1449 | }; |
---|
1450 | |
---|
1451 | /** |
---|
1452 | * Navigates to the next month page in the calendar widget. |
---|
1453 | */ |
---|
1454 | SPIP.widget.Calendar_Core.prototype.nextMonth = function() { |
---|
1455 | this.addMonths(1); |
---|
1456 | }; |
---|
1457 | |
---|
1458 | /** |
---|
1459 | * Navigates to the previous month page in the calendar widget. |
---|
1460 | */ |
---|
1461 | SPIP.widget.Calendar_Core.prototype.previousMonth = function() { |
---|
1462 | this.subtractMonths(1); |
---|
1463 | }; |
---|
1464 | |
---|
1465 | /** |
---|
1466 | * Navigates to the next year in the currently selected month in the calendar widget. |
---|
1467 | */ |
---|
1468 | SPIP.widget.Calendar_Core.prototype.nextYear = function() { |
---|
1469 | this.addYears(1); |
---|
1470 | }; |
---|
1471 | |
---|
1472 | /** |
---|
1473 | * Navigates to the previous year in the currently selected month in the calendar widget. |
---|
1474 | */ |
---|
1475 | SPIP.widget.Calendar_Core.prototype.previousYear = function() { |
---|
1476 | this.subtractYears(1); |
---|
1477 | }; |
---|
1478 | |
---|
1479 | /****************** END MONTH NAVIGATION METHODS ************************************/ |
---|
1480 | |
---|
1481 | /************* BEGIN SELECTION METHODS *************************************************************/ |
---|
1482 | |
---|
1483 | /** |
---|
1484 | * Resets the calendar widget to the originally selected month and year, and |
---|
1485 | * sets the calendar to the initial selection(s). |
---|
1486 | */ |
---|
1487 | SPIP.widget.Calendar_Core.prototype.reset = function() { |
---|
1488 | this.selectedDates.length = 0; |
---|
1489 | this.selectedDates = this._selectedDates.concat(); |
---|
1490 | this.deselectAll(); |
---|
1491 | /*this.pageDate = new Date(this._pageDate.getTime());*/ |
---|
1492 | this.onReset(); |
---|
1493 | }; |
---|
1494 | |
---|
1495 | /** |
---|
1496 | * Clears the selected dates in the current calendar widget and sets the calendar |
---|
1497 | * to the current month and year. |
---|
1498 | */ |
---|
1499 | SPIP.widget.Calendar_Core.prototype.clear = function() { |
---|
1500 | this.selectedDates.length = 0; |
---|
1501 | /*this.pageDate = new Date(this.today.getTime());*/ |
---|
1502 | this.onClear(); |
---|
1503 | }; |
---|
1504 | |
---|
1505 | /** |
---|
1506 | * Selects a date or a collection of dates on the current calendar. This method, by default, |
---|
1507 | * does not call the render method explicitly. Once selection has completed, render must be |
---|
1508 | * called for the changes to be reflected visually. |
---|
1509 | * @param {String/Date/Date[]} date The date string of dates to select in the current calendar. Valid formats are |
---|
1510 | * individual date(s) (12/24/2005,12/26/2005) or date range(s) (12/24/2005-1/1/2006). |
---|
1511 | * Multiple comma-delimited dates can also be passed to this method (12/24/2005,12/11/2005-12/13/2005). |
---|
1512 | * This method can also take a JavaScript Date object or an array of Date objects. |
---|
1513 | * @return Array of JavaScript Date objects representing all individual dates that are currently selected. |
---|
1514 | * @type Date[] |
---|
1515 | */ |
---|
1516 | SPIP.widget.Calendar_Core.prototype.select = function(date) { |
---|
1517 | this.onBeforeSelect(); |
---|
1518 | |
---|
1519 | var aToBeSelected = this._toFieldArray(date); |
---|
1520 | |
---|
1521 | for (var a=0;a<aToBeSelected.length;++a) |
---|
1522 | { |
---|
1523 | var toSelect = aToBeSelected[a]; // For each date item in the list of dates we're trying to select |
---|
1524 | if (this._indexOfSelectedFieldArray(toSelect) == -1) // not already selected? |
---|
1525 | { |
---|
1526 | this.selectedDates[this.selectedDates.length]=toSelect; |
---|
1527 | } |
---|
1528 | } |
---|
1529 | |
---|
1530 | if (this.parent) { |
---|
1531 | this.parent.sync(this); |
---|
1532 | } |
---|
1533 | |
---|
1534 | this.onSelect(); |
---|
1535 | |
---|
1536 | return this.getSelectedDates(); |
---|
1537 | }; |
---|
1538 | |
---|
1539 | /** |
---|
1540 | * Selects a date on the current calendar by referencing the index of the cell that should be selected. |
---|
1541 | * This method is used to easily select a single cell (usually with a mouse click) without having to do |
---|
1542 | * a full render. The selected style is applied to the cell directly. |
---|
1543 | * @param {Integer} cellIndex The index of the cell to select in the current calendar. |
---|
1544 | * @return Array of JavaScript Date objects representing all individual dates that are currently selected. |
---|
1545 | * @type Date[] |
---|
1546 | */ |
---|
1547 | SPIP.widget.Calendar_Core.prototype.selectCell = function(cellIndex) { |
---|
1548 | this.onBeforeSelect(); |
---|
1549 | |
---|
1550 | this.cells = this.tbody.getElementsByTagName("TD"); |
---|
1551 | |
---|
1552 | var cell = this.cells[cellIndex]; |
---|
1553 | var cellDate = this.cellDates[cellIndex]; |
---|
1554 | |
---|
1555 | var dCellDate = this._toDate(cellDate); |
---|
1556 | |
---|
1557 | var selectDate = cellDate.concat(); |
---|
1558 | |
---|
1559 | this.selectedDates.push(selectDate); |
---|
1560 | |
---|
1561 | if (this.parent) { |
---|
1562 | this.parent.sync(this); |
---|
1563 | } |
---|
1564 | |
---|
1565 | this.renderCellStyleSelected(dCellDate,cell); |
---|
1566 | |
---|
1567 | this.onSelect(); |
---|
1568 | this.doCellMouseOut.call(cell, null, this); |
---|
1569 | |
---|
1570 | return this.getSelectedDates(); |
---|
1571 | }; |
---|
1572 | |
---|
1573 | /** |
---|
1574 | * Deselects a date or a collection of dates on the current calendar. This method, by default, |
---|
1575 | * does not call the render method explicitly. Once deselection has completed, render must be |
---|
1576 | * called for the changes to be reflected visually. |
---|
1577 | * @param {String/Date/Date[]} date The date string of dates to deselect in the current calendar. Valid formats are |
---|
1578 | * individual date(s) (12/24/2005,12/26/2005) or date range(s) (12/24/2005-1/1/2006). |
---|
1579 | * Multiple comma-delimited dates can also be passed to this method (12/24/2005,12/11/2005-12/13/2005). |
---|
1580 | * This method can also take a JavaScript Date object or an array of Date objects. |
---|
1581 | * @return Array of JavaScript Date objects representing all individual dates that are currently selected. |
---|
1582 | * @type Date[] |
---|
1583 | */ |
---|
1584 | SPIP.widget.Calendar_Core.prototype.deselect = function(date) { |
---|
1585 | this.onBeforeDeselect(); |
---|
1586 | |
---|
1587 | var aToBeSelected = this._toFieldArray(date); |
---|
1588 | |
---|
1589 | for (var a=0;a<aToBeSelected.length;++a) |
---|
1590 | { |
---|
1591 | var toSelect = aToBeSelected[a]; // For each date item in the list of dates we're trying to select |
---|
1592 | var index = this._indexOfSelectedFieldArray(toSelect); |
---|
1593 | |
---|
1594 | if (index != -1) |
---|
1595 | { |
---|
1596 | this.selectedDates.splice(index,1); |
---|
1597 | } |
---|
1598 | } |
---|
1599 | |
---|
1600 | if (this.parent) { |
---|
1601 | this.parent.sync(this); |
---|
1602 | } |
---|
1603 | |
---|
1604 | this.onDeselect(); |
---|
1605 | return this.getSelectedDates(); |
---|
1606 | }; |
---|
1607 | |
---|
1608 | /** |
---|
1609 | * Deselects a date on the current calendar by referencing the index of the cell that should be deselected. |
---|
1610 | * This method is used to easily deselect a single cell (usually with a mouse click) without having to do |
---|
1611 | * a full render. The selected style is removed from the cell directly. |
---|
1612 | * @param {Integer} cellIndex The index of the cell to deselect in the current calendar. |
---|
1613 | * @return Array of JavaScript Date objects representing all individual dates that are currently selected. |
---|
1614 | * @type Date[] |
---|
1615 | */ |
---|
1616 | SPIP.widget.Calendar_Core.prototype.deselectCell = function(i) { |
---|
1617 | this.onBeforeDeselect(); |
---|
1618 | this.cells = this.tbody.getElementsByTagName("TD"); |
---|
1619 | |
---|
1620 | var cell = this.cells[i]; |
---|
1621 | var cellDate = this.cellDates[i]; |
---|
1622 | var cellDateIndex = this._indexOfSelectedFieldArray(cellDate); |
---|
1623 | |
---|
1624 | var dCellDate = this._toDate(cellDate); |
---|
1625 | |
---|
1626 | var selectDate = cellDate.concat(); |
---|
1627 | |
---|
1628 | if (cellDateIndex > -1) |
---|
1629 | { |
---|
1630 | if (this.pageDate.getMonth() == dCellDate.getMonth() && |
---|
1631 | this.pageDate.getFullYear() == dCellDate.getFullYear()) |
---|
1632 | { |
---|
1633 | SPIP.widget.Calendar_Core.removeCssClass(cell, this.Style.CSS_CELL_SELECTED); |
---|
1634 | } |
---|
1635 | |
---|
1636 | this.selectedDates.splice(cellDateIndex, 1); |
---|
1637 | } |
---|
1638 | |
---|
1639 | |
---|
1640 | if (this.parent) { |
---|
1641 | this.parent.sync(this); |
---|
1642 | } |
---|
1643 | |
---|
1644 | this.onDeselect(); |
---|
1645 | return this.getSelectedDates(); |
---|
1646 | }; |
---|
1647 | |
---|
1648 | /** |
---|
1649 | * Deselects all dates on the current calendar. |
---|
1650 | * @return Array of JavaScript Date objects representing all individual dates that are currently selected. |
---|
1651 | * Assuming that this function executes properly, the return value should be an empty array. |
---|
1652 | * However, the empty array is returned for the sake of being able to check the selection status |
---|
1653 | * of the calendar. |
---|
1654 | * @type Date[] |
---|
1655 | */ |
---|
1656 | SPIP.widget.Calendar_Core.prototype.deselectAll = function() { |
---|
1657 | this.onBeforeDeselect(); |
---|
1658 | var count = this.selectedDates.length; |
---|
1659 | this.selectedDates.length = 0; |
---|
1660 | |
---|
1661 | if (this.parent) { |
---|
1662 | this.parent.sync(this); |
---|
1663 | } |
---|
1664 | |
---|
1665 | if (count > 0) { |
---|
1666 | this.onDeselect(); |
---|
1667 | } |
---|
1668 | |
---|
1669 | return this.getSelectedDates(); |
---|
1670 | }; |
---|
1671 | /************* END SELECTION METHODS *************************************************************/ |
---|
1672 | |
---|
1673 | |
---|
1674 | /************* BEGIN TYPE CONVERSION METHODS ****************************************************/ |
---|
1675 | |
---|
1676 | /** |
---|
1677 | * Converts a date (either a JavaScript Date object, or a date string) to the internal data structure |
---|
1678 | * used to represent dates: [[yyyy,mm,dd],[yyyy,mm,dd]]. |
---|
1679 | * @private |
---|
1680 | * @param {String/Date/Date[]} date The date string of dates to deselect in the current calendar. Valid formats are |
---|
1681 | * individual date(s) (12/24/2005,12/26/2005) or date range(s) (12/24/2005-1/1/2006). |
---|
1682 | * Multiple comma-delimited dates can also be passed to this method (12/24/2005,12/11/2005-12/13/2005). |
---|
1683 | * This method can also take a JavaScript Date object or an array of Date objects. |
---|
1684 | * @return Array of date field arrays |
---|
1685 | * @type Array[](Integer[]) |
---|
1686 | */ |
---|
1687 | SPIP.widget.Calendar_Core.prototype._toFieldArray = function(date) { |
---|
1688 | var returnDate = new Array(); |
---|
1689 | |
---|
1690 | if (date instanceof Date) |
---|
1691 | { |
---|
1692 | returnDate = [[date.getFullYear(), date.getMonth()+1, date.getDate()]]; |
---|
1693 | } |
---|
1694 | else if (typeof date == 'string') |
---|
1695 | { |
---|
1696 | returnDate = this._parseDates(date); |
---|
1697 | } |
---|
1698 | else if (date instanceof Array) |
---|
1699 | { |
---|
1700 | for (var i=0;i<date.length;++i) |
---|
1701 | { |
---|
1702 | var d = date[i]; |
---|
1703 | returnDate[returnDate.length] = [d.getFullYear(),d.getMonth()+1,d.getDate()]; |
---|
1704 | } |
---|
1705 | } |
---|
1706 | |
---|
1707 | return returnDate; |
---|
1708 | }; |
---|
1709 | |
---|
1710 | /** |
---|
1711 | * Converts a date field array [yyyy,mm,dd] to a JavaScript Date object. |
---|
1712 | * @private |
---|
1713 | * @param {Integer[]} dateFieldArray The date field array to convert to a JavaScript Date. |
---|
1714 | * @return JavaScript Date object representing the date field array |
---|
1715 | * @type Date |
---|
1716 | */ |
---|
1717 | SPIP.widget.Calendar_Core.prototype._toDate = function(dateFieldArray) { |
---|
1718 | if (dateFieldArray instanceof Date) |
---|
1719 | { |
---|
1720 | return dateFieldArray; |
---|
1721 | } else |
---|
1722 | { |
---|
1723 | return new Date(dateFieldArray[0],dateFieldArray[1]-1,dateFieldArray[2]); |
---|
1724 | } |
---|
1725 | }; |
---|
1726 | /************* END TYPE CONVERSION METHODS ******************************************************/ |
---|
1727 | |
---|
1728 | |
---|
1729 | /************* BEGIN UTILITY METHODS ****************************************************/ |
---|
1730 | /** |
---|
1731 | * Converts a date field array [yyyy,mm,dd] to a JavaScript Date object. |
---|
1732 | * @private |
---|
1733 | * @param {Integer[]} array1 The first date field array to compare |
---|
1734 | * @param {Integer[]} array2 The first date field array to compare |
---|
1735 | * @return The boolean that represents the equality of the two arrays |
---|
1736 | * @type Boolean |
---|
1737 | */ |
---|
1738 | SPIP.widget.Calendar_Core.prototype._fieldArraysAreEqual = function(array1, array2) { |
---|
1739 | var match = false; |
---|
1740 | |
---|
1741 | if (array1[0]==array2[0]&&array1[1]==array2[1]&&array1[2]==array2[2]) |
---|
1742 | { |
---|
1743 | match=true; |
---|
1744 | } |
---|
1745 | |
---|
1746 | return match; |
---|
1747 | }; |
---|
1748 | |
---|
1749 | /** |
---|
1750 | * Gets the index of a date field array [yyyy,mm,dd] in the current list of selected dates. |
---|
1751 | * @private |
---|
1752 | * @param {Integer[]} find The date field array to search for |
---|
1753 | * @return The index of the date field array within the collection of selected dates. |
---|
1754 | * -1 will be returned if the date is not found. |
---|
1755 | * @type Integer |
---|
1756 | */ |
---|
1757 | SPIP.widget.Calendar_Core.prototype._indexOfSelectedFieldArray = function(find) { |
---|
1758 | var selected = -1; |
---|
1759 | |
---|
1760 | for (var s=0;s<this.selectedDates.length;++s) |
---|
1761 | { |
---|
1762 | var sArray = this.selectedDates[s]; |
---|
1763 | if (find[0]==sArray[0]&&find[1]==sArray[1]&&find[2]==sArray[2]) |
---|
1764 | { |
---|
1765 | selected = s; |
---|
1766 | break; |
---|
1767 | } |
---|
1768 | } |
---|
1769 | |
---|
1770 | return selected; |
---|
1771 | }; |
---|
1772 | |
---|
1773 | /** |
---|
1774 | * Determines whether a given date is OOM (out of month). |
---|
1775 | * @param {Date} date The JavaScript Date object for which to check the OOM status |
---|
1776 | * @return {Boolean} true if the date is OOM |
---|
1777 | */ |
---|
1778 | SPIP.widget.Calendar_Core.prototype.isDateOOM = function(date) { |
---|
1779 | var isOOM = false; |
---|
1780 | if (date.getMonth() != this.pageDate.getMonth()) { |
---|
1781 | isOOM = true; |
---|
1782 | } |
---|
1783 | return isOOM; |
---|
1784 | }; |
---|
1785 | |
---|
1786 | /************* END UTILITY METHODS *******************************************************/ |
---|
1787 | |
---|
1788 | /************* BEGIN EVENT HANDLERS ******************************************************/ |
---|
1789 | |
---|
1790 | /** |
---|
1791 | * Event executed before a date is selected in the calendar widget. |
---|
1792 | */ |
---|
1793 | SPIP.widget.Calendar_Core.prototype.onBeforeSelect = function() { |
---|
1794 | if (! this.Options.MULTI_SELECT) { |
---|
1795 | this.clearAllBodyCellStyles(this.Style.CSS_CELL_SELECTED); |
---|
1796 | this.deselectAll(); |
---|
1797 | } |
---|
1798 | }; |
---|
1799 | |
---|
1800 | /** |
---|
1801 | * Event executed when a date is selected in the calendar widget. |
---|
1802 | */ |
---|
1803 | SPIP.widget.Calendar_Core.prototype.onSelect = function() { }; |
---|
1804 | |
---|
1805 | /** |
---|
1806 | * Event executed before a date is deselected in the calendar widget. |
---|
1807 | */ |
---|
1808 | SPIP.widget.Calendar_Core.prototype.onBeforeDeselect = function() { }; |
---|
1809 | |
---|
1810 | /** |
---|
1811 | * Event executed when a date is deselected in the calendar widget. |
---|
1812 | */ |
---|
1813 | SPIP.widget.Calendar_Core.prototype.onDeselect = function() { }; |
---|
1814 | |
---|
1815 | /** |
---|
1816 | * Event executed when the user navigates to a different calendar page. |
---|
1817 | */ |
---|
1818 | SPIP.widget.Calendar_Core.prototype.onChangePage = function() { this.render(); }; |
---|
1819 | |
---|
1820 | /** |
---|
1821 | * Event executed when the calendar widget is rendered. |
---|
1822 | */ |
---|
1823 | SPIP.widget.Calendar_Core.prototype.onRender = function() { }; |
---|
1824 | |
---|
1825 | /** |
---|
1826 | * Event executed when the calendar widget is reset to its original state. |
---|
1827 | */ |
---|
1828 | SPIP.widget.Calendar_Core.prototype.onReset = function() { this.render(); }; |
---|
1829 | |
---|
1830 | /** |
---|
1831 | * Event executed when the calendar widget is completely cleared to the current month with no selections. |
---|
1832 | */ |
---|
1833 | SPIP.widget.Calendar_Core.prototype.onClear = function() { this.render(); }; |
---|
1834 | |
---|
1835 | /** |
---|
1836 | * Validates the calendar widget. This method has no default implementation |
---|
1837 | * and must be extended by subclassing the widget. |
---|
1838 | * @return Should return true if the widget validates, and false if |
---|
1839 | * it doesn't. |
---|
1840 | * @type Boolean |
---|
1841 | */ |
---|
1842 | SPIP.widget.Calendar_Core.prototype.validate = function() { return true; }; |
---|
1843 | |
---|
1844 | /************* END EVENT HANDLERS *********************************************************/ |
---|
1845 | |
---|
1846 | |
---|
1847 | /************* BEGIN DATE PARSE METHODS ***************************************************/ |
---|
1848 | |
---|
1849 | |
---|
1850 | /** |
---|
1851 | * Converts a date string to a date field array |
---|
1852 | * @private |
---|
1853 | * @param {String} sDate Date string. Valid formats are mm/dd and mm/dd/yyyy. |
---|
1854 | * @return A date field array representing the string passed to the method |
---|
1855 | * @type Array[](Integer[]) |
---|
1856 | */ |
---|
1857 | SPIP.widget.Calendar_Core.prototype._parseDate = function(sDate) { |
---|
1858 | var aDate = sDate.split(this.Locale.DATE_FIELD_DELIMITER); |
---|
1859 | var rArray; |
---|
1860 | |
---|
1861 | if (aDate.length == 2) |
---|
1862 | { |
---|
1863 | rArray = [aDate[this.Locale.MD_MONTH_POSITION-1],aDate[this.Locale.MD_DAY_POSITION-1]]; |
---|
1864 | rArray.type = SPIP.widget.Calendar_Core.MONTH_DAY; |
---|
1865 | } else { |
---|
1866 | rArray = [aDate[this.Locale.MDY_YEAR_POSITION-1],aDate[this.Locale.MDY_MONTH_POSITION-1],aDate[this.Locale.MDY_DAY_POSITION-1]]; |
---|
1867 | rArray.type = SPIP.widget.Calendar_Core.DATE; |
---|
1868 | } |
---|
1869 | return rArray; |
---|
1870 | }; |
---|
1871 | |
---|
1872 | /** |
---|
1873 | * Converts a multi or single-date string to an array of date field arrays |
---|
1874 | * @private |
---|
1875 | * @param {String} sDates Date string with one or more comma-delimited dates. Valid formats are mm/dd, mm/dd/yyyy, mm/dd/yyyy-mm/dd/yyyy |
---|
1876 | * @return An array of date field arrays |
---|
1877 | * @type Array[](Integer[]) |
---|
1878 | */ |
---|
1879 | SPIP.widget.Calendar_Core.prototype._parseDates = function(sDates) { |
---|
1880 | var aReturn = new Array(); |
---|
1881 | |
---|
1882 | var aDates = sDates.split(this.Locale.DATE_DELIMITER); |
---|
1883 | |
---|
1884 | for (var d=0;d<aDates.length;++d) |
---|
1885 | { |
---|
1886 | var sDate = aDates[d]; |
---|
1887 | |
---|
1888 | if (sDate.indexOf(this.Locale.DATE_RANGE_DELIMITER) != -1) { |
---|
1889 | // This is a range |
---|
1890 | var aRange = sDate.split(this.Locale.DATE_RANGE_DELIMITER); |
---|
1891 | |
---|
1892 | var dateStart = this._parseDate(aRange[0]); |
---|
1893 | var dateEnd = this._parseDate(aRange[1]); |
---|
1894 | |
---|
1895 | var fullRange = this._parseRange(dateStart, dateEnd); |
---|
1896 | aReturn = aReturn.concat(fullRange); |
---|
1897 | } else { |
---|
1898 | // This is not a range |
---|
1899 | var aDate = this._parseDate(sDate); |
---|
1900 | aReturn.push(aDate); |
---|
1901 | } |
---|
1902 | } |
---|
1903 | return aReturn; |
---|
1904 | }; |
---|
1905 | |
---|
1906 | /** |
---|
1907 | * Converts a date range to the full list of included dates |
---|
1908 | * @private |
---|
1909 | * @param {Integer[]} startDate Date field array representing the first date in the range |
---|
1910 | * @param {Integer[]} endDate Date field array representing the last date in the range |
---|
1911 | * @return An array of date field arrays |
---|
1912 | * @type Array[](Integer[]) |
---|
1913 | */ |
---|
1914 | SPIP.widget.Calendar_Core.prototype._parseRange = function(startDate, endDate) { |
---|
1915 | var dStart = new Date(startDate[0],startDate[1]-1,startDate[2]); |
---|
1916 | var dCurrent = SPIP.widget.DateMath.add(new Date(startDate[0],startDate[1]-1,startDate[2]),SPIP.widget.DateMath.DAY,1); |
---|
1917 | var dEnd = new Date(endDate[0], endDate[1]-1, endDate[2]); |
---|
1918 | |
---|
1919 | var results = new Array(); |
---|
1920 | results.push(startDate); |
---|
1921 | while (dCurrent.getTime() <= dEnd.getTime()) |
---|
1922 | { |
---|
1923 | results.push([dCurrent.getFullYear(),dCurrent.getMonth()+1,dCurrent.getDate()]); |
---|
1924 | dCurrent = SPIP.widget.DateMath.add(dCurrent,SPIP.widget.DateMath.DAY,1); |
---|
1925 | } |
---|
1926 | return results; |
---|
1927 | }; |
---|
1928 | |
---|
1929 | /************* END DATE PARSE METHODS *****************************************************/ |
---|
1930 | |
---|
1931 | /************* BEGIN RENDERER METHODS *****************************************************/ |
---|
1932 | |
---|
1933 | /** |
---|
1934 | * Resets the render stack of the current calendar to its original pre-render value. |
---|
1935 | */ |
---|
1936 | SPIP.widget.Calendar_Core.prototype.resetRenderers = function() { |
---|
1937 | this.renderStack = this._renderStack.concat(); |
---|
1938 | }; |
---|
1939 | |
---|
1940 | /** |
---|
1941 | * Clears the inner HTML, CSS class and style information from the specified cell. |
---|
1942 | * @param {HTMLTableCellElement} The cell to clear |
---|
1943 | */ |
---|
1944 | SPIP.widget.Calendar_Core.prototype.clearElement = function(cell) { |
---|
1945 | cell.innerHTML = " "; |
---|
1946 | cell.className=""; |
---|
1947 | }; |
---|
1948 | |
---|
1949 | /** |
---|
1950 | * Adds a renderer to the render stack. The function reference passed to this method will be executed |
---|
1951 | * when a date cell matches the conditions specified in the date string for this renderer. |
---|
1952 | * @param {String} sDates A date string to associate with the specified renderer. Valid formats |
---|
1953 | * include date (12/24/2005), month/day (12/24), and range (12/1/2004-1/1/2005) |
---|
1954 | * @param {Function} fnRender The function executed to render cells that match the render rules for this renderer. |
---|
1955 | */ |
---|
1956 | SPIP.widget.Calendar_Core.prototype.addRenderer = function(sDates, fnRender) { |
---|
1957 | var aDates = this._parseDates(sDates); |
---|
1958 | for (var i=0;i<aDates.length;++i) |
---|
1959 | { |
---|
1960 | var aDate = aDates[i]; |
---|
1961 | |
---|
1962 | if (aDate.length == 2) // this is either a range or a month/day combo |
---|
1963 | { |
---|
1964 | if (aDate[0] instanceof Array) // this is a range |
---|
1965 | { |
---|
1966 | this._addRenderer(SPIP.widget.Calendar_Core.RANGE,aDate,fnRender); |
---|
1967 | } else { // this is a month/day combo |
---|
1968 | this._addRenderer(SPIP.widget.Calendar_Core.MONTH_DAY,aDate,fnRender); |
---|
1969 | } |
---|
1970 | } else if (aDate.length == 3) |
---|
1971 | { |
---|
1972 | this._addRenderer(SPIP.widget.Calendar_Core.DATE,aDate,fnRender); |
---|
1973 | } |
---|
1974 | } |
---|
1975 | }; |
---|
1976 | |
---|
1977 | /** |
---|
1978 | * The private method used for adding cell renderers to the local render stack. |
---|
1979 | * This method is called by other methods that set the renderer type prior to the method call. |
---|
1980 | * @private |
---|
1981 | * @param {String} type The type string that indicates the type of date renderer being added. |
---|
1982 | * Values are SPIP.widget.Calendar_Core.DATE, SPIP.widget.Calendar_Core.MONTH_DAY, SPIP.widget.Calendar_Core.WEEKDAY, |
---|
1983 | * SPIP.widget.Calendar_Core.RANGE, SPIP.widget.Calendar_Core.MONTH |
---|
1984 | * @param {Array} aDates An array of dates used to construct the renderer. The format varies based |
---|
1985 | * on the renderer type |
---|
1986 | * @param {Function} fnRender The function executed to render cells that match the render rules for this renderer. |
---|
1987 | */ |
---|
1988 | SPIP.widget.Calendar_Core.prototype._addRenderer = function(type, aDates, fnRender) { |
---|
1989 | var add = [type,aDates,fnRender]; |
---|
1990 | this.renderStack.unshift(add); |
---|
1991 | |
---|
1992 | this._renderStack = this.renderStack.concat(); |
---|
1993 | }; |
---|
1994 | |
---|
1995 | /** |
---|
1996 | * Adds a month to the render stack. The function reference passed to this method will be executed |
---|
1997 | * when a date cell matches the month passed to this method. |
---|
1998 | * @param {Integer} month The month (1-12) to associate with this renderer |
---|
1999 | * @param {Function} fnRender The function executed to render cells that match the render rules for this renderer. |
---|
2000 | */ |
---|
2001 | SPIP.widget.Calendar_Core.prototype.addMonthRenderer = function(month, fnRender) { |
---|
2002 | this._addRenderer(SPIP.widget.Calendar_Core.MONTH,[month],fnRender); |
---|
2003 | }; |
---|
2004 | |
---|
2005 | /** |
---|
2006 | * Adds a weekday to the render stack. The function reference passed to this method will be executed |
---|
2007 | * when a date cell matches the weekday passed to this method. |
---|
2008 | * @param {Integer} weekay The weekday (1-7) to associate with this renderer |
---|
2009 | * @param {Function} fnRender The function executed to render cells that match the render rules for this renderer. |
---|
2010 | */ |
---|
2011 | SPIP.widget.Calendar_Core.prototype.addWeekdayRenderer = function(weekday, fnRender) { |
---|
2012 | this._addRenderer(SPIP.widget.Calendar_Core.WEEKDAY,[weekday],fnRender); |
---|
2013 | }; |
---|
2014 | /************* END RENDERER METHODS *******************************************************/ |
---|
2015 | |
---|
2016 | /***************** BEGIN CSS METHODS *******************************************/ |
---|
2017 | /** |
---|
2018 | * Adds the specified CSS class to the element passed to this method. |
---|
2019 | * @param {HTMLElement} element The element to which the CSS class should be applied |
---|
2020 | * @param {String} style The CSS class name to add to the referenced element |
---|
2021 | */ |
---|
2022 | SPIP.widget.Calendar_Core.addCssClass = function(element, style) { |
---|
2023 | if (element.className.length === 0) |
---|
2024 | { |
---|
2025 | element.className += style; |
---|
2026 | } else { |
---|
2027 | element.className += " " + style; |
---|
2028 | } |
---|
2029 | }; |
---|
2030 | |
---|
2031 | SPIP.widget.Calendar_Core.prependCssClass = function(element, style) { |
---|
2032 | element.className = style + " " + element.className; |
---|
2033 | } |
---|
2034 | |
---|
2035 | /** |
---|
2036 | * Removed the specified CSS class from the element passed to this method. |
---|
2037 | * @param {HTMLElement} element The element from which the CSS class should be removed |
---|
2038 | * @param {String} style The CSS class name to remove from the referenced element |
---|
2039 | */ |
---|
2040 | SPIP.widget.Calendar_Core.removeCssClass = function(element, style) { |
---|
2041 | var aStyles = element.className.split(" "); |
---|
2042 | for (var s=0;s<aStyles.length;++s) |
---|
2043 | { |
---|
2044 | if (aStyles[s] == style) |
---|
2045 | { |
---|
2046 | aStyles.splice(s,1); |
---|
2047 | break; |
---|
2048 | } |
---|
2049 | } |
---|
2050 | SPIP.widget.Calendar_Core.setCssClasses(element, aStyles); |
---|
2051 | }; |
---|
2052 | |
---|
2053 | /** |
---|
2054 | * Sets the specified array of CSS classes into the referenced element |
---|
2055 | * @param {HTMLElement} element The element to set the CSS classes into |
---|
2056 | * @param {String[]} aStyles An array of CSS class names |
---|
2057 | */ |
---|
2058 | SPIP.widget.Calendar_Core.setCssClasses = function(element, aStyles) { |
---|
2059 | element.className = ""; |
---|
2060 | var className = aStyles.join(" "); |
---|
2061 | element.className = className; |
---|
2062 | }; |
---|
2063 | |
---|
2064 | /** |
---|
2065 | * Removes all styles from all body cells in the current calendar table. |
---|
2066 | * @param {style} The CSS class name to remove from all calendar body cells |
---|
2067 | */ |
---|
2068 | SPIP.widget.Calendar_Core.prototype.clearAllBodyCellStyles = function(style) { |
---|
2069 | for (var c=0;c<this.cells.length;++c) |
---|
2070 | { |
---|
2071 | SPIP.widget.Calendar_Core.removeCssClass(this.cells[c],style); |
---|
2072 | } |
---|
2073 | }; |
---|
2074 | |
---|
2075 | /***************** END CSS METHODS *********************************************/ |
---|
2076 | |
---|
2077 | /***************** BEGIN GETTER/SETTER METHODS *********************************/ |
---|
2078 | /** |
---|
2079 | * Sets the calendar's month explicitly. |
---|
2080 | * @param {Integer} month The numeric month, from 1 (January) to 12 (December) |
---|
2081 | */ |
---|
2082 | SPIP.widget.Calendar_Core.prototype.setMonth = function(month) { |
---|
2083 | this.pageDate.setMonth(month); |
---|
2084 | }; |
---|
2085 | |
---|
2086 | /** |
---|
2087 | * Sets the calendar's year explicitly. |
---|
2088 | * @param {Integer} year The numeric 4-digit year |
---|
2089 | */ |
---|
2090 | SPIP.widget.Calendar_Core.prototype.setYear = function(year) { |
---|
2091 | this.pageDate.setFullYear(year); |
---|
2092 | }; |
---|
2093 | |
---|
2094 | /** |
---|
2095 | * Gets the list of currently selected dates from the calendar. |
---|
2096 | * @return An array of currently selected JavaScript Date objects. |
---|
2097 | * @type Date[] |
---|
2098 | */ |
---|
2099 | SPIP.widget.Calendar_Core.prototype.getSelectedDates = function() { |
---|
2100 | var returnDates = new Array(); |
---|
2101 | |
---|
2102 | for (var d=0;d<this.selectedDates.length;++d) |
---|
2103 | { |
---|
2104 | var dateArray = this.selectedDates[d]; |
---|
2105 | |
---|
2106 | var date = new Date(dateArray[0],dateArray[1]-1,dateArray[2]); |
---|
2107 | returnDates.push(date); |
---|
2108 | } |
---|
2109 | |
---|
2110 | returnDates.sort(); |
---|
2111 | return returnDates; |
---|
2112 | }; |
---|
2113 | |
---|
2114 | /***************** END GETTER/SETTER METHODS *********************************/ |
---|
2115 | |
---|
2116 | SPIP.widget.Calendar_Core._getBrowser = function() |
---|
2117 | { |
---|
2118 | /** |
---|
2119 | * UserAgent |
---|
2120 | * @private |
---|
2121 | * @type String |
---|
2122 | */ |
---|
2123 | var ua = navigator.userAgent.toLowerCase(); |
---|
2124 | |
---|
2125 | if (ua.indexOf('opera')!=-1) // Opera (check first in case of spoof) |
---|
2126 | return 'opera'; |
---|
2127 | else if (ua.indexOf('msie')!=-1) // IE |
---|
2128 | return 'ie'; |
---|
2129 | else if (ua.indexOf('safari')!=-1) // Safari (check before Gecko because it includes "like Gecko") |
---|
2130 | return 'safari'; |
---|
2131 | else if (ua.indexOf('gecko') != -1) // Gecko |
---|
2132 | return 'gecko'; |
---|
2133 | else |
---|
2134 | return false; |
---|
2135 | } |
---|
2136 | |
---|
2137 | |
---|
2138 | SPIP.widget.Cal_Core = SPIP.widget.Calendar_Core; |
---|
2139 | |
---|
2140 | SPIP.namespace("SPIP.widget"); |
---|
2141 | |
---|
2142 | /** |
---|
2143 | * @class |
---|
2144 | * <p>SPIP.widget.CalendarGroup is a special container class for SPIP.widget.Calendar_Core. This class facilitates |
---|
2145 | * the ability to have multi-page calendar views that share a single dataset and are |
---|
2146 | * dependent on each other.</p> |
---|
2147 | * |
---|
2148 | * <p>The calendar group instance will refer to each of its elements using a 0-based index. |
---|
2149 | * For example, to construct the placeholder for a calendar group widget with id "cal1" and |
---|
2150 | * containerId of "cal1Container", the markup would be as follows: |
---|
2151 | * <xmp> |
---|
2152 | * <div id="cal1Container_0"></div> |
---|
2153 | * <div id="cal1Container_1"></div> |
---|
2154 | * </xmp> |
---|
2155 | * The tables for the calendars ("cal1_0" and "cal1_1") will be inserted into those containers. |
---|
2156 | * </p> |
---|
2157 | * @constructor |
---|
2158 | * @param {Integer} pageCount The number of pages that this calendar should display. |
---|
2159 | * @param {String} id The id of the element that will be inserted into the DOM. |
---|
2160 | * @param {String} containerId The id of the container element that the calendar will be inserted into. |
---|
2161 | * @param {String} monthyear The month/year string used to set the current calendar page |
---|
2162 | * @param {String} selected A string of date values formatted using the date parser. The built-in |
---|
2163 | default date format is MM/DD/YYYY. Ranges are defined using |
---|
2164 | MM/DD/YYYY-MM/DD/YYYY. Month/day combinations are defined using MM/DD. |
---|
2165 | Any combination of these can be combined by delimiting the string with |
---|
2166 | commas. Example: "12/24/2005,12/25,1/18/2006-1/21/2006" |
---|
2167 | */ |
---|
2168 | SPIP.widget.CalendarGroup = function(pageCount, id, containerId, monthyear, selected) { |
---|
2169 | if (arguments.length > 0) |
---|
2170 | { |
---|
2171 | this.init(pageCount, id, containerId, monthyear, selected); |
---|
2172 | } |
---|
2173 | } |
---|
2174 | |
---|
2175 | /** |
---|
2176 | * Initializes the calendar group. All subclasses must call this method in order for the |
---|
2177 | * group to be initialized properly. |
---|
2178 | * @param {Integer} pageCount The number of pages that this calendar should display. |
---|
2179 | * @param {String} id The id of the element that will be inserted into the DOM. |
---|
2180 | * @param {String} containerId The id of the container element that the calendar will be inserted into. |
---|
2181 | * @param {String} monthyear The month/year string used to set the current calendar page |
---|
2182 | * @param {String} selected A string of date values formatted using the date parser. The built-in |
---|
2183 | default date format is MM/DD/YYYY. Ranges are defined using |
---|
2184 | MM/DD/YYYY-MM/DD/YYYY. Month/day combinations are defined using MM/DD. |
---|
2185 | Any combination of these can be combined by delimiting the string with |
---|
2186 | commas. Example: "12/24/2005,12/25,1/18/2006-1/21/2006" |
---|
2187 | */ |
---|
2188 | SPIP.widget.CalendarGroup.prototype.init = function(pageCount, id, containerId, monthyear, selected) { |
---|
2189 | //var self=this; |
---|
2190 | |
---|
2191 | this.id = id; |
---|
2192 | this.selectedDates = new Array(); |
---|
2193 | this.containerId = containerId; |
---|
2194 | |
---|
2195 | this.pageCount = pageCount; |
---|
2196 | |
---|
2197 | this.pages = new Array(); |
---|
2198 | |
---|
2199 | for (var p=0;p<pageCount;++p) |
---|
2200 | { |
---|
2201 | var cal = this.constructChild(id + "_" + p, this.containerId + "_" + p , monthyear, selected); |
---|
2202 | |
---|
2203 | cal.parent = this; |
---|
2204 | |
---|
2205 | cal.index = p; |
---|
2206 | |
---|
2207 | cal.pageDate.setMonth(cal.pageDate.getMonth()+p); |
---|
2208 | cal._pageDateOrig = new Date(cal.pageDate.getFullYear(),cal.pageDate.getMonth(),cal.pageDate.getDate()); |
---|
2209 | this.pages.push(cal); |
---|
2210 | } |
---|
2211 | |
---|
2212 | this.doNextMonth = function(e, calGroup) { |
---|
2213 | calGroup.nextMonth(); |
---|
2214 | } |
---|
2215 | |
---|
2216 | this.doPreviousMonth = function(e, calGroup) { |
---|
2217 | calGroup.previousMonth(); |
---|
2218 | } |
---|
2219 | }; |
---|
2220 | |
---|
2221 | SPIP.widget.CalendarGroup.prototype.setChildFunction = function(fnName, fn) { |
---|
2222 | for (var p=0;p<this.pageCount;++p) { |
---|
2223 | this.pages[p][fnName] = fn; |
---|
2224 | } |
---|
2225 | } |
---|
2226 | |
---|
2227 | SPIP.widget.CalendarGroup.prototype.callChildFunction = function(fnName, args) { |
---|
2228 | for (var p=0;p<this.pageCount;++p) { |
---|
2229 | var page = this.pages[p]; |
---|
2230 | if (page[fnName]) { |
---|
2231 | var fn = page[fnName]; |
---|
2232 | fn.call(page, args); |
---|
2233 | } |
---|
2234 | } |
---|
2235 | } |
---|
2236 | |
---|
2237 | /** |
---|
2238 | * Constructs a child calendar. This method can be overridden if a subclassed version of the default |
---|
2239 | * calendar is to be used. |
---|
2240 | * @param {String} id The id of the element that will be inserted into the DOM. |
---|
2241 | * @param {String} containerId The id of the container element that the calendar will be inserted into. |
---|
2242 | * @param {String} monthyear The month/year string used to set the current calendar page |
---|
2243 | * @param {String} selected A string of date values formatted using the date parser. The built-in |
---|
2244 | default date format is MM/DD/YYYY. Ranges are defined using |
---|
2245 | MM/DD/YYYY-MM/DD/YYYY. Month/day combinations are defined using MM/DD. |
---|
2246 | Any combination of these can be combined by delimiting the string with |
---|
2247 | commas. Example: "12/24/2005,12/25,1/18/2006-1/21/2006" |
---|
2248 | * @return The SPIP.widget.Calendar_Core instance that is constructed |
---|
2249 | * @type SPIP.widget.Calendar_Core |
---|
2250 | */ |
---|
2251 | SPIP.widget.CalendarGroup.prototype.constructChild = function(id,containerId,monthyear,selected) { |
---|
2252 | return new SPIP.widget.Calendar_Core(id,containerId,monthyear,selected); |
---|
2253 | }; |
---|
2254 | |
---|
2255 | |
---|
2256 | /** |
---|
2257 | * Sets the calendar group's month explicitly. This month will be set into the first |
---|
2258 | * page of the multi-page calendar, and all other months will be iterated appropriately. |
---|
2259 | * @param {Integer} month The numeric month, from 1 (January) to 12 (December) |
---|
2260 | */ |
---|
2261 | SPIP.widget.CalendarGroup.prototype.setMonth = function(month) { |
---|
2262 | for (var p=0;p<this.pages.length;++p) |
---|
2263 | { |
---|
2264 | var cal = this.pages[p]; |
---|
2265 | cal.setMonth(month+p); |
---|
2266 | } |
---|
2267 | }; |
---|
2268 | |
---|
2269 | /** |
---|
2270 | * Sets the calendar group's year explicitly. This year will be set into the first |
---|
2271 | * page of the multi-page calendar, and all other months will be iterated appropriately. |
---|
2272 | * @param {Integer} year The numeric 4-digit year |
---|
2273 | */ |
---|
2274 | SPIP.widget.CalendarGroup.prototype.setYear = function(year) { |
---|
2275 | for (var p=0;p<this.pages.length;++p) |
---|
2276 | { |
---|
2277 | var cal = this.pages[p]; |
---|
2278 | if ((cal.pageDate.getMonth()+1) == 1 && p>0) |
---|
2279 | { |
---|
2280 | year+=1; |
---|
2281 | } |
---|
2282 | cal.setYear(year); |
---|
2283 | } |
---|
2284 | }; |
---|
2285 | |
---|
2286 | /** |
---|
2287 | * Calls the render function of all child calendars within the group. |
---|
2288 | */ |
---|
2289 | SPIP.widget.CalendarGroup.prototype.render = function() { |
---|
2290 | for (var p=0;p<this.pages.length;++p) |
---|
2291 | { |
---|
2292 | var cal = this.pages[p]; |
---|
2293 | cal.render(); |
---|
2294 | } |
---|
2295 | }; |
---|
2296 | |
---|
2297 | /** |
---|
2298 | * Calls the select function of all child calendars within the group. |
---|
2299 | */ |
---|
2300 | SPIP.widget.CalendarGroup.prototype.select = function(date) { |
---|
2301 | var ret; |
---|
2302 | for (var p=0;p<this.pages.length;++p) |
---|
2303 | { |
---|
2304 | var cal = this.pages[p]; |
---|
2305 | ret = cal.select(date); |
---|
2306 | } |
---|
2307 | return ret; |
---|
2308 | }; |
---|
2309 | |
---|
2310 | /** |
---|
2311 | * Calls the selectCell function of all child calendars within the group. |
---|
2312 | */ |
---|
2313 | SPIP.widget.CalendarGroup.prototype.selectCell = function(cellIndex) { |
---|
2314 | var ret; |
---|
2315 | for (var p=0;p<this.pages.length;++p) |
---|
2316 | { |
---|
2317 | var cal = this.pages[p]; |
---|
2318 | ret = cal.selectCell(cellIndex); |
---|
2319 | } |
---|
2320 | return ret; |
---|
2321 | }; |
---|
2322 | |
---|
2323 | /** |
---|
2324 | * Calls the deselect function of all child calendars within the group. |
---|
2325 | */ |
---|
2326 | SPIP.widget.CalendarGroup.prototype.deselect = function(date) { |
---|
2327 | var ret; |
---|
2328 | for (var p=0;p<this.pages.length;++p) |
---|
2329 | { |
---|
2330 | var cal = this.pages[p]; |
---|
2331 | ret = cal.deselect(date); |
---|
2332 | } |
---|
2333 | return ret; |
---|
2334 | }; |
---|
2335 | |
---|
2336 | /** |
---|
2337 | * Calls the deselectAll function of all child calendars within the group. |
---|
2338 | */ |
---|
2339 | SPIP.widget.CalendarGroup.prototype.deselectAll = function() { |
---|
2340 | var ret; |
---|
2341 | for (var p=0;p<this.pages.length;++p) |
---|
2342 | { |
---|
2343 | var cal = this.pages[p]; |
---|
2344 | ret = cal.deselectAll(); |
---|
2345 | } |
---|
2346 | return ret; |
---|
2347 | }; |
---|
2348 | |
---|
2349 | /** |
---|
2350 | * Calls the deselectAll function of all child calendars within the group. |
---|
2351 | */ |
---|
2352 | SPIP.widget.CalendarGroup.prototype.deselectCell = function(cellIndex) { |
---|
2353 | for (var p=0;p<this.pages.length;++p) |
---|
2354 | { |
---|
2355 | var cal = this.pages[p]; |
---|
2356 | cal.deselectCell(cellIndex); |
---|
2357 | } |
---|
2358 | return this.getSelectedDates(); |
---|
2359 | }; |
---|
2360 | |
---|
2361 | /** |
---|
2362 | * Calls the reset function of all child calendars within the group. |
---|
2363 | */ |
---|
2364 | SPIP.widget.CalendarGroup.prototype.reset = function() { |
---|
2365 | for (var p=0;p<this.pages.length;++p) |
---|
2366 | { |
---|
2367 | var cal = this.pages[p]; |
---|
2368 | cal.reset(); |
---|
2369 | } |
---|
2370 | }; |
---|
2371 | |
---|
2372 | /** |
---|
2373 | * Calls the clear function of all child calendars within the group. |
---|
2374 | */ |
---|
2375 | SPIP.widget.CalendarGroup.prototype.clear = function() { |
---|
2376 | for (var p=0;p<this.pages.length;++p) |
---|
2377 | { |
---|
2378 | var cal = this.pages[p]; |
---|
2379 | cal.clear(); |
---|
2380 | } |
---|
2381 | }; |
---|
2382 | |
---|
2383 | /** |
---|
2384 | * Calls the nextMonth function of all child calendars within the group. |
---|
2385 | */ |
---|
2386 | SPIP.widget.CalendarGroup.prototype.nextMonth = function() { |
---|
2387 | for (var p=0;p<this.pages.length;++p) |
---|
2388 | { |
---|
2389 | var cal = this.pages[p]; |
---|
2390 | cal.nextMonth(); |
---|
2391 | } |
---|
2392 | }; |
---|
2393 | |
---|
2394 | /** |
---|
2395 | * Calls the previousMonth function of all child calendars within the group. |
---|
2396 | */ |
---|
2397 | SPIP.widget.CalendarGroup.prototype.previousMonth = function() { |
---|
2398 | for (var p=this.pages.length-1;p>=0;--p) |
---|
2399 | { |
---|
2400 | var cal = this.pages[p]; |
---|
2401 | cal.previousMonth(); |
---|
2402 | } |
---|
2403 | }; |
---|
2404 | |
---|
2405 | /** |
---|
2406 | * Calls the nextYear function of all child calendars within the group. |
---|
2407 | */ |
---|
2408 | SPIP.widget.CalendarGroup.prototype.nextYear = function() { |
---|
2409 | for (var p=0;p<this.pages.length;++p) |
---|
2410 | { |
---|
2411 | var cal = this.pages[p]; |
---|
2412 | cal.nextYear(); |
---|
2413 | } |
---|
2414 | }; |
---|
2415 | |
---|
2416 | /** |
---|
2417 | * Calls the previousYear function of all child calendars within the group. |
---|
2418 | */ |
---|
2419 | SPIP.widget.CalendarGroup.prototype.previousYear = function() { |
---|
2420 | for (var p=0;p<this.pages.length;++p) |
---|
2421 | { |
---|
2422 | var cal = this.pages[p]; |
---|
2423 | cal.previousYear(); |
---|
2424 | } |
---|
2425 | }; |
---|
2426 | |
---|
2427 | /** |
---|
2428 | * Synchronizes the data values for all child calendars within the group. If the sync |
---|
2429 | * method is called passing in the caller object, the values of all children will be set |
---|
2430 | * to the values of the caller. If the argument is ommitted, the values from all children |
---|
2431 | * will be combined into one distinct list and set into each child. |
---|
2432 | * @param {SPIP.widget.Calendar_Core} caller The SPIP.widget.Calendar_Core that is initiating the call to sync(). |
---|
2433 | * @return Array of selected dates, in JavaScript Date object form. |
---|
2434 | * @type Date[] |
---|
2435 | */ |
---|
2436 | SPIP.widget.CalendarGroup.prototype.sync = function(caller) { |
---|
2437 | var calendar; |
---|
2438 | |
---|
2439 | if (caller) |
---|
2440 | { |
---|
2441 | this.selectedDates = caller.selectedDates.concat(); |
---|
2442 | } else { |
---|
2443 | var hash = new Object(); |
---|
2444 | var combinedDates = new Array(); |
---|
2445 | |
---|
2446 | for (var p=0;p<this.pages.length;++p) |
---|
2447 | { |
---|
2448 | calendar = this.pages[p]; |
---|
2449 | |
---|
2450 | var values = calendar.selectedDates; |
---|
2451 | |
---|
2452 | for (var v=0;v<values.length;++v) |
---|
2453 | { |
---|
2454 | var valueArray = values[v]; |
---|
2455 | hash[valueArray.toString()] = valueArray; |
---|
2456 | } |
---|
2457 | } |
---|
2458 | |
---|
2459 | for (var val in hash) |
---|
2460 | { |
---|
2461 | combinedDates[combinedDates.length]=hash[val]; |
---|
2462 | } |
---|
2463 | |
---|
2464 | this.selectedDates = combinedDates.concat(); |
---|
2465 | } |
---|
2466 | |
---|
2467 | // Set all the values into the children |
---|
2468 | for (p=0;p<this.pages.length;++p) |
---|
2469 | { |
---|
2470 | calendar = this.pages[p]; |
---|
2471 | if (! calendar.Options.MULTI_SELECT) { |
---|
2472 | calendar.clearAllBodyCellStyles(calendar.Config.Style.CSS_CELL_SELECTED); |
---|
2473 | } |
---|
2474 | calendar.selectedDates = this.selectedDates.concat(); |
---|
2475 | |
---|
2476 | } |
---|
2477 | |
---|
2478 | return this.getSelectedDates(); |
---|
2479 | }; |
---|
2480 | |
---|
2481 | /** |
---|
2482 | * Gets the list of currently selected dates from the calendar. |
---|
2483 | * @return An array of currently selected JavaScript Date objects. |
---|
2484 | * @type Date[] |
---|
2485 | */ |
---|
2486 | SPIP.widget.CalendarGroup.prototype.getSelectedDates = function() { |
---|
2487 | var returnDates = new Array(); |
---|
2488 | |
---|
2489 | for (var d=0;d<this.selectedDates.length;++d) |
---|
2490 | { |
---|
2491 | var dateArray = this.selectedDates[d]; |
---|
2492 | |
---|
2493 | var date = new Date(dateArray[0],dateArray[1]-1,dateArray[2]); |
---|
2494 | returnDates.push(date); |
---|
2495 | } |
---|
2496 | |
---|
2497 | returnDates.sort(); |
---|
2498 | return returnDates; |
---|
2499 | }; |
---|
2500 | |
---|
2501 | /** |
---|
2502 | * Calls the addRenderer function of all child calendars within the group. |
---|
2503 | */ |
---|
2504 | SPIP.widget.CalendarGroup.prototype.addRenderer = function(sDates, fnRender) { |
---|
2505 | for (var p=0;p<this.pages.length;++p) |
---|
2506 | { |
---|
2507 | var cal = this.pages[p]; |
---|
2508 | cal.addRenderer(sDates, fnRender); |
---|
2509 | } |
---|
2510 | }; |
---|
2511 | |
---|
2512 | /** |
---|
2513 | * Calls the addMonthRenderer function of all child calendars within the group. |
---|
2514 | */ |
---|
2515 | SPIP.widget.CalendarGroup.prototype.addMonthRenderer = function(month, fnRender) { |
---|
2516 | for (var p=0;p<this.pages.length;++p) |
---|
2517 | { |
---|
2518 | var cal = this.pages[p]; |
---|
2519 | cal.addMonthRenderer(month, fnRender); |
---|
2520 | } |
---|
2521 | }; |
---|
2522 | |
---|
2523 | /** |
---|
2524 | * Calls the addWeekdayRenderer function of all child calendars within the group. |
---|
2525 | */ |
---|
2526 | SPIP.widget.CalendarGroup.prototype.addWeekdayRenderer = function(weekday, fnRender) { |
---|
2527 | for (var p=0;p<this.pages.length;++p) |
---|
2528 | { |
---|
2529 | var cal = this.pages[p]; |
---|
2530 | cal.addWeekdayRenderer(weekday, fnRender); |
---|
2531 | } |
---|
2532 | }; |
---|
2533 | |
---|
2534 | /** |
---|
2535 | * Sets an event handler universally across all child calendars within the group. For instance, |
---|
2536 | * to set the onSelect handler for all child calendars to a function called fnSelect, the call would be: |
---|
2537 | * <code> |
---|
2538 | * calGroup.wireEvent("onSelect", fnSelect); |
---|
2539 | * </code> |
---|
2540 | * @param {String} eventName The name of the event to handler to set within all child calendars. |
---|
2541 | * @param {Function} fn The function to set into the specified event handler. |
---|
2542 | */ |
---|
2543 | SPIP.widget.CalendarGroup.prototype.wireEvent = function(eventName, fn) { |
---|
2544 | for (var p=0;p<this.pages.length;++p) |
---|
2545 | { |
---|
2546 | var cal = this.pages[p]; |
---|
2547 | cal[eventName] = fn; |
---|
2548 | } |
---|
2549 | }; |
---|
2550 | |
---|
2551 | SPIP.widget.CalGrp = SPIP.widget.CalendarGroup; |
---|
2552 | |
---|
2553 | SPIP.namespace("SPIP.widget"); |
---|
2554 | |
---|
2555 | /** |
---|
2556 | * @class |
---|
2557 | * Calendar is the default implementation of the SPIP.widget.Calendar_Core base class. |
---|
2558 | * This class is the UED-approved version of the calendar selector widget. For all documentation |
---|
2559 | * on the implemented methods listed here, see the documentation for SPIP.widget.Calendar_Core. |
---|
2560 | * @constructor |
---|
2561 | * @param {String} id The id of the table element that will represent the calendar widget |
---|
2562 | * @param {String} containerId The id of the container element that will contain the calendar table |
---|
2563 | * @param {String} monthyear The month/year string used to set the current calendar page |
---|
2564 | * @param {String} selected A string of date values formatted using the date parser. The built-in |
---|
2565 | default date format is MM/DD/YYYY. Ranges are defined using |
---|
2566 | MM/DD/YYYY-MM/DD/YYYY. Month/day combinations are defined using MM/DD. |
---|
2567 | Any combination of these can be combined by delimiting the string with |
---|
2568 | commas. Example: "12/24/2005,12/25,1/18/2006-1/21/2006" |
---|
2569 | */ |
---|
2570 | SPIP.widget.Calendar = function(id, containerId, monthyear, selected) { |
---|
2571 | if (arguments.length > 0) |
---|
2572 | { |
---|
2573 | this.init(id, containerId, monthyear, selected); |
---|
2574 | } |
---|
2575 | } |
---|
2576 | |
---|
2577 | SPIP.widget.Calendar.prototype = new SPIP.widget.Calendar_Core(); |
---|
2578 | |
---|
2579 | SPIP.widget.Calendar.prototype.buildShell = function() { |
---|
2580 | this.border = document.createElement("DIV"); |
---|
2581 | this.border.className = this.Style.CSS_BORDER; |
---|
2582 | |
---|
2583 | this.table = document.createElement("TABLE"); |
---|
2584 | this.table.cellSpacing = 0; |
---|
2585 | |
---|
2586 | SPIP.widget.Calendar_Core.setCssClasses(this.table, [this.Style.CSS_CALENDAR]); |
---|
2587 | |
---|
2588 | this.border.id = this.id; |
---|
2589 | |
---|
2590 | this.buildShellHeader(); |
---|
2591 | this.buildShellBody(); |
---|
2592 | this.buildShellFooter(); |
---|
2593 | }; |
---|
2594 | |
---|
2595 | SPIP.widget.Calendar.prototype.renderShell = function() { |
---|
2596 | this.border.appendChild(this.table); |
---|
2597 | this.oDomContainer.appendChild(this.border); |
---|
2598 | this.shellRendered = true; |
---|
2599 | }; |
---|
2600 | |
---|
2601 | SPIP.widget.Calendar.prototype.renderHeader = function() { |
---|
2602 | this.headerCell.innerHTML = ""; |
---|
2603 | |
---|
2604 | var headerContainer = document.createElement("DIV"); |
---|
2605 | headerContainer.className = this.Style.CSS_HEADER; |
---|
2606 | |
---|
2607 | var linkLeft = document.createElement("A"); |
---|
2608 | linkLeft.href = "javascript:" + this.id + ".previousMonth()"; |
---|
2609 | var imgLeft = document.createElement("IMG"); |
---|
2610 | imgLeft.src = this.Options.NAV_ARROW_LEFT; |
---|
2611 | imgLeft.className = this.Style.CSS_NAV_LEFT; |
---|
2612 | linkLeft.appendChild(imgLeft); |
---|
2613 | |
---|
2614 | var linkRight = document.createElement("A"); |
---|
2615 | linkRight.href = "javascript:" + this.id + ".nextMonth()"; |
---|
2616 | var imgRight = document.createElement("IMG"); |
---|
2617 | imgRight.src = this.Options.NAV_ARROW_RIGHT; |
---|
2618 | imgRight.className = this.Style.CSS_NAV_RIGHT; |
---|
2619 | linkRight.appendChild(imgRight); |
---|
2620 | |
---|
2621 | headerContainer.appendChild(linkLeft); |
---|
2622 | var labelMonth = document.createElement("span"); |
---|
2623 | labelMonth.innerHTML = this.buildMonthLabel(); |
---|
2624 | headerContainer.appendChild(labelMonth); |
---|
2625 | headerContainer.appendChild(linkRight); |
---|
2626 | |
---|
2627 | this.headerCell.appendChild(headerContainer); |
---|
2628 | }; |
---|
2629 | |
---|
2630 | SPIP.widget.Cal = SPIP.widget.Calendar; |
---|
2631 | |
---|
2632 | SPIP.namespace("SPIP.widget"); |
---|
2633 | |
---|
2634 | /** |
---|
2635 | * @class |
---|
2636 | * Calendar2up_Cal is the default implementation of the Calendar_Core base class, when used |
---|
2637 | * in a 2-up view. This class is the UED-approved version of the calendar selector widget. For all documentation |
---|
2638 | * on the implemented methods listed here, see the documentation for Calendar_Core. This class |
---|
2639 | * has some special attributes that only apply to calendars rendered within the calendar group implementation. |
---|
2640 | * There should be no reason to instantiate this class directly. |
---|
2641 | * @constructor |
---|
2642 | * @param {String} id The id of the table element that will represent the calendar widget |
---|
2643 | * @param {String} containerId The id of the container element that will contain the calendar table |
---|
2644 | * @param {String} monthyear The month/year string used to set the current calendar page |
---|
2645 | * @param {String} selected A string of date values formatted using the date parser. The built-in |
---|
2646 | default date format is MM/DD/YYYY. Ranges are defined using |
---|
2647 | MM/DD/YYYY-MM/DD/YYYY. Month/day combinations are defined using MM/DD. |
---|
2648 | Any combination of these can be combined by delimiting the string with |
---|
2649 | commas. Example: "12/24/2005,12/25,1/18/2006-1/21/2006" |
---|
2650 | */ |
---|
2651 | SPIP.widget.Calendar2up_Cal = function(id, containerId, monthyear, selected) { |
---|
2652 | if (arguments.length > 0) |
---|
2653 | { |
---|
2654 | this.init(id, containerId, monthyear, selected); |
---|
2655 | } |
---|
2656 | } |
---|
2657 | |
---|
2658 | SPIP.widget.Calendar2up_Cal.prototype = new SPIP.widget.Calendar_Core(); |
---|
2659 | |
---|
2660 | /** |
---|
2661 | * Renders the header for each individual calendar in the 2-up view. More |
---|
2662 | * specifically, this method handles the placement of left and right arrows for |
---|
2663 | * navigating between calendar pages. |
---|
2664 | */ |
---|
2665 | SPIP.widget.Calendar2up_Cal.prototype.renderHeader = function() { |
---|
2666 | this.headerCell.innerHTML = ""; |
---|
2667 | |
---|
2668 | var headerContainer = document.createElement("DIV"); |
---|
2669 | headerContainer.className = this.Style.CSS_HEADER; |
---|
2670 | |
---|
2671 | if (this.index == 0) { |
---|
2672 | var linkLeft = document.createElement("A"); |
---|
2673 | linkLeft.href = "javascript:void(null)"; |
---|
2674 | SPIP.util.Event.addListener(linkLeft, "click", this.parent.doPreviousMonth, this.parent); |
---|
2675 | var imgLeft = document.createElement("IMG"); |
---|
2676 | imgLeft.src = this.Options.NAV_ARROW_LEFT; |
---|
2677 | imgLeft.className = this.Style.CSS_NAV_LEFT; |
---|
2678 | linkLeft.appendChild(imgLeft); |
---|
2679 | headerContainer.appendChild(linkLeft); |
---|
2680 | } |
---|
2681 | |
---|
2682 | var labelMonth = document.createElement("span"); |
---|
2683 | labelMonth.innerHTML = this.buildMonthLabel(); |
---|
2684 | /*headerContainer.appendChild(document.createTextNode(this.buildMonthLabel()));*/ |
---|
2685 | headerContainer.appendChild(labelMonth); |
---|
2686 | |
---|
2687 | if (this.index == 1) { |
---|
2688 | var linkRight = document.createElement("A"); |
---|
2689 | linkRight.href = "javascript:void(null)"; |
---|
2690 | SPIP.util.Event.addListener(linkRight, "click", this.parent.doNextMonth, this.parent); |
---|
2691 | var imgRight = document.createElement("IMG"); |
---|
2692 | imgRight.src = this.Options.NAV_ARROW_RIGHT; |
---|
2693 | imgRight.className = this.Style.CSS_NAV_RIGHT; |
---|
2694 | linkRight.appendChild(imgRight); |
---|
2695 | headerContainer.appendChild(linkRight); |
---|
2696 | } |
---|
2697 | |
---|
2698 | this.headerCell.appendChild(headerContainer); |
---|
2699 | }; |
---|
2700 | |
---|
2701 | |
---|
2702 | |
---|
2703 | |
---|
2704 | /** |
---|
2705 | * @class |
---|
2706 | * Calendar2up is the default implementation of the Calendar2up_Core base class, when used |
---|
2707 | * in a 2-up view. This class is the UED-approved version of the 2-up calendar selector widget. For all documentation |
---|
2708 | * on the implemented methods listed here, see the documentation for Calendar2up_Core. |
---|
2709 | * @constructor |
---|
2710 | * @param {String} id The id of the table element that will represent the calendar widget |
---|
2711 | * @param {String} containerId The id of the container element that will contain the calendar table |
---|
2712 | * @param {String} monthyear The month/year string used to set the current calendar page |
---|
2713 | * @param {String} selected A string of date values formatted using the date parser. The built-in |
---|
2714 | default date format is MM/DD/YYYY. Ranges are defined using |
---|
2715 | MM/DD/YYYY-MM/DD/YYYY. Month/day combinations are defined using MM/DD. |
---|
2716 | Any combination of these can be combined by delimiting the string with |
---|
2717 | commas. Example: "12/24/2005,12/25,1/18/2006-1/21/2006" |
---|
2718 | */ |
---|
2719 | SPIP.widget.Calendar2up = function(id, containerId, monthyear, selected) { |
---|
2720 | if (arguments.length > 0) |
---|
2721 | { |
---|
2722 | this.buildWrapper(containerId); |
---|
2723 | this.init(2, id, containerId, monthyear, selected); |
---|
2724 | } |
---|
2725 | } |
---|
2726 | |
---|
2727 | SPIP.widget.Calendar2up.prototype = new SPIP.widget.CalendarGroup(); |
---|
2728 | |
---|
2729 | /** |
---|
2730 | * Implementation of CalendarGroup.constructChild that ensures that child calendars of |
---|
2731 | * Calendar2up will be of type Calendar2up_Cal. |
---|
2732 | */ |
---|
2733 | SPIP.widget.Calendar2up.prototype.constructChild = function(id,containerId,monthyear,selected) { |
---|
2734 | var cal = new SPIP.widget.Calendar2up_Cal(id,containerId,monthyear,selected); |
---|
2735 | return cal; |
---|
2736 | }; |
---|
2737 | |
---|
2738 | /** |
---|
2739 | * Builds the wrapper container for the 2-up calendar. |
---|
2740 | * @param {String} containerId The id of the outer container element. |
---|
2741 | */ |
---|
2742 | SPIP.widget.Calendar2up.prototype.buildWrapper = function(containerId) { |
---|
2743 | var outerContainer = document.getElementById(containerId); |
---|
2744 | |
---|
2745 | outerContainer.className = "calcontainer"; |
---|
2746 | /*outerContainer.innerHTML=""; |
---|
2747 | if (SPIP.widget.Calendar_Core._getBrowser() == "ie") { |
---|
2748 | outerContainer.innerHTML="<iframe src='about:blank' scrolling='no' frameborder='0' style='position:absolute;left:0px;top:0px;z-index:0;' class='califrame'></iframe>"; |
---|
2749 | }*/ |
---|
2750 | |
---|
2751 | var innerContainer = document.createElement("DIV"); |
---|
2752 | innerContainer.className = "calbordered"; |
---|
2753 | innerContainer.id = containerId + "_inner"; |
---|
2754 | |
---|
2755 | var cal1Container = document.createElement("DIV"); |
---|
2756 | cal1Container.id = containerId + "_0"; |
---|
2757 | cal1Container.className = "cal2up"; |
---|
2758 | cal1Container.style.marginRight = "10px"; |
---|
2759 | cal1Container.style.zIndex="99"; |
---|
2760 | //cal1Container.style.cssFloat="left"; |
---|
2761 | |
---|
2762 | var cal2Container = document.createElement("DIV"); |
---|
2763 | cal2Container.id = containerId + "_1"; |
---|
2764 | cal2Container.className = "cal2up2"; |
---|
2765 | cal1Container.style.zIndex="99"; |
---|
2766 | //cal2Container.style.cssFloat="left"; |
---|
2767 | |
---|
2768 | outerContainer.appendChild(innerContainer); |
---|
2769 | innerContainer.appendChild(cal1Container); |
---|
2770 | innerContainer.appendChild(cal2Container); |
---|
2771 | |
---|
2772 | this.innerContainer = innerContainer; |
---|
2773 | this.outerContainer = outerContainer; |
---|
2774 | } |
---|
2775 | |
---|
2776 | /** |
---|
2777 | * Renders the 2-up calendar. |
---|
2778 | */ |
---|
2779 | SPIP.widget.Calendar2up.prototype.render = function() { |
---|
2780 | this.renderHeader(); |
---|
2781 | SPIP.widget.CalendarGroup.prototype.render.call(this); |
---|
2782 | this.renderFooter(); |
---|
2783 | }; |
---|
2784 | |
---|
2785 | /** |
---|
2786 | * Renders the header located at the top of the container for the 2-up calendar. |
---|
2787 | */ |
---|
2788 | SPIP.widget.Calendar2up.prototype.renderHeader = function() { |
---|
2789 | if (! this.title) { |
---|
2790 | this.title = ""; |
---|
2791 | } |
---|
2792 | if (! this.titleDiv) |
---|
2793 | { |
---|
2794 | this.titleDiv = document.createElement("DIV"); |
---|
2795 | if (this.title == "") |
---|
2796 | { |
---|
2797 | this.titleDiv.style.display="none"; |
---|
2798 | } |
---|
2799 | } |
---|
2800 | |
---|
2801 | this.titleDiv.className = "title"; |
---|
2802 | this.titleDiv.innerHTML = this.title; |
---|
2803 | |
---|
2804 | if (this.outerContainer.style.position == "absolute") |
---|
2805 | { |
---|
2806 | var linkClose = document.createElement("A"); |
---|
2807 | linkClose.href = "javascript:void(null)"; |
---|
2808 | SPIP.util.Event.addListener(linkClose, "click", this.hide, this); |
---|
2809 | |
---|
2810 | var imgClose = document.createElement("IMG"); |
---|
2811 | imgClose.src = this.pages[0].Options.IMG_CLOSE; |
---|
2812 | imgClose.className = this.pages[0].Options.IMG_CLOSE_CLASS; |
---|
2813 | |
---|
2814 | linkClose.appendChild(imgClose); |
---|
2815 | |
---|
2816 | this.linkClose = linkClose; |
---|
2817 | |
---|
2818 | this.titleDiv.appendChild(linkClose); |
---|
2819 | } |
---|
2820 | |
---|
2821 | this.innerContainer.insertBefore(this.titleDiv, this.innerContainer.firstChild); |
---|
2822 | } |
---|
2823 | |
---|
2824 | /** |
---|
2825 | * Hides the 2-up calendar's outer container from view. |
---|
2826 | */ |
---|
2827 | SPIP.widget.Calendar2up.prototype.hide = function(e, cal) { |
---|
2828 | if (! cal) |
---|
2829 | { |
---|
2830 | cal = this; |
---|
2831 | } |
---|
2832 | cal.outerContainer.style.display = "none"; |
---|
2833 | } |
---|
2834 | |
---|
2835 | /** |
---|
2836 | * Renders a footer for the 2-up calendar container. By default, this method is |
---|
2837 | * unimplemented. |
---|
2838 | */ |
---|
2839 | SPIP.widget.Calendar2up.prototype.renderFooter = function() {} |
---|
2840 | |
---|
2841 | SPIP.widget.Cal2up = SPIP.widget.Calendar2up; |
---|