devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
291 lines (286 loc) • 13.1 kB
JavaScript
/**
* DevExtreme (cjs/__internal/scheduler/workspaces/m_work_space_indicator.js)
* Version: 23.2.6
* Build date: Wed May 01 2024
*
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _component_registrator = _interopRequireDefault(require("../../../core/component_registrator"));
var _renderer = _interopRequireDefault(require("../../../core/renderer"));
var _date = _interopRequireDefault(require("../../../core/utils/date"));
var _extend = require("../../../core/utils/extend");
var _position = require("../../../core/utils/position");
var _size = require("../../../core/utils/size");
var _window = require("../../../core/utils/window");
var _date2 = require("../../core/utils/date");
var _index = require("../../scheduler/r1/utils/index");
var _m_classes = require("../m_classes");
var _m_utils_time_zone = _interopRequireDefault(require("../m_utils_time_zone"));
var _m_work_space = _interopRequireDefault(require("./m_work_space"));
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
}
}
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
_setPrototypeOf(subClass, superClass)
}
function _setPrototypeOf(o, p) {
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, p) {
o.__proto__ = p;
return o
};
return _setPrototypeOf(o, p)
}
const toMs = _date.default.dateToMilliseconds;
const SCHEDULER_DATE_TIME_INDICATOR_CLASS = "dx-scheduler-date-time-indicator";
const TIME_PANEL_CURRENT_TIME_CELL_CLASS = "dx-scheduler-time-panel-current-time-cell";
let SchedulerWorkSpaceIndicator = function(_SchedulerWorkSpace) {
_inheritsLoose(SchedulerWorkSpaceIndicator, _SchedulerWorkSpace);
function SchedulerWorkSpaceIndicator() {
return _SchedulerWorkSpace.apply(this, arguments) || this
}
var _proto = SchedulerWorkSpaceIndicator.prototype;
_proto._getToday = function() {
const viewOffset = this.option("viewOffset");
const today = (0, _index.getToday)(this.option("indicatorTime"), this.timeZoneCalculator);
return _date2.dateUtilsTs.addOffsets(today, [-viewOffset])
};
_proto.isIndicationOnView = function() {
if (this.option("showCurrentTimeIndicator")) {
const today = this._getToday();
const endViewDate = _date.default.trimTime(this.getEndViewDate());
return _date.default.dateInRange(today, this.getStartViewDate(), new Date(endViewDate.getTime() + toMs("day")))
}
return false
};
_proto.isIndicationAvailable = function() {
if (!(0, _window.hasWindow)()) {
return false
}
const today = this._getToday();
return today >= _date.default.trimTime(new Date(this.getStartViewDate()))
};
_proto.isIndicatorVisible = function() {
const today = this._getToday();
const endViewDate = new Date(this.getEndViewDate().getTime() + toMs("minute") - 1);
const firstViewDate = new Date(this.getStartViewDate());
firstViewDate.setFullYear(today.getFullYear(), today.getMonth(), today.getDate());
endViewDate.setFullYear(today.getFullYear(), today.getMonth(), today.getDate());
return _date.default.dateInRange(today, firstViewDate, endViewDate)
};
_proto._renderIndicator = function(height, rtlOffset, $container, groupCount) {
const groupedByDate = this.isGroupedByDate();
const repeatCount = groupedByDate ? 1 : groupCount;
for (let i = 0; i < repeatCount; i++) {
const $indicator = this._createIndicator($container);
(0, _size.setWidth)($indicator, groupedByDate ? this.getCellWidth() * groupCount : this.getCellWidth());
this._groupedStrategy.shiftIndicator($indicator, height, rtlOffset, i)
}
};
_proto._createIndicator = function($container) {
const $indicator = (0, _renderer.default)("<div>").addClass("dx-scheduler-date-time-indicator");
$container.append($indicator);
return $indicator
};
_proto._getRtlOffset = function(width) {
return this.option("rtlEnabled") ? (0, _position.getBoundingRect)(this._dateTableScrollable.$content().get(0)).width - this.getTimePanelWidth() - width : 0
};
_proto._setIndicationUpdateInterval = function() {
if (!this.option("showCurrentTimeIndicator") || 0 === this.option("indicatorUpdateInterval")) {
return
}
this._clearIndicatorUpdateInterval();
this._indicatorInterval = setInterval(() => {
this.renderCurrentDateTimeIndication()
}, this.option("indicatorUpdateInterval"))
};
_proto._clearIndicatorUpdateInterval = function() {
if (this._indicatorInterval) {
clearInterval(this._indicatorInterval);
delete this._indicatorInterval
}
};
_proto._isVerticalShader = function() {
return true
};
_proto.getIndicationWidth = function(groupIndex) {
const maxWidth = this.getCellWidth() * this._getCellCount();
let difference = this._getIndicatorDuration();
if (difference > this._getCellCount()) {
difference = this._getCellCount()
}
const width = difference * this.getRoundedCellWidth(groupIndex, groupIndex * this._getCellCount(), difference);
return maxWidth < width ? maxWidth : width
};
_proto.getIndicatorOffset = function(groupIndex) {
const difference = this._getIndicatorDuration() - 1;
const offset = difference * this.getRoundedCellWidth(groupIndex, groupIndex * this._getCellCount(), difference);
return offset
};
_proto._getIndicatorDuration = function() {
const today = this._getToday();
const firstViewDate = new Date(this.getStartViewDate());
let timeDiff = today.getTime() - firstViewDate.getTime();
if ("workWeek" === this.option("type")) {
timeDiff -= this._getWeekendsCount(Math.round(timeDiff / toMs("day"))) * toMs("day")
}
return Math.ceil((timeDiff + 1) / toMs("day"))
};
_proto.getIndicationHeight = function() {
const today = _m_utils_time_zone.default.getDateWithoutTimezoneChange(this._getToday());
const cellHeight = this.getCellHeight();
const date = new Date(this.getStartViewDate());
if (this.isIndicationOnView()) {
date.setFullYear(today.getFullYear(), today.getMonth(), today.getDate())
}
const duration = today.getTime() - date.getTime();
const cellCount = duration / this.getCellDuration();
return cellCount * cellHeight
};
_proto._dispose = function() {
this._clearIndicatorUpdateInterval();
_SchedulerWorkSpace.prototype._dispose.apply(this, arguments)
};
_proto.renderCurrentDateTimeIndication = function() {
this.renderCurrentDateTimeLineAndShader();
if (this.isRenovatedRender()) {
this.renderWorkSpace({
generateNewData: true,
renderComponents: {
header: true,
timePanel: true
}
})
}
};
_proto.renderCurrentDateTimeLineAndShader = function() {
var _a;
this._cleanDateTimeIndicator();
null === (_a = this._shader) || void 0 === _a ? void 0 : _a.clean();
this._renderDateTimeIndication()
};
_proto._isCurrentTimeHeaderCell = function(headerIndex) {
if (this.isIndicationOnView()) {
const {
completeDateHeaderMap: completeDateHeaderMap
} = this.viewDataProvider;
const date = completeDateHeaderMap[completeDateHeaderMap.length - 1][headerIndex].startDate;
return _date.default.sameDate(date, this._getToday())
}
return false
};
_proto._getHeaderPanelCellClass = function(i) {
const cellClass = _SchedulerWorkSpace.prototype._getHeaderPanelCellClass.call(this, i);
if (this._isCurrentTimeHeaderCell(i)) {
return "".concat(cellClass, " ").concat(_m_classes.HEADER_CURRENT_TIME_CELL_CLASS)
}
return cellClass
};
_proto._cleanView = function() {
_SchedulerWorkSpace.prototype._cleanView.call(this);
this._cleanDateTimeIndicator()
};
_proto._dimensionChanged = function() {
_SchedulerWorkSpace.prototype._dimensionChanged.call(this);
this.renderCurrentDateTimeLineAndShader()
};
_proto._cleanDateTimeIndicator = function() {
this.$element().find(".".concat("dx-scheduler-date-time-indicator")).remove()
};
_proto._cleanWorkSpace = function() {
_SchedulerWorkSpace.prototype._cleanWorkSpace.call(this);
this._renderDateTimeIndication();
this._setIndicationUpdateInterval()
};
_proto._optionChanged = function(args) {
switch (args.name) {
case "showCurrentTimeIndicator":
case "indicatorTime":
this._cleanWorkSpace();
break;
case "indicatorUpdateInterval":
this._setIndicationUpdateInterval();
break;
case "showAllDayPanel":
case "allDayExpanded":
case "crossScrollingEnabled":
_SchedulerWorkSpace.prototype._optionChanged.call(this, args);
this.renderCurrentDateTimeIndication();
break;
case "shadeUntilCurrentTime":
this.renderCurrentDateTimeIndication();
break;
default:
_SchedulerWorkSpace.prototype._optionChanged.call(this, args)
}
};
_proto._getDefaultOptions = function() {
return (0, _extend.extend)(_SchedulerWorkSpace.prototype._getDefaultOptions.call(this), {
showCurrentTimeIndicator: true,
indicatorTime: new Date,
indicatorUpdateInterval: 5 * toMs("minute"),
shadeUntilCurrentTime: true
})
};
_proto._getCurrentTimePanelCellIndices = function() {
const rowCountPerGroup = this._getTimePanelRowCount();
const today = this._getToday();
const index = this.getCellIndexByDate(today);
const {
rowIndex: currentTimeRowIndex
} = this._getCellCoordinatesByIndex(index);
if (void 0 === currentTimeRowIndex) {
return []
}
let cellIndices;
if (0 === currentTimeRowIndex) {
cellIndices = [currentTimeRowIndex]
} else {
cellIndices = currentTimeRowIndex % 2 === 0 ? [currentTimeRowIndex - 1, currentTimeRowIndex] : [currentTimeRowIndex, currentTimeRowIndex + 1]
}
const verticalGroupCount = this._isVerticalGroupedWorkSpace() ? this._getGroupCount() : 1;
return [...new Array(verticalGroupCount)].reduce((currentIndices, _, groupIndex) => [...currentIndices, ...cellIndices.map(cellIndex => rowCountPerGroup * groupIndex + cellIndex)], [])
};
_proto._renderDateTimeIndication = function() {
if (!this.isIndicationAvailable()) {
return
}
if (this.option("shadeUntilCurrentTime")) {
this._shader.render()
}
if (!this.isIndicationOnView() || !this.isIndicatorVisible()) {
return
}
const groupCount = this._getGroupCount() || 1;
const $container = this._dateTableScrollable.$content();
const height = this.getIndicationHeight();
const rtlOffset = this._getRtlOffset(this.getCellWidth());
this._renderIndicator(height, rtlOffset, $container, groupCount);
if (!this.isRenovatedRender()) {
this._setCurrentTimeCells()
}
};
_proto._setCurrentTimeCells = function() {
const timePanelCells = this._getTimePanelCells();
const currentTimeCellIndices = this._getCurrentTimePanelCellIndices();
currentTimeCellIndices.forEach(timePanelCellIndex => {
timePanelCells.eq(timePanelCellIndex).addClass(TIME_PANEL_CURRENT_TIME_CELL_CLASS)
})
};
_proto._cleanCurrentTimeCells = function() {
this.$element().find(".".concat(TIME_PANEL_CURRENT_TIME_CELL_CLASS)).removeClass(TIME_PANEL_CURRENT_TIME_CELL_CLASS)
};
return SchedulerWorkSpaceIndicator
}(_m_work_space.default);
(0, _component_registrator.default)("dxSchedulerWorkSpace", SchedulerWorkSpaceIndicator);
var _default = SchedulerWorkSpaceIndicator;
exports.default = _default;