devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
185 lines (184 loc) • 8 kB
JavaScript
/**
* DevExtreme (esm/ui/scheduler/workspaces/ui.scheduler.work_space.grouped.strategy.vertical.js)
* Version: 21.1.4
* Build date: Mon Jun 21 2021
*
* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import {
getBoundingRect
} from "../../../core/utils/position";
import GroupedStrategy from "./ui.scheduler.work_space.grouped.strategy";
import {
cache
} from "./cache";
var VERTICAL_GROUPED_ATTR = "dx-group-column-count";
var DATE_HEADER_OFFSET = 10;
var WORK_SPACE_BORDER = 1;
class VerticalGroupedStrategy extends GroupedStrategy {
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(rowIndex, cellIndex) {
rowIndex %= this._workSpace._getRowCount();
return this._workSpace._getRowCount() * cellIndex + rowIndex
}
getGroupIndex(rowIndex) {
return Math.floor(rowIndex / this._workSpace._getRowCount())
}
calculateHeaderCellRepeatCount() {
return 1
}
insertAllDayRowsIntoDateTable() {
return this._workSpace.option("showAllDayPanel")
}
getTotalCellCount() {
return this._workSpace._getCellCount()
}
getTotalRowCount() {
return this._workSpace._getRowCount() * this._workSpace._getGroupCount()
}
addAdditionalGroupCellClasses(cellClass, index, i, j) {
cellClass = this._addLastGroupCellClass(cellClass, i + 1);
return this._addFirstGroupCellClass(cellClass, i + 1)
}
_addLastGroupCellClass(cellClass, index) {
if (index % this._workSpace._getRowCount() === 0) {
return cellClass + " " + this.getLastGroupCellClass()
}
return cellClass
}
_addFirstGroupCellClass(cellClass, index) {
if ((index - 1) % this._workSpace._getRowCount() === 0) {
return cellClass + " " + this.getFirstGroupCellClass()
}
return cellClass
}
getHorizontalMax(groupIndex) {
if (this._workSpace.isRenovatedRender()) {
return this._workSpace.getMaxAllowedPosition(groupIndex)
}
return this._workSpace.getMaxAllowedPosition(0)
}
getVerticalMax(groupIndex) {
var maxAllowedPosition = this._workSpace.getMaxAllowedVerticalPosition(groupIndex);
maxAllowedPosition += this._getOffsetByAllDayPanel(groupIndex);
return maxAllowedPosition
}
_getOffsetByAllDayPanel(groupIndex) {
var result = 0;
if (this._workSpace.supportAllDayRow() && this._workSpace.option("showAllDayPanel")) {
result = this._workSpace.getAllDayHeight() * (groupIndex + 1)
}
return result
}
_getGroupTop(groupIndex) {
var workspace = this._workSpace;
var rowCount = workspace.isVirtualScrolling() ? workspace.viewDataProvider.getRowCountInGroup(groupIndex) : workspace._getRowCount();
return workspace.getMaxAllowedVerticalPosition(groupIndex) - workspace.getCellHeight() * rowCount
}
calculateTimeCellRepeatCount() {
return this._workSpace._getGroupCount() || 1
}
getWorkSpaceMinWidth() {
var minWidth = this._workSpace._getWorkSpaceWidth();
var workspaceContainerWidth = getBoundingRect(this._workSpace.$element().get(0)).width - this._workSpace.getTimePanelWidth() - this._workSpace.getGroupTableWidth() - 2 * WORK_SPACE_BORDER;
if (minWidth < workspaceContainerWidth) {
minWidth = workspaceContainerWidth
}
return minWidth
}
getAllDayOffset() {
return 0
}
getAllDayTableHeight() {
return 0
}
getGroupCountAttr(groups) {
return {
attr: VERTICAL_GROUPED_ATTR,
count: null === groups || void 0 === groups ? void 0 : groups.length
}
}
getLeftOffset() {
return this._workSpace.getTimePanelWidth() + this._workSpace.getGroupTableWidth()
}
getGroupBoundsOffset(cellCount, $cells, cellWidth, coordinates) {
return cache.get("groupBoundsOffset", () => {
var groupIndex = coordinates.groupIndex;
var startOffset = $cells.eq(0).offset().left;
var endOffset = $cells.eq(cellCount - 1).offset().left + cellWidth;
var dayHeight = this._workSpace._calculateDayDuration() / this._workSpace.option("hoursInterval") * this._workSpace.getCellHeight();
var scrollTop = this.getScrollableScrollTop();
var topOffset = groupIndex * dayHeight + getBoundingRect(this._workSpace._$thead.get(0)).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 this._groupBoundsOffset = {
left: startOffset,
right: endOffset,
top: topOffset,
bottom: bottomOffset
}
})
}
getVirtualScrollingGroupBoundsOffset(cellCount, $cells, cellWidth, coordinates) {
return this.getGroupBoundsOffset(cellCount, $cells, cellWidth, coordinates)
}
shiftIndicator($indicator, height, rtlOffset, i) {
var offset = this._workSpace.getIndicatorOffset(0);
var tableOffset = this._workSpace.option("crossScrollingEnabled") ? 0 : this._workSpace.getGroupTableWidth();
var horizontalOffset = rtlOffset ? rtlOffset - offset : offset;
var verticalOffset = this._workSpace._getRowCount() * this._workSpace.getCellHeight() * i;
if (this._workSpace.supportAllDayRow() && this._workSpace.option("showAllDayPanel")) {
verticalOffset += this._workSpace.getAllDayHeight() * (i + 1)
}
$indicator.css("left", horizontalOffset + tableOffset);
$indicator.css("top", height + verticalOffset)
}
getShaderOffset(i, width) {
var offset = this._workSpace.option("crossScrollingEnabled") ? 0 : this._workSpace.getGroupTableWidth();
return this._workSpace.option("rtlEnabled") ? getBoundingRect(this._$container.get(0)).width - offset - this._workSpace.getWorkSpaceLeftOffset() - width : offset
}
getShaderTopOffset(i) {
return 0
}
getShaderHeight() {
var height = this._workSpace.getIndicationHeight();
if (this._workSpace.supportAllDayRow() && this._workSpace.option("showAllDayPanel")) {
height += this._workSpace.getCellHeight()
}
return height
}
getShaderMaxHeight() {
var height = this._workSpace._getRowCount() * this._workSpace.getCellHeight();
if (this._workSpace.supportAllDayRow() && this._workSpace.option("showAllDayPanel")) {
height += this._workSpace.getCellHeight()
}
return height
}
getShaderWidth() {
return this._workSpace.getIndicationWidth(0)
}
getScrollableScrollTop() {
return this._workSpace.getScrollable().scrollTop()
}
getGroupIndexByCell($cell) {
var rowIndex = $cell.parent().index();
var rowCount = this._workSpace._getRowCountWithAllDayRows();
return Math.ceil((rowIndex + 1) / rowCount)
}
}
export default VerticalGroupedStrategy;