1471 lines
40 KiB
JavaScript
1471 lines
40 KiB
JavaScript
require({cache:{
|
|
'url:dojox/calendar/templates/MonthColumnView.html':"<div data-dojo-attach-events=\"keydown:_onKeyDown\">\t\t\n\t<div data-dojo-attach-point=\"columnHeader\" class=\"dojoxCalendarColumnHeader\">\n\t\t<table data-dojo-attach-point=\"columnHeaderTable\" class=\"dojoxCalendarColumnHeaderTable\" cellpadding=\"0\" cellspacing=\"0\"></table>\n\t</div>\t\n\t<div data-dojo-attach-point=\"vScrollBar\" class=\"dojoxCalendarVScrollBar\">\n\t\t<div data-dojo-attach-point=\"vScrollBarContent\" style=\"visibility:hidden;position:relative; width:1px; height:1px;\" ></div>\n\t</div>\t\n\t<div data-dojo-attach-point=\"scrollContainer\" class=\"dojoxCalendarScrollContainer\">\n\t\t<div data-dojo-attach-point=\"sheetContainer\" style=\"position:relative;left:0;right:0;margin:0;padding:0\">\t\t\t\n\t\t\t<div data-dojo-attach-point=\"grid\" class=\"dojoxCalendarGrid\">\n\t\t\t\t<table data-dojo-attach-point=\"gridTable\" class=\"dojoxCalendarGridTable\" cellpadding=\"0\" cellspacing=\"0\" style=\"width:100%\"></table>\n\t\t\t</div>\n\t\t\t<div data-dojo-attach-point=\"itemContainer\" class=\"dojoxCalendarContainer\" data-dojo-attach-event=\"mousedown:_onGridMouseDown,mouseup:_onGridMouseUp,ondblclick:_onGridDoubleClick,touchstart:_onGridTouchStart,touchmove:_onGridTouchMove,touchend:_onGridTouchEnd\">\n\t\t\t\t<table data-dojo-attach-point=\"itemContainerTable\" class=\"dojoxCalendarContainerTable\" cellpadding=\"0\" cellspacing=\"0\" style=\"width:100%\"></table>\n\t\t\t</div>\n\t\t</div> \n\t</div>\t\n</div>\n"}});
|
|
define("dojox/calendar/MonthColumnView", [
|
|
"./ViewBase",
|
|
"dijit/_TemplatedMixin",
|
|
"./_VerticalScrollBarBase",
|
|
"dojo/text!./templates/MonthColumnView.html",
|
|
"dojo/_base/declare",
|
|
"dojo/_base/event",
|
|
"dojo/_base/lang",
|
|
"dojo/_base/array",
|
|
"dojo/_base/sniff",
|
|
"dojo/_base/fx",
|
|
"dojo/_base/html",
|
|
"dojo/on",
|
|
"dojo/dom",
|
|
"dojo/dom-class",
|
|
"dojo/dom-style",
|
|
"dojo/dom-geometry",
|
|
"dojo/dom-construct",
|
|
"dojo/mouse",
|
|
"dojo/query",
|
|
"dojo/i18n",
|
|
"dojox/html/metrics"],
|
|
|
|
function(
|
|
ViewBase,
|
|
_TemplatedMixin,
|
|
_VerticalScrollBarBase,
|
|
template,
|
|
declare,
|
|
event,
|
|
lang,
|
|
arr,
|
|
has,
|
|
fx,
|
|
html,
|
|
on,
|
|
dom,
|
|
domClass,
|
|
domStyle,
|
|
domGeometry,
|
|
domConstruct,
|
|
mouse,
|
|
query,
|
|
i18n,
|
|
metrics){
|
|
|
|
/*=====
|
|
var __ColumnClickEventArgs = {
|
|
// summary:
|
|
// A column click event.
|
|
// index: Integer
|
|
// The column index.
|
|
// date: Date
|
|
// The date displayed by the column.
|
|
// triggerEvent: Event
|
|
// The origin event.
|
|
};
|
|
=====*/
|
|
|
|
return declare("dojox.calendar.MonthColumnView", [ViewBase, _TemplatedMixin], {
|
|
|
|
// summary:
|
|
// The month column view is a calendar view used to display a month per column where each cell of the column is a day.
|
|
|
|
baseClass: "dojoxCalendarMonthColumnView",
|
|
|
|
templateString: template,
|
|
|
|
// viewKind: String
|
|
// Type of the view. Used by the calendar widget to determine how to configure the view.
|
|
// This view kind is "columns".
|
|
viewKind: "monthColumns",
|
|
|
|
// scroll container is the focusable item to enable scrolling using up and down arrows
|
|
_setTabIndexAttr: "domNode",
|
|
|
|
// renderData: Object
|
|
// The render data is the object that contains all the properties needed to render the component.
|
|
renderData: null,
|
|
|
|
// startDate: Date
|
|
// The start date of the time interval displayed.
|
|
// If not set at initialization time, will be set to current day.
|
|
startDate: null,
|
|
|
|
// columnCount: Integer
|
|
// The number of column to display (from the startDate).
|
|
columnCount: 6,
|
|
|
|
// daySize: Integer
|
|
// The desired size in pixels of an hour on the screen.
|
|
// Note that the effective size may be different as the time slot size must be an integer.
|
|
daySize: 30,
|
|
|
|
// showCellLabel: Boolean
|
|
// Whether display or not the grid cells label (usually the day of month).
|
|
showCellLabel: true,
|
|
|
|
// showHiddenItems: Boolean
|
|
// Whether show or not the hidden items.
|
|
// By default the events that are shorter than a day are not displayed using vertical renderers by this widget.
|
|
// But the grid cells that contains one or several hidden items display a decoration.
|
|
showHiddenItems: true,
|
|
|
|
// verticalRenderer: Class
|
|
// The class use to create vertical renderers.
|
|
verticalRenderer: null,
|
|
|
|
// percentOverlap: Integer
|
|
// The percentage of the renderer width used to superimpose one item renderer on another
|
|
// when two events are overlapping.
|
|
percentOverlap: 0,
|
|
|
|
// horizontalGap: Integer
|
|
// The number of pixels between two item renderers.
|
|
horizontalGap: 4,
|
|
|
|
// columnHeaderFormatLength: String
|
|
// Length of the column labels. Valid values are "wide" or "abbr".
|
|
columnHeaderFormatLength: null,
|
|
|
|
// gridCellDatePattern: String
|
|
// The date pattern of the cell labels. By default a custom function is used to compute the label.
|
|
gridCellDatePattern: null,
|
|
|
|
// roundToDay: [private] Boolean
|
|
roundToDay: true,
|
|
|
|
// _layoutUnit: String
|
|
// Unit of layout: each column is displaying a month.
|
|
_layoutUnit: "month",
|
|
|
|
_columnHeaderHandlers: null,
|
|
|
|
constructor: function(){
|
|
this.invalidatingProperties = ["columnCount", "startDate", "daySize", "percentOverlap", "verticalRenderer",
|
|
"columnHeaderDatePattern", "horizontalGap", "scrollBarRTLPosition", "itemToRendererKindFunc",
|
|
"layoutPriorityFunction", "textDir", "items", "showCellLabel", "showHiddenItems"];
|
|
this._columnHeaderHandlers = [];
|
|
},
|
|
|
|
postCreate: function(){
|
|
this.inherited(arguments);
|
|
this.keyboardUpDownUnit = "day";
|
|
this.keyboardUpDownSteps = 1;
|
|
this.keyboardLeftRightUnit = "month";
|
|
this.keyboardLeftRightSteps = 1;
|
|
this.allDayKeyboardUpDownUnit = "day";
|
|
this.allDayKeyboardUpDownSteps = 1;
|
|
this.allDayKeyboardLeftRightUnit = "month";
|
|
this.allDayKeyboardLeftRightSteps = 1;
|
|
},
|
|
|
|
destroy: function(preserveDom){
|
|
this._cleanupColumnHeader();
|
|
if(this.scrollBar){
|
|
this.scrollBar.destroy(preserveDom);
|
|
}
|
|
this.inherited(arguments);
|
|
},
|
|
|
|
_scrollBar_onScroll: function(value){
|
|
// tags:
|
|
// private
|
|
this.scrollContainer.scrollTop = value;
|
|
},
|
|
|
|
buildRendering: function(){
|
|
// tags:
|
|
// private
|
|
this.inherited(arguments);
|
|
if(this.vScrollBar){
|
|
this.scrollBar = new _VerticalScrollBarBase(
|
|
{content: this.vScrollBarContent},
|
|
this.vScrollBar);
|
|
|
|
this.scrollBar.on("scroll", lang.hitch(this, this._scrollBar_onScroll));
|
|
this._viewHandles.push(
|
|
on(this.scrollContainer, mouse.wheel,
|
|
dojo.hitch(this, this._mouseWheelScrollHander)));
|
|
}
|
|
},
|
|
|
|
postscript: function(){
|
|
this.inherited(arguments);
|
|
this._initialized = true;
|
|
if(!this.invalidRendering){
|
|
this.refreshRendering();
|
|
}
|
|
},
|
|
|
|
_setVerticalRendererAttr: function(value){
|
|
this._destroyRenderersByKind("vertical");
|
|
this._set("verticalRenderer", value);
|
|
},
|
|
|
|
_createRenderData: function(){
|
|
|
|
var rd = {};
|
|
|
|
rd.daySize = this.get("daySize");
|
|
rd.scrollbarWidth = metrics.getScrollbar().w + 1;
|
|
|
|
rd.dateLocaleModule = this.dateLocaleModule;
|
|
rd.dateClassObj = this.dateClassObj;
|
|
rd.dateModule = this.dateModule; // arithmetics on Dates
|
|
|
|
rd.dates = [];
|
|
|
|
rd.columnCount = this.get("columnCount");
|
|
|
|
var d = this.get("startDate");
|
|
|
|
if (d == null){
|
|
d = new rd.dateClassObj();
|
|
}
|
|
|
|
d = this.floorToMonth(d, false, rd);
|
|
|
|
this.startDate = d;
|
|
var currentMonth = d.getMonth();
|
|
var maxDayCount = 0;
|
|
|
|
for(var col = 0; col < rd.columnCount ; col++){
|
|
|
|
var dates = [];
|
|
rd.dates.push(dates);
|
|
|
|
while(d.getMonth() == currentMonth){
|
|
dates.push(d);
|
|
d = rd.dateModule.add(d, "day", 1);
|
|
d = this.floorToDay(d, false, rd);
|
|
}
|
|
|
|
currentMonth = d.getMonth();
|
|
|
|
if(maxDayCount < dates.length){
|
|
maxDayCount = dates.length;
|
|
}
|
|
}
|
|
|
|
rd.startTime = new rd.dateClassObj(rd.dates[0][0]);
|
|
rd.endTime = new rd.dateClassObj(dates[dates.length-1]);
|
|
rd.endTime = rd.dateModule.add(rd.endTime, "day", 1);
|
|
|
|
rd.maxDayCount = maxDayCount;
|
|
rd.sheetHeight = rd.daySize * maxDayCount;
|
|
|
|
if(this.displayedItemsInvalidated){
|
|
this.displayedItemsInvalidated = false;
|
|
this._computeVisibleItems(rd);
|
|
|
|
if(this._isEditing){
|
|
this._endItemEditing(null, false);
|
|
}
|
|
|
|
}else if (this.renderData){
|
|
rd.items = this.renderData.items;
|
|
}
|
|
|
|
return rd;
|
|
},
|
|
|
|
_validateProperties: function() {
|
|
|
|
this.inherited(arguments);
|
|
|
|
if (this.columnCount<1 || isNaN(this.columnCount)){
|
|
this.columnCount = 1;
|
|
}
|
|
|
|
if(this.daySize<5 || isNaN(this.daySize)){
|
|
this.daySize = 5;
|
|
}
|
|
|
|
},
|
|
|
|
_setStartDateAttr: function(value){
|
|
this.displayedItemsInvalidated = true;
|
|
this._set("startDate", value);
|
|
},
|
|
|
|
_setColumnCountAttr: function(value){
|
|
this.displayedItemsInvalidated = true;
|
|
this._set("columnCount", value);
|
|
},
|
|
|
|
__fixEvt:function(e){
|
|
e.sheet = "primary";
|
|
e.source = this;
|
|
return e;
|
|
},
|
|
|
|
//////////////////////////////////////////
|
|
//
|
|
// Formatting functions
|
|
//
|
|
//////////////////////////////////////////
|
|
|
|
_formatColumnHeaderLabel: function(/*Date*/d){
|
|
// summary:
|
|
// Computes the column header label for the specified date.
|
|
// d: Date
|
|
// The date to format
|
|
// tags:
|
|
// protected
|
|
|
|
var len = "wide";
|
|
|
|
if(this.columnHeaderFormatLength){
|
|
len = this.columnHeaderFormatLength
|
|
}
|
|
|
|
var months = this.renderData.dateLocaleModule.getNames("months", len, "standAlone");
|
|
|
|
return months[d.getMonth()];
|
|
},
|
|
|
|
_formatGridCellLabel: function(d, row, col){
|
|
// summary:
|
|
// Computes the column header label for the specified date.
|
|
// By default a formatter is used, optionally the <code>gridCellDatePattern</code>
|
|
// property can be used to set a custom date pattern to the formatter.
|
|
// d: Date
|
|
// The date to format.
|
|
// row: Integer
|
|
// The row that displays the current date.
|
|
// col: Integer
|
|
// The column that displays the current date.
|
|
// tags:
|
|
// protected
|
|
|
|
var format, rb;
|
|
|
|
if(d == null){
|
|
return "";
|
|
}
|
|
|
|
if(this.gridCellPattern){
|
|
return this.renderData.dateLocaleModule.format(d, {
|
|
selector: 'date',
|
|
datePattern: this.gridCellDatePattern
|
|
});
|
|
}else{
|
|
rb = i18n.getLocalization("dojo.cldr", this._calendar);
|
|
format = rb["dateFormatItem-d"];
|
|
|
|
var days = this.renderData.dateLocaleModule.getNames("days", "abbr", "standAlone");
|
|
|
|
return days[d.getDay()].substring(0, 1) + " " + this.renderData.dateLocaleModule.format(d, {
|
|
selector: 'date',
|
|
datePattern: format
|
|
});
|
|
}
|
|
},
|
|
|
|
//////////////////////////////////////////
|
|
//
|
|
// Time of day management
|
|
//
|
|
//////////////////////////////////////////
|
|
|
|
// scrollPosition: Integer
|
|
// The scroll position of the view.
|
|
scrollPosition: null,
|
|
|
|
// scrollBarRTLPosition: String
|
|
// Position of the scroll bar in right-to-left display.
|
|
// Valid values are "left" and "right", default value is "left".
|
|
scrollBarRTLPosition: "left",
|
|
|
|
_setScrollPositionAttr: function(value){
|
|
this._setScrollPosition(value.date, value.duration, value.easing);
|
|
},
|
|
|
|
_getScrollPositionAttr: function(){
|
|
return {date: (this.scrollContainer.scrollTop / this.daySize) + 1};
|
|
},
|
|
|
|
_setScrollPosition: function(date, maxDuration, easing){
|
|
// tags:
|
|
// private
|
|
|
|
if(date < 1){
|
|
date = 1
|
|
}else if(date>31){
|
|
date = 31;
|
|
}
|
|
|
|
var position = (date-1) * this.daySize;
|
|
|
|
if(maxDuration) {
|
|
|
|
if(this._scrollAnimation){
|
|
this._scrollAnimation.stop();
|
|
}
|
|
|
|
var duration = Math.abs(((position - this.scrollContainer.scrollTop) * maxDuration) / this.renderData.sheetHeight);
|
|
|
|
this._scrollAnimation = new fx.Animation({
|
|
curve: [this.scrollContainer.scrollTop, position],
|
|
duration: duration,
|
|
easing: easing,
|
|
onAnimate: lang.hitch(this, function(position) {
|
|
this._setScrollImpl(position);
|
|
})
|
|
});
|
|
|
|
this._scrollAnimation.play();
|
|
|
|
}else{
|
|
this._setScrollImpl(position);
|
|
}
|
|
},
|
|
|
|
_setScrollImpl: function(v){
|
|
// tags:
|
|
// private
|
|
|
|
this.scrollContainer.scrollTop = v;
|
|
if(this.scrollBar){
|
|
this.scrollBar.set("value", v);
|
|
}
|
|
},
|
|
|
|
ensureVisibility: function(start, end, visibilityTarget, margin, duration){
|
|
|
|
// summary:
|
|
// Scrolls the view if the [start, end] time range is not visible or only partially visible.
|
|
// start: Date
|
|
// Start time of the range of interest.
|
|
// end: Date
|
|
// End time of the range of interest.
|
|
// margin: Integer
|
|
// Margin in minutes around the time range.
|
|
// visibilityTarget: String
|
|
// The end(s) of the time range to make visible.
|
|
// Valid values are: "start", "end", "both".
|
|
// duration: Number
|
|
// Optional, the maximum duration of the scroll animation.
|
|
|
|
margin = margin == undefined ? 1 : margin;
|
|
|
|
if(this.scrollable && this.autoScroll){
|
|
|
|
var s = start.getDate() - margin; // -1 because day of months starts at 1 and not 0
|
|
if(this.isStartOfDay(end)){
|
|
end = this._waDojoxAddIssue(end, "day", -1);
|
|
}
|
|
var e = end.getDate() + margin;
|
|
|
|
var viewStart = this.get("scrollPosition").date;
|
|
var r = domGeometry.getContentBox(this.scrollContainer);
|
|
var viewEnd = (this.get("scrollPosition").date + (r.h/this.daySize));
|
|
|
|
var visible = false;
|
|
var target = null;
|
|
|
|
switch(visibilityTarget){
|
|
case "start":
|
|
visible = s >= viewStart && s <= viewEnd;
|
|
target = s ;
|
|
break;
|
|
case "end":
|
|
visible = e >= viewStart && e <= viewEnd;
|
|
target = e - (viewEnd - viewStart);
|
|
break;
|
|
case "both":
|
|
visible = s >= viewStart && e <= viewEnd;
|
|
target = s;
|
|
break;
|
|
}
|
|
|
|
if(!visible){
|
|
this._setScrollPosition(target, duration);
|
|
}
|
|
}
|
|
},
|
|
|
|
scrollView: function(dir){
|
|
// summary:
|
|
// Scrolls the view to the specified direction of one time slot duration.
|
|
// dir: Integer
|
|
// Direction of the scroll. Valid values are -1 and 1.
|
|
//
|
|
var pos = this.get("scrollPosition").date + dir;
|
|
this._setScrollPosition(pos);
|
|
},
|
|
|
|
_mouseWheelScrollHander: function(e){
|
|
// summary:
|
|
// Mouse wheel handler.
|
|
// tags:
|
|
// protected
|
|
this.scrollView(e.wheelDelta > 0 ? -1 : 1);
|
|
},
|
|
|
|
//////////////////////////////////////////
|
|
//
|
|
// HTML structure management
|
|
//
|
|
//////////////////////////////////////////
|
|
|
|
refreshRendering: function(){
|
|
if(!this._initialized){
|
|
return;
|
|
}
|
|
|
|
this._validateProperties();
|
|
|
|
var oldRd = this.renderData;
|
|
var rd = this._createRenderData();
|
|
this.renderData = rd;
|
|
this._createRendering(rd, oldRd);
|
|
this._layoutRenderers(rd);
|
|
},
|
|
|
|
_createRendering: function(/*Object*/renderData, /*Object*/oldRenderData){
|
|
// tags:
|
|
// private
|
|
domStyle.set(this.sheetContainer, "height", renderData.sheetHeight + "px");
|
|
// padding for the scroll bar.
|
|
this._configureScrollBar(renderData);
|
|
this._buildColumnHeader(renderData, oldRenderData);
|
|
this._buildGrid(renderData, oldRenderData);
|
|
this._buildItemContainer(renderData, oldRenderData);
|
|
},
|
|
|
|
_configureScrollBar: function(renderData){
|
|
if(has("ie") && this.scrollBar){
|
|
domStyle.set(this.scrollBar.domNode, "width", (renderData.scrollbarWidth + 1) + "px");
|
|
}
|
|
|
|
var atRight = this.isLeftToRight() ? true : this.scrollBarRTLPosition == "right";
|
|
var rPos = atRight ? "right" : "left";
|
|
var lPos = atRight? "left" : "right";
|
|
|
|
if(this.scrollBar){
|
|
this.scrollBar.set("maximum", renderData.sheetHeight);
|
|
domStyle.set(this.scrollBar.domNode, rPos, 0);
|
|
domStyle.set(this.scrollBar.domNode, lPos, "auto");
|
|
}
|
|
domStyle.set(this.scrollContainer, rPos, renderData.scrollbarWidth + "px");
|
|
domStyle.set(this.scrollContainer, lPos, "0");
|
|
domStyle.set(this.columnHeader, rPos, renderData.scrollbarWidth + "px");
|
|
domStyle.set(this.columnHeader, lPos, "0");
|
|
if(this.buttonContainer && this.owner != null && this.owner.currentView == this){
|
|
domStyle.set(this.buttonContainer, rPos, renderData.scrollbarWidth + "px");
|
|
domStyle.set(this.buttonContainer, lPos, "0");
|
|
}
|
|
},
|
|
|
|
_columnHeaderClick: function(e){
|
|
// tags:
|
|
// private
|
|
|
|
event.stop(e);
|
|
var index = query("td", this.columnHeaderTable).indexOf(e.currentTarget);
|
|
this._onColumnHeaderClick({
|
|
index: index,
|
|
date: this.renderData.dates[index][0],
|
|
triggerEvent: e
|
|
});
|
|
},
|
|
|
|
_buildColumnHeader: function(renderData, oldRenderData){
|
|
// summary:
|
|
// Creates incrementally the HTML structure of the column header and configures its content.
|
|
//
|
|
// renderData:
|
|
// The render data to display.
|
|
//
|
|
// oldRenderData:
|
|
// The previously render data displayed, if any.
|
|
// tags:
|
|
// private
|
|
|
|
|
|
var table = this.columnHeaderTable;
|
|
|
|
if (!table){
|
|
return;
|
|
}
|
|
|
|
var count = renderData.columnCount - (oldRenderData ? oldRenderData.columnCount : 0);
|
|
|
|
if(has("ie") == 8){
|
|
// workaround Internet Explorer 8 bug.
|
|
// if on the table, width: 100% and table-layout: fixed are set
|
|
// and columns are removed, width of remaining columns is not
|
|
// recomputed: must rebuild all.
|
|
if(this._colTableSave == null){
|
|
this._colTableSave = lang.clone(table);
|
|
}else if(count < 0){
|
|
this._cleanupColumnHeader();
|
|
this.columnHeader.removeChild(table);
|
|
domConstruct.destroy(table);
|
|
table = lang.clone(this._colTableSave);
|
|
this.columnHeaderTable = table;
|
|
this.columnHeader.appendChild(table);
|
|
count = renderData.columnCount;
|
|
}
|
|
|
|
} // else incremental dom add/remove for real browsers.
|
|
|
|
var tbodies = query("tbody", table);
|
|
|
|
var trs = query("tr", table);
|
|
var tbody, tr, td;
|
|
|
|
if (tbodies.length == 1){
|
|
tbody = tbodies[0];
|
|
}else{
|
|
tbody = html.create("tbody", null, table);
|
|
}
|
|
|
|
if (trs.length == 1){
|
|
tr = trs[0];
|
|
}else{
|
|
tr = domConstruct.create("tr", null, tbody);
|
|
}
|
|
|
|
// Build HTML structure (incremental)
|
|
if(count > 0){ // creation
|
|
for(var i=0; i < count; i++){
|
|
|
|
td = domConstruct.create("td", null, tr);
|
|
|
|
var h = [];
|
|
h.push(on(td, "click", lang.hitch(this, this._columnHeaderClick)));
|
|
|
|
if(has("touch")){
|
|
h.push(on(td, "touchstart", function(e){
|
|
event.stop(e);
|
|
domClass.add(e.currentTarget, "Active");
|
|
}));
|
|
|
|
h.push(on(td, "touchend", function(e){
|
|
event.stop(e);
|
|
domClass.remove(e.currentTarget, "Active");
|
|
}));
|
|
}else{
|
|
h.push(on(td, "mousedown", function(e){
|
|
event.stop(e);
|
|
domClass.add(e.currentTarget, "Active");
|
|
}));
|
|
|
|
h.push(on(td, "mouseup", function(e){
|
|
event.stop(e);
|
|
domClass.remove(e.currentTarget, "Active");
|
|
}));
|
|
|
|
h.push(on(td, "mouseover", function(e){
|
|
event.stop(e);
|
|
domClass.add(e.currentTarget, "Hover");
|
|
}));
|
|
|
|
h.push(on(td, "mouseout", function(e){
|
|
event.stop(e);
|
|
domClass.remove(e.currentTarget, "Hover");
|
|
}));
|
|
|
|
}
|
|
|
|
this._columnHeaderHandlers.push(h);
|
|
}
|
|
|
|
}else{ // deletion
|
|
count = -count;
|
|
for(var i=0; i < count; i++){
|
|
td = tr.lastChild;
|
|
tr.removeChild(td);
|
|
domConstruct.destroy(td);
|
|
var list = this._columnHeaderHandlers.pop();
|
|
while(list.length>0){
|
|
list.pop().remove();
|
|
}
|
|
}
|
|
}
|
|
|
|
// fill & configure
|
|
query("td", table).forEach(function(td, i){
|
|
td.className = "";
|
|
if(i == 0){
|
|
domClass.add(td, "first-child");
|
|
}else if(i == this.renderData.columnCount-1){
|
|
domClass.add(td, "last-child");
|
|
}
|
|
var d = renderData.dates[i][0];
|
|
this._setText(td, this._formatColumnHeaderLabel(d));
|
|
this.styleColumnHeaderCell(td, d, renderData);
|
|
}, this);
|
|
|
|
},
|
|
|
|
_cleanupColumnHeader: function(){
|
|
// tags:
|
|
// private
|
|
|
|
while(this._columnHeaderHandlers.length > 0){
|
|
var list = this._columnHeaderHandlers.pop();
|
|
while(list.length > 0){
|
|
list.pop().remove();
|
|
}
|
|
}
|
|
},
|
|
|
|
styleColumnHeaderCell: function(node, date, renderData){
|
|
// summary:
|
|
// Styles the CSS classes to the node that displays a column header cell.
|
|
// By default this method is does nothing and is designed to be overridden.
|
|
// node: Node
|
|
// The DOM node that displays the column in the grid.
|
|
// date: Date
|
|
// The date displayed by this column
|
|
// renderData: Object
|
|
// The render data.
|
|
// tags:
|
|
// protected
|
|
|
|
},
|
|
|
|
_buildGrid: function (renderData, oldRenderData){
|
|
// summary:
|
|
// Creates incrementally the HTML structure of the grid and configures its content.
|
|
//
|
|
// renderData:
|
|
// The render data to display.
|
|
//
|
|
// oldRenderData:
|
|
// The previously render data displayed, if any.
|
|
// tags:
|
|
// private
|
|
|
|
|
|
var table = this.gridTable;
|
|
|
|
if(!table){
|
|
return;
|
|
}
|
|
|
|
domStyle.set(table, "height", renderData.sheetHeight + "px");
|
|
|
|
var rowDiff = renderData.maxDayCount - (oldRenderData ? oldRenderData.maxDayCount : 0);
|
|
var addRows = rowDiff > 0;
|
|
|
|
var colDiff = renderData.columnCount - (oldRenderData ? oldRenderData.columnCount : 0);
|
|
|
|
if(has("ie") == 8){
|
|
// workaround Internet Explorer 8 bug.
|
|
// if on the table, width: 100% and table-layout: fixed are set
|
|
// and columns are removed, width of remaining columns is not
|
|
// recomputed: must rebuild all.
|
|
if(this._gridTableSave == null){
|
|
this._gridTableSave = lang.clone(table);
|
|
}else if(colDiff < 0){
|
|
this.grid.removeChild(table);
|
|
domConstruct.destroy(table);
|
|
table = lang.clone(this._gridTableSave);
|
|
this.gridTable = table;
|
|
this.grid.appendChild(table);
|
|
colDiff = renderData.columnCount;
|
|
rowDiff = renderData.maxDayCount;
|
|
addRows = true;
|
|
}
|
|
}
|
|
|
|
var tbodies = query("tbody", table);
|
|
var tbody;
|
|
|
|
if(tbodies.length == 1){
|
|
tbody = tbodies[0];
|
|
}else{
|
|
tbody = domConstruct.create("tbody", null, table);
|
|
}
|
|
|
|
// Build rows HTML structure (incremental)
|
|
if(addRows){ // creation
|
|
for(var i=0; i<rowDiff; i++){
|
|
domConstruct.create("tr", null, tbody);
|
|
}
|
|
}else{ // deletion
|
|
rowDiff = -rowDiff;
|
|
for(var i=0; i<rowDiff; i++){
|
|
tbody.removeChild(tbody.lastChild);
|
|
}
|
|
}
|
|
|
|
var rowIndex = renderData.maxDayCount - rowDiff;
|
|
|
|
var addCols = addRows || colDiff >0;
|
|
colDiff = addCols ? colDiff : -colDiff;
|
|
|
|
query("tr", table).forEach(function(tr, i){
|
|
|
|
if(addCols){ // creation
|
|
var len = i >= rowIndex ? renderData.columnCount : colDiff;
|
|
for(var i=0; i<len; i++){
|
|
var td = domConstruct.create("td", null, tr);
|
|
domConstruct.create("span", null, td);
|
|
}
|
|
}else{ // deletion
|
|
for(var i=0; i<colDiff; i++){
|
|
tr.removeChild(tr.lastChild);
|
|
}
|
|
}
|
|
});
|
|
|
|
// Set the CSS classes
|
|
|
|
query("tr", table).forEach(function (tr, row){
|
|
|
|
//domStyle.set(tr, "height", this._getRowHeight(row) + "px");
|
|
|
|
tr.className = "";
|
|
// compatibility layer for IE7 & 8 that does not support :first-child and :last-child pseudo selectors
|
|
if(row == 0){
|
|
domClass.add(tr, "first-child");
|
|
}
|
|
if(row == renderData.maxDayCount-1){
|
|
domClass.add(tr, "last-child");
|
|
}
|
|
|
|
query("td", tr).forEach(function (td, col){
|
|
|
|
td.className = "";
|
|
|
|
if(col == 0){
|
|
domClass.add(td, "first-child");
|
|
}
|
|
|
|
if(col == renderData.columnCount-1){
|
|
domClass.add(td, "last-child");
|
|
}
|
|
|
|
var d = null;
|
|
if(row < renderData.dates[col].length) {
|
|
d = renderData.dates[col][row];
|
|
}
|
|
|
|
var span = query("span", td)[0];
|
|
this._setText(span, this.showCellLabel ? this._formatGridCellLabel(d, row, col): null);
|
|
|
|
this.styleGridCell(td, d, col, row, renderData);
|
|
|
|
}, this);
|
|
}, this);
|
|
|
|
},
|
|
|
|
styleGridCell: function(node, date, col, row, renderData){
|
|
// summary:
|
|
// Styles the CSS classes to the node that displays a column.
|
|
// By default this method is setting the "dojoxCalendarToday" class name if the
|
|
// date displayed is the current date or "dojoxCalendarWeekend" if the date represents a weekend.
|
|
// node: Node
|
|
// The DOM node that displays the column in the grid.
|
|
// date: Date
|
|
// The date displayed by this column
|
|
// renderData: Object
|
|
// The render data.
|
|
// tags:
|
|
// protected
|
|
|
|
var cal = renderData.dateModule;
|
|
if(date == null){
|
|
return;
|
|
}
|
|
if(this.isToday(date)){
|
|
domClass.add(node, "dojoxCalendarToday");
|
|
}else if(this.isWeekEnd(date)){
|
|
domClass.add(node, "dojoxCalendarWeekend");
|
|
}
|
|
},
|
|
|
|
_buildItemContainer: function(renderData, oldRenderData){
|
|
// summary:
|
|
// Creates the HTML structure of the item container and configures its content.
|
|
// renderData:
|
|
// The render data to display.
|
|
// oldRenderData:
|
|
// The previously render data displayed, if any.
|
|
// tags:
|
|
// private
|
|
|
|
|
|
var table = this.itemContainerTable;
|
|
|
|
if (!table){
|
|
return;
|
|
}
|
|
|
|
var bgCols = [];
|
|
|
|
domStyle.set(table, "height", renderData.sheetHeight + "px");
|
|
|
|
var count = renderData.columnCount - (oldRenderData ? oldRenderData.columnCount : 0);
|
|
|
|
if(has("ie") == 8){
|
|
// workaround Internet Explorer 8 bug.
|
|
// if on the table, width: 100% and table-layout: fixed are set
|
|
// and columns are removed, width of remaining columns is not
|
|
// recomputed: must rebuild all.
|
|
if(this._itemTableSave == null){
|
|
this._itemTableSave = lang.clone(table);
|
|
}else if(count < 0){
|
|
this.itemContainer.removeChild(table);
|
|
this._recycleItemRenderers(true);
|
|
domConstruct.destroy(table);
|
|
table = lang.clone(this._itemTableSave);
|
|
this.itemContainerTable = table;
|
|
this.itemContainer.appendChild(table);
|
|
count = renderData.columnCount;
|
|
}
|
|
|
|
} // else incremental dom add/remove for real browsers.
|
|
|
|
var tbodies = query("tbody", table);
|
|
var trs = query("tr", table);
|
|
var tbody, tr, td;
|
|
|
|
if (tbodies.length == 1){
|
|
tbody = tbodies[0];
|
|
}else{
|
|
tbody = domConstruct.create("tbody", null, table);
|
|
}
|
|
|
|
if (trs.length == 1){
|
|
tr = trs[0];
|
|
}else{
|
|
tr = domConstruct.create("tr", null, tbody);
|
|
}
|
|
|
|
// Build HTML structure (incremental)
|
|
if(count>0){ // creation
|
|
for(var i=0; i < count; i++){
|
|
td = domConstruct.create("td", null, tr);
|
|
domConstruct.create("div", {"className": "dojoxCalendarContainerColumn"}, td);
|
|
}
|
|
}else{ // deletion
|
|
count = -count;
|
|
for(var i=0; i < count; i++){
|
|
tr.removeChild(tr.lastChild);
|
|
}
|
|
}
|
|
|
|
query("td>div", table).forEach(function(div, i){
|
|
|
|
domStyle.set(div, {
|
|
"height": renderData.sheetHeight + "px"
|
|
});
|
|
bgCols.push(div);
|
|
}, this);
|
|
|
|
renderData.cells = bgCols;
|
|
},
|
|
|
|
///////////////////////////////////////////////////////////////
|
|
//
|
|
// Layout
|
|
//
|
|
///////////////////////////////////////////////////////////////
|
|
|
|
_overlapLayoutPass2: function(lanes){
|
|
// summary:
|
|
// Second pass of the overlap layout (optional). Compute the extent of each layout item.
|
|
// lanes:
|
|
// The array of lanes.
|
|
// tags:
|
|
// private
|
|
var i,j,lane, layoutItem;
|
|
// last lane, no extent possible
|
|
lane = lanes[lanes.length-1];
|
|
|
|
for(j = 0; j < lane.length; j++){
|
|
lane[j].extent = 1;
|
|
}
|
|
|
|
for(i=0; i<lanes.length-1; i++){
|
|
lane = lanes[i];
|
|
|
|
for(var j=0; j<lane.length; j++){
|
|
layoutItem = lane[j];
|
|
|
|
// if item was already overlapping another one there is no extent possible.
|
|
if(layoutItem.extent == -1){
|
|
layoutItem.extent = 1;
|
|
var space = 0;
|
|
|
|
var stop = false;
|
|
|
|
for(var k = i + 1; k < lanes.length && !stop; k++){
|
|
var ccol = lanes[k];
|
|
for(var l = 0; l < ccol.length && !stop; l++){
|
|
var layoutItem2 = ccol[l];
|
|
|
|
if(layoutItem.start < layoutItem2.end && layoutItem2.start < layoutItem.end){
|
|
stop = true;
|
|
}
|
|
}
|
|
if(!stop){
|
|
//no hit in the entire lane
|
|
space++;
|
|
}
|
|
}
|
|
layoutItem.extent += space;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
_defaultItemToRendererKindFunc: function(item){
|
|
// tags:
|
|
// private
|
|
|
|
if(item.allDay){
|
|
return "vertical";
|
|
}
|
|
var dur = Math.abs(this.renderData.dateModule.difference(item.startTime, item.endTime, "minute"));
|
|
return dur >= 1440 ? "vertical" : null;
|
|
},
|
|
|
|
_layoutRenderers: function(renderData){
|
|
this.hiddenEvents = {};
|
|
this.inherited(arguments);
|
|
},
|
|
|
|
_layoutInterval: function(/*Object*/renderData, /*Integer*/index, /*Date*/start, /*Date*/end, /*Object[]*/items){
|
|
// tags:
|
|
// private
|
|
|
|
var verticalItems = [];
|
|
var hiddenItems = [];
|
|
renderData.colW = this.itemContainer.offsetWidth / renderData.columnCount;
|
|
|
|
for(var i=0; i<items.length; i++){
|
|
var item = items[i];
|
|
if(this._itemToRendererKind(item) == "vertical"){
|
|
verticalItems.push(item);
|
|
}else if(this.showHiddenItems){
|
|
hiddenItems.push(item);
|
|
}
|
|
}
|
|
|
|
if(verticalItems.length > 0){
|
|
this._layoutVerticalItems(renderData, index, start, end, verticalItems);
|
|
}
|
|
if(hiddenItems.length > 0){
|
|
this._layoutBgItems(renderData, index, start, end, hiddenItems);
|
|
}
|
|
},
|
|
|
|
_dateToYCoordinate: function(renderData, d, start){
|
|
// tags:
|
|
// private
|
|
|
|
var pos = 0;
|
|
if(start || d.getHours() != 0 || d.getMinutes() != 0){
|
|
pos = (d.getDate()-1) * this.renderData.daySize;
|
|
}else{
|
|
var d2 = this._waDojoxAddIssue(d, "day", -1);
|
|
pos = this.renderData.daySize + ((d2.getDate()-1) * this.renderData.daySize);
|
|
}
|
|
pos += (d.getHours()*60+d.getMinutes())*this.renderData.daySize/1440;
|
|
|
|
return pos;
|
|
},
|
|
|
|
_layoutVerticalItems: function(/*Object*/renderData, /*Integer*/index, /*Date*/startTime, /*Date*/endTime, /*Object[]*/items){
|
|
// tags:
|
|
// private
|
|
|
|
if(this.verticalRenderer == null){
|
|
return;
|
|
}
|
|
|
|
var cell = renderData.cells[index];
|
|
var layoutItems = [];
|
|
|
|
// step 1 compute projected position and size
|
|
for(var i = 0; i < items.length; i++){
|
|
|
|
var item = items[i];
|
|
var overlap = this.computeRangeOverlap(renderData, item.startTime, item.endTime, startTime, endTime);
|
|
|
|
var top = this._dateToYCoordinate(renderData, overlap[0], true);
|
|
var bottom = this._dateToYCoordinate(renderData, overlap[1], false);
|
|
|
|
if (bottom > top){
|
|
var litem = lang.mixin({
|
|
start: top,
|
|
end: bottom,
|
|
range: overlap,
|
|
item: item
|
|
}, item);
|
|
layoutItems.push(litem);
|
|
}
|
|
}
|
|
|
|
// step 2: compute overlapping layout
|
|
var numLanes = this.computeOverlapping(layoutItems, this._overlapLayoutPass2).numLanes;
|
|
|
|
var hOverlap = this.percentOverlap / 100;
|
|
|
|
// step 3: create renderers and apply layout
|
|
for(i=0; i<layoutItems.length; i++){
|
|
|
|
item = layoutItems[i];
|
|
var lane = item.lane;
|
|
var extent = item.extent;
|
|
|
|
var w;
|
|
var posX;
|
|
|
|
if(hOverlap == 0) {
|
|
//no overlap and a padding between each event
|
|
w = numLanes == 1 ? renderData.colW : ((renderData.colW - (numLanes - 1) * this.horizontalGap)/ numLanes);
|
|
posX = lane * (w + this.horizontalGap);
|
|
w = extent == 1 ? w : w * extent + (extent-1) * this.horizontalGap;
|
|
w = 100 * w / renderData.colW;
|
|
posX = 100 * posX / renderData.colW;
|
|
} else {
|
|
// an overlap
|
|
w = numLanes == 1 ? 100 : (100 / (numLanes - (numLanes - 1) * hOverlap));
|
|
posX = lane * (w - hOverlap*w);
|
|
w = extent == 1 ? w : w * ( extent - (extent-1) * hOverlap);
|
|
}
|
|
|
|
var ir = this._createRenderer(item, "vertical", this.verticalRenderer, "dojoxCalendarVertical");
|
|
|
|
domStyle.set(ir.container, {
|
|
"top": item.start + "px",
|
|
"left": posX + "%",
|
|
"width": w + "%",
|
|
"height": (item.end-item.start+1) + "px"
|
|
});
|
|
|
|
var edited = this.isItemBeingEdited(item);
|
|
var selected = this.isItemSelected(item);
|
|
var hovered = this.isItemHovered(item);
|
|
var focused = this.isItemFocused(item);
|
|
|
|
var renderer = ir.renderer;
|
|
|
|
renderer.set("hovered", hovered);
|
|
renderer.set("selected", selected);
|
|
renderer.set("edited", edited);
|
|
renderer.set("focused", this.showFocus ? focused : false);
|
|
renderer.set("moveEnabled", this.isItemMoveEnabled(item, "vertical"));
|
|
renderer.set("resizeEnabled", this.isItemResizeEnabled(item, "vertical"));
|
|
|
|
this.applyRendererZIndex(item, ir, hovered, selected, edited, focused);
|
|
|
|
if(renderer.updateRendering){
|
|
renderer.updateRendering(w, item.end-item.start+1);
|
|
}
|
|
|
|
domConstruct.place(ir.container, cell);
|
|
domStyle.set(ir.container, "display", "block");
|
|
}
|
|
},
|
|
|
|
_getCellAt: function(rowIndex, columnIndex, rtl){
|
|
// tags:
|
|
// private
|
|
|
|
if((rtl == undefined || rtl == true) && !this.isLeftToRight()){
|
|
columnIndex = this.renderData.columnCount -1 - columnIndex;
|
|
}
|
|
return this.gridTable.childNodes[0].childNodes[rowIndex].childNodes[columnIndex];
|
|
},
|
|
|
|
invalidateLayout: function(){
|
|
//make sure to clear hiddens object state
|
|
query("td", this.gridTable).forEach(function(td){
|
|
domClass.remove(td, "dojoxCalendarHiddenEvents");
|
|
});
|
|
this.inherited(arguments);
|
|
},
|
|
|
|
_layoutBgItems: function(/*Object*/renderData, /*Integer*/col, /*Date*/startTime, /*Date*/endTime, /*Object[]*/items){
|
|
// tags:
|
|
// private
|
|
|
|
var bgItems = {};
|
|
for(var i = 0; i < items.length; i++){
|
|
|
|
var item = items[i];
|
|
var overlap = this.computeRangeOverlap(renderData, item.startTime, item.endTime, startTime, endTime);
|
|
var start = overlap[0].getDate()-1;
|
|
// handle use case where end time is first day of next month.
|
|
var end;
|
|
if(this.isStartOfDay(overlap[1])){
|
|
end = this._waDojoxAddIssue(overlap[1], "day", -1);
|
|
end = end.getDate()-1;
|
|
}else{
|
|
end = overlap[1].getDate()-1;
|
|
}
|
|
|
|
for (var d=start; d<=end; d++){
|
|
bgItems[d] = true;
|
|
}
|
|
}
|
|
|
|
for(var row in bgItems) {
|
|
if(bgItems[row]){
|
|
var node = this._getCellAt(row, col, false);
|
|
domClass.add(node, "dojoxCalendarHiddenEvents");
|
|
}
|
|
}
|
|
},
|
|
|
|
_sortItemsFunction: function(a, b){
|
|
// tags:
|
|
// private
|
|
|
|
var res = this.dateModule.compare(a.startTime, b.startTime);
|
|
if(res == 0){
|
|
res = -1 * this.dateModule.compare(a.endTime, b.endTime);
|
|
}
|
|
return this.isLeftToRight() ? res : -res;
|
|
},
|
|
|
|
///////////////////////////////////////////////////////////////
|
|
//
|
|
// View to time projection
|
|
//
|
|
///////////////////////////////////////////////////////////////
|
|
|
|
getTime: function(e, x, y, touchIndex){
|
|
// summary:
|
|
// Returns the time displayed at the specified point by this component.
|
|
// e: Event
|
|
// Optional mouse event.
|
|
// x: Number
|
|
// Position along the x-axis with respect to the sheet container used if event is not defined.
|
|
// y: Number
|
|
// Position along the y-axis with respect to the sheet container (scroll included) used if event is not defined.
|
|
// touchIndex: Integer
|
|
// If parameter 'e' is not null and a touch event, the index of the touch to use.
|
|
// returns: Date
|
|
|
|
if (e != null){
|
|
var refPos = domGeometry.position(this.itemContainer, true);
|
|
|
|
if(e.touches){
|
|
|
|
touchIndex = touchIndex==undefined ? 0 : touchIndex;
|
|
|
|
x = e.touches[touchIndex].pageX - refPos.x;
|
|
y = e.touches[touchIndex].pageY - refPos.y;
|
|
|
|
}else{
|
|
|
|
x = e.pageX - refPos.x;
|
|
y = e.pageY - refPos.y;
|
|
}
|
|
}
|
|
|
|
var r = domGeometry.getContentBox(this.itemContainer);
|
|
|
|
if(!this.isLeftToRight()){
|
|
x = r.w - x;
|
|
}
|
|
|
|
if (x < 0){
|
|
x = 0;
|
|
}else if(x > r.w){
|
|
x = r.w-1;
|
|
}
|
|
|
|
if (y < 0){
|
|
y = 0;
|
|
}else if(y > r.h){
|
|
y = r.h-1;
|
|
}
|
|
|
|
var col = Math.floor(x / (r.w / this.renderData.columnCount));
|
|
var row = Math.floor(y / (r.h / this.renderData.maxDayCount));
|
|
|
|
var date = null;
|
|
if(col < this.renderData.dates.length &&
|
|
row < this.renderData.dates[col].length){
|
|
date = this.newDate(this.renderData.dates[col][row]);
|
|
}
|
|
|
|
return date;
|
|
},
|
|
|
|
///////////////////////////////////////////////////////////////
|
|
//
|
|
// Events
|
|
//
|
|
///////////////////////////////////////////////////////////////
|
|
|
|
_onGridMouseUp: function(e){
|
|
|
|
// tags:
|
|
// private
|
|
|
|
|
|
this.inherited(arguments);
|
|
|
|
if (this._gridMouseDown) {
|
|
this._gridMouseDown = false;
|
|
|
|
this._onGridClick({
|
|
date: this.getTime(e),
|
|
triggerEvent: e
|
|
});
|
|
}
|
|
},
|
|
|
|
_onGridTouchStart: function(e){
|
|
// tags:
|
|
// private
|
|
|
|
|
|
this.inherited(arguments);
|
|
|
|
var g = this._gridProps;
|
|
|
|
g.moved= false;
|
|
g.start= e.touches[0].screenY;
|
|
g.scrollTop= this.scrollContainer.scrollTop;
|
|
},
|
|
|
|
_onGridTouchMove: function(e){
|
|
// tags:
|
|
// private
|
|
|
|
this.inherited(arguments);
|
|
|
|
if (e.touches.length > 1 && !this._isEditing){
|
|
event.stop(e);
|
|
return;
|
|
}
|
|
|
|
if(this._gridProps && !this._isEditing){
|
|
|
|
var touch = {x: e.touches[0].screenX, y: e.touches[0].screenY};
|
|
|
|
var p = this._edProps;
|
|
|
|
if (!p || p &&
|
|
(Math.abs(touch.x - p.start.x) > 25 ||
|
|
Math.abs(touch.y - p.start.y) > 25)) {
|
|
|
|
this._gridProps.moved = true;
|
|
var d = e.touches[0].screenY - this._gridProps.start;
|
|
var value = this._gridProps.scrollTop - d;
|
|
var max = this.itemContainer.offsetHeight - this.scrollContainer.offsetHeight;
|
|
if (value < 0){
|
|
this._gridProps.start = e.touches[0].screenY;
|
|
this._setScrollImpl(0);
|
|
this._gridProps.scrollTop = 0;
|
|
}else if(value > max){
|
|
this._gridProps.start = e.touches[0].screenY;
|
|
this._setScrollImpl(max);
|
|
this._gridProps.scrollTop = max;
|
|
}else{
|
|
this._setScrollImpl(value);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
_onGridTouchEnd: function(e){
|
|
// tags:
|
|
// private
|
|
|
|
//event.stop(e);
|
|
|
|
this.inherited(arguments);
|
|
|
|
var g = this._gridProps;
|
|
|
|
if(g){
|
|
if(!this._isEditing){
|
|
if(!g.moved){
|
|
|
|
// touched on grid and on touch start editing was ongoing.
|
|
if(!g.fromItem && !g.editingOnStart){
|
|
this.selectFromEvent(e, null, null, true);
|
|
}
|
|
|
|
if(!g.fromItem){
|
|
|
|
if(this._pendingDoubleTap && this._pendingDoubleTap.grid){
|
|
|
|
this._onGridDoubleClick({
|
|
date: this.getTime(this._gridProps.event),
|
|
triggerEvent: this._gridProps.event
|
|
});
|
|
|
|
clearTimeout(this._pendingDoubleTap.timer);
|
|
|
|
delete this._pendingDoubleTap;
|
|
|
|
}else{
|
|
|
|
this._onGridClick({
|
|
date: this.getTime(this._gridProps.event),
|
|
triggerEvent: this._gridProps.event
|
|
});
|
|
|
|
this._pendingDoubleTap = {
|
|
grid: true,
|
|
timer: setTimeout(lang.hitch(this, function(){
|
|
delete this._pendingDoubleTap;
|
|
}), this.doubleTapDelay)
|
|
};
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
this._gridProps = null;
|
|
}
|
|
},
|
|
|
|
_onColumnHeaderClick: function(e){
|
|
// tags:
|
|
// private
|
|
|
|
this._dispatchCalendarEvt(e, "onColumnHeaderClick");
|
|
},
|
|
|
|
onColumnHeaderClick: function(e){
|
|
// summary:
|
|
// Event dispatched when a column header cell is dispatched.
|
|
// e: __ColumnClickEventArgs
|
|
// tags:
|
|
// callback
|
|
|
|
},
|
|
|
|
|
|
///////////////////////////////////////////////////////////////
|
|
//
|
|
// View limits
|
|
//
|
|
///////////////////////////////////////////////////////////////
|
|
|
|
_onScrollTimer_tick: function(){
|
|
// tags:
|
|
// private
|
|
|
|
this._setScrollImpl(this.scrollContainer.scrollTop + this._scrollProps.scrollStep);
|
|
},
|
|
|
|
////////////////////////////////////////////
|
|
//
|
|
// Editing
|
|
//
|
|
///////////////////////////////////////////
|
|
|
|
snapUnit: "day",
|
|
snapSteps: 1,
|
|
minDurationUnit: "day",
|
|
minDurationSteps: 1,
|
|
liveLayout: false,
|
|
stayInView: true,
|
|
allowStartEndSwap: true,
|
|
allowResizeLessThan24H: false
|
|
|
|
});
|
|
});
|