UNPKG

devextreme

Version:

HTML5 JavaScript Component Suite for Responsive Web Development

197 lines (147 loc) 7.2 kB
"use strict"; var GroupedStrategy = require("./ui.scheduler.work_space.grouped.strategy"); var VERTICAL_GROUPED_ATTR = "dx-group-column-count"; var DATE_HEADER_OFFSET = 10; var VerticalGroupedStrategy = GroupedStrategy.inherit({ prepareCellIndexes: function prepareCellIndexes(cellCoordinates, groupIndex, inAllDayRow) { var rowIndex = cellCoordinates.rowIndex + groupIndex * this._workSpace._getRowCount(); if (this._workSpace.supportAllDayRow() && this._workSpace.option("showAllDayPanel")) { rowIndex += groupIndex; if (!inAllDayRow) { rowIndex += 1; } } return { rowIndex: rowIndex, cellIndex: cellCoordinates.cellIndex }; }, calculateCellIndex: function calculateCellIndex(rowIndex, cellIndex) { rowIndex = rowIndex % this._workSpace._getRowCount(); return this._workSpace._getRowCount() * cellIndex + rowIndex; }, getGroupIndex: function getGroupIndex(rowIndex, cellIndex) { return Math.floor(rowIndex / this._workSpace._getRowCount()); }, calculateHeaderCellRepeatCount: function calculateHeaderCellRepeatCount() { return 1; }, insertAllDayRowsIntoDateTable: function insertAllDayRowsIntoDateTable() { return this._workSpace.option("showAllDayPanel"); }, getTotalCellCount: function getTotalCellCount(groupCount) { return this._workSpace._getCellCount(); }, getTotalRowCount: function getTotalRowCount() { return this._workSpace._getRowCount() * this._workSpace._getGroupCount(); }, addAdditionalGroupCellClasses: function addAdditionalGroupCellClasses(cellClass, index, i, j) { cellClass = this._addLastGroupCellClass(cellClass, i + 1); return this._addFirstGroupCellClass(cellClass, i + 1); }, _addLastGroupCellClass: function _addLastGroupCellClass(cellClass, index) { if (index % this._workSpace._getRowCount() === 0) { return cellClass + " " + this.getLastGroupCellClass(); } return cellClass; }, _addFirstGroupCellClass: function _addFirstGroupCellClass(cellClass, index) { if ((index - 1) % this._workSpace._getRowCount() === 0) { return cellClass + " " + this.getFirstGroupCellClass(); } return cellClass; }, getHorizontalMax: function getHorizontalMax(groupIndex) { return this._workSpace.getMaxAllowedPosition()[0]; }, getVerticalMax: function getVerticalMax(groupIndex) { var maxAllowedPosition = this._workSpace.getMaxAllowedVerticalPosition()[groupIndex]; if (this._workSpace.supportAllDayRow() && this._workSpace.option("showAllDayPanel")) { maxAllowedPosition += maxAllowedPosition + this._workSpace.getCellHeight() * groupIndex; } return maxAllowedPosition; }, calculateTimeCellRepeatCount: function calculateTimeCellRepeatCount() { return this._workSpace._getGroupCount() || 1; }, getWorkSpaceMinWidth: function getWorkSpaceMinWidth() { var minWidth = this._workSpace._getWorkSpaceWidth(), workspaceContainerWidth = this._workSpace.$element().get(0).getBoundingClientRect().width - this._workSpace.getTimePanelWidth() - this._workSpace.getGroupTableWidth(); if (minWidth < workspaceContainerWidth) { minWidth = workspaceContainerWidth; } return minWidth; }, getAllDayOffset: function getAllDayOffset() { return 0; }, getAllDayTableHeight: function getAllDayTableHeight() { return 0; }, getGroupCountAttr: function getGroupCountAttr() { return { attr: VERTICAL_GROUPED_ATTR, count: this._workSpace.option("groups") && this._workSpace.option("groups").length }; }, getLeftOffset: function getLeftOffset() { return this._workSpace.getTimePanelWidth() + this._workSpace.getGroupTableWidth(); }, getGroupBoundsOffset: function getGroupBoundsOffset(cellCount, $cells, cellWidth, coordinates) { var groupIndex = coordinates.groupIndex, startOffset = $cells.eq(0).offset().left, endOffset = $cells.eq(cellCount - 1).offset().left + cellWidth, dayHeight = this._workSpace._calculateDayDuration() / this._workSpace.option("hoursInterval") * this._workSpace.getCellHeight(), scrollTop = this.getScrollableScrollTop(), topOffset = groupIndex * dayHeight + this._workSpace._$thead.get(0).getBoundingClientRect().height + this._workSpace.invoke("getHeaderHeight") + DATE_HEADER_OFFSET - scrollTop; if (this._workSpace.option("showAllDayPanel") && this._workSpace.supportAllDayRow()) { topOffset += this._workSpace.getCellHeight() * (groupIndex + 1); } var bottomOffset = topOffset + dayHeight; return { left: startOffset, right: endOffset, top: topOffset, bottom: bottomOffset }; }, shiftIndicator: function shiftIndicator($indicator, height, rtlOffset, i) { var offset = this._workSpace.getIndicatorOffset(0), tableOffset = this._workSpace.option("crossScrollingEnabled") ? 0 : this._workSpace.getGroupTableWidth(), horizontalOffset = rtlOffset ? rtlOffset - offset : offset, verticalOffset = this._workSpace._getRowCount() * this._workSpace.getCellHeight() * i; if (this._workSpace.supportAllDayRow() && this._workSpace.option("showAllDayPanel")) { verticalOffset += this._workSpace.getCellHeight() * (i + 1); } $indicator.css("left", horizontalOffset + tableOffset); $indicator.css("top", height + verticalOffset); }, getShaderOffset: function getShaderOffset(i, width) { var offset = this._workSpace.option("crossScrollingEnabled") ? 0 : this._workSpace.getGroupTableWidth(); return this._workSpace.option("rtlEnabled") ? this._$container.get(0).getBoundingClientRect().width - offset - this._workSpace.getWorkSpaceLeftOffset() - width : offset; }, getShaderTopOffset: function getShaderTopOffset(i) { return 0; }, getShaderHeight: function getShaderHeight() { var height = this._workSpace.getIndicationHeight(); if (this._workSpace.supportAllDayRow() && this._workSpace.option("showAllDayPanel")) { height += this._workSpace.getCellHeight(); } return height; }, getShaderMaxHeight: function getShaderMaxHeight() { var height = this._workSpace._getRowCount() * this._workSpace.getCellHeight(); if (this._workSpace.supportAllDayRow() && this._workSpace.option("showAllDayPanel")) { height += this._workSpace.getCellHeight(); } return height; }, getShaderWidth: function getShaderWidth(i) { return this._workSpace.getIndicationWidth(0); }, getScrollableScrollTop: function getScrollableScrollTop(allDay) { return this._workSpace.getScrollable().scrollTop(); } }); module.exports = VerticalGroupedStrategy;