summaryrefslogtreecommitdiff
path: root/js/dojo/dojox/widget/CalendarViews.js
diff options
context:
space:
mode:
Diffstat (limited to 'js/dojo/dojox/widget/CalendarViews.js')
-rw-r--r--js/dojo/dojox/widget/CalendarViews.js153
1 files changed, 153 insertions, 0 deletions
diff --git a/js/dojo/dojox/widget/CalendarViews.js b/js/dojo/dojox/widget/CalendarViews.js
new file mode 100644
index 0000000..3dda8ab
--- /dev/null
+++ b/js/dojo/dojox/widget/CalendarViews.js
@@ -0,0 +1,153 @@
+//>>built
+// wrapped by build app
+define("dojox/widget/CalendarViews", ["dijit","dojo","dojox","dojo/require!dojox/widget/Calendar"], function(dijit,dojo,dojox){
+dojo.provide("dojox.widget.CalendarViews");
+dojo.experimental("dojox.widget.CalendarViews");
+
+dojo.require("dojox.widget.Calendar");
+
+dojo.declare("dojox.widget._CalendarMonth", null, {
+ // summary: Mixin class for adding a view listing all 12 months of the year to the
+ // dojox.widget._CalendarBase
+
+
+ constructor: function(){
+ // summary: Adds a dojox.widget._CalendarMonthView view to the calendar widget.
+ this._addView(dojox.widget._CalendarMonthView);
+ }
+});
+
+dojo.declare("dojox.widget._CalendarMonthView", [dojox.widget._CalendarView, dijit._Templated], {
+ // summary: A Calendar view listing the 12 months of the year
+
+ // templateString: String
+ // The template to be used to construct the widget.
+ templateString: dojo.cache("dojox.widget", "Calendar/CalendarMonth.html", "<div class=\"dojoxCalendarMonthLabels\" style=\"left: 0px;\" \n\tdojoAttachPoint=\"monthContainer\" dojoAttachEvent=\"onclick: onClick\">\n <table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"margin: auto;\">\n <tbody>\n <tr class=\"dojoxCalendarMonthGroupTemplate\">\n <td class=\"dojoxCalendarMonthTemplate\">\n <div class=\"dojoxCalendarMonthLabel\"></div>\n </td>\n </tr>\n </tbody>\n </table>\n</div>\n"),
+
+ // datePart: String
+ // Specifies how much to increment the displayed date when the user
+ // clicks the array button to increment of decrement the view.
+ datePart: "year",
+
+ // headerClass: String
+ // Specifies the CSS class to apply to the header node for this view.
+ headerClass: "dojoxCalendarMonthHeader",
+
+ postCreate: function(){
+ // summary: Constructs the view
+ this.cloneClass(".dojoxCalendarMonthTemplate", 3);
+ this.cloneClass(".dojoxCalendarMonthGroupTemplate", 2);
+ this._populateMonths();
+
+ // Add visual effects to the view, if any have been mixed in
+ this.addFx(".dojoxCalendarMonthLabel", this.domNode);
+ },
+
+ _setValueAttr: function(value){
+ this.header.innerHTML = value.getFullYear();
+ },
+
+ _getMonthNames: dojox.widget._CalendarMonthYearView.prototype._getMonthNames,
+
+ _populateMonths: dojox.widget._CalendarMonthYearView.prototype._populateMonths,
+
+ onClick: function(evt){
+ // summary: Handles clicks on month names
+ if(!dojo.hasClass(evt.target, "dojoxCalendarMonthLabel")){dojo.stopEvent(evt); return;}
+ var parentNode = evt.target.parentNode;
+ var month = parentNode.cellIndex + (parentNode.parentNode.rowIndex * 4);
+ var date = this.get("value");
+
+ // Seeing a really strange bug in FF3.6 where this has to be called twice
+ // in order to take affect
+ date.setMonth(month);
+ date.setMonth(month);
+ this.onValueSelected(date, month);
+ }
+});
+
+dojo.declare("dojox.widget._CalendarYear", null, {
+ // summary: Mixin class for adding a view listing 12 years to the
+ // dojox.widget._CalendarBase
+ parent: null,
+
+ constructor: function(){
+ // summary: Adds a dojox.widget._CalendarYearView view to the
+ // dojo.widget._CalendarBase widget.
+ this._addView(dojox.widget._CalendarYearView);
+ }
+});
+
+dojo.declare("dojox.widget._CalendarYearView", [dojox.widget._CalendarView, dijit._Templated], {
+ // summary: A Calendar view listing 12 years
+
+ // templateString: String
+ // The template to be used to construct the widget.
+ templateString: dojo.cache("dojox.widget", "Calendar/CalendarYear.html", "<div class=\"dojoxCalendarYearLabels\" style=\"left: 0px;\" dojoAttachPoint=\"yearContainer\">\n <table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"margin: auto;\" dojoAttachEvent=\"onclick: onClick\">\n <tbody>\n <tr class=\"dojoxCalendarYearGroupTemplate\">\n <td class=\"dojoxCalendarNextMonth dojoxCalendarYearTemplate\">\n <div class=\"dojoxCalendarYearLabel\">\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n</div>\n"),
+
+ displayedYears: 6,
+
+ postCreate: function(){
+ // summary: Constructs the view
+ this.cloneClass(".dojoxCalendarYearTemplate", 3);
+ this.cloneClass(".dojoxCalendarYearGroupTemplate", 2);
+ this._populateYears();
+ this.addFx(".dojoxCalendarYearLabel", this.domNode);
+ },
+
+ _setValueAttr: function(value){
+ this._populateYears(value.getFullYear());
+ },
+
+ _populateYears: dojox.widget._CalendarMonthYearView.prototype._populateYears,
+
+ adjustDate: function(date, amount){
+ // summary: Adjusts the value of a date. It moves it by 12 years each time.
+ return dojo.date.add(date, "year", amount * 12);
+ },
+
+ onClick: function(evt){
+ // summary: Handles clicks on year values.
+ if(!dojo.hasClass(evt.target, "dojoxCalendarYearLabel")){dojo.stopEvent(evt); return;}
+ var year = Number(evt.target.innerHTML);
+ var date = this.get("value");
+ date.setYear(year);
+ this.onValueSelected(date, year);
+ }
+});
+
+
+dojo.declare("dojox.widget.Calendar3Pane",
+ [dojox.widget._CalendarBase,
+ dojox.widget._CalendarDay,
+ dojox.widget._CalendarMonth,
+ dojox.widget._CalendarYear], {
+ // summary: The Calendar includes day, month and year views.
+ // No visual effects are included.
+ }
+);
+
+dojo.declare("dojox.widget.MonthlyCalendar",
+ [dojox.widget._CalendarBase,
+ dojox.widget._CalendarMonth], {
+ // summary: A calendar with only a month view.
+ _makeDate: function(value){
+ var now = new Date();
+ now.setMonth(value);
+ return now;
+ }
+ }
+);
+dojo.declare("dojox.widget.YearlyCalendar",
+ [dojox.widget._CalendarBase,
+ dojox.widget._CalendarYear], {
+ // summary: A calendar with only a year view.
+ _makeDate: function(value){
+ var now = new Date();
+ now.setFullYear(value);
+ return now;
+ }
+ }
+);
+
+});