devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
121 lines (119 loc) • 4.6 kB
JavaScript
/**
* DevExtreme (cjs/__internal/scheduler/appointments/rendering_strategies/m_strategy_horizontal.js)
* Version: 24.2.6
* Build date: Mon Mar 17 2025
*
* Copyright (c) 2012 - 2025 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 _date = _interopRequireDefault(require("../../../../core/utils/date"));
var _index = require("../../../scheduler/r1/utils/index");
var _m_expression_utils = require("../../m_expression_utils");
var _m_strategy_base = _interopRequireDefault(require("./m_strategy_base"));
function _interopRequireDefault(e) {
return e && e.__esModule ? e : {
default: e
}
}
const DEFAULT_APPOINTMENT_HEIGHT = 60;
const MIN_APPOINTMENT_HEIGHT = 35;
const DROP_DOWN_BUTTON_OFFSET = 2;
const toMs = _date.default.dateToMilliseconds;
class HorizontalRenderingStrategy extends _m_strategy_base.default {
_needVerifyItemSize() {
return true
}
calculateAppointmentWidth(appointment, position) {
const cellWidth = this.cellWidth || this.getAppointmentMinSize();
const allDay = _m_expression_utils.ExpressionUtils.getField(this.dataAccessors, "allDay", appointment);
const {
startDate: startDate,
endDate: endDate,
normalizedEndDate: normalizedEndDate
} = position.info.appointment;
let duration = this.getAppointmentDurationInMs(startDate, normalizedEndDate, allDay);
duration = this._adjustDurationByDaylightDiff(duration, startDate, normalizedEndDate);
const cellDuration = this.cellDurationInMinutes * toMs("minute");
const skippedHours = (0, _index.getSkippedHoursInRange)(startDate, endDate, appointment.allDay, this.viewDataProvider);
const durationInCells = (duration - skippedHours * toMs("hour")) / cellDuration;
const width = this.cropAppointmentWidth(durationInCells * cellWidth, cellWidth);
return width
}
_needAdjustDuration(diff) {
return diff < 0
}
getAppointmentGeometry(coordinates) {
const result = this._customizeAppointmentGeometry(coordinates);
return super.getAppointmentGeometry(result)
}
_customizeAppointmentGeometry(coordinates) {
const config = this._calculateGeometryConfig(coordinates);
return this._customizeCoordinates(coordinates, config.height, config.appointmentCountPerCell, config.offset)
}
_getOffsets() {
return {
unlimited: 0,
auto: 0
}
}
_getCompactLeftCoordinate(itemLeft, index) {
const cellWidth = this.cellWidth || this.getAppointmentMinSize();
return itemLeft + cellWidth * index
}
_getMaxHeight() {
return this.cellHeight || this.getAppointmentMinSize()
}
_getAppointmentCount(overlappingMode, coordinates) {
return this._getMaxAppointmentCountPerCellByType(false)
}
_getAppointmentDefaultHeight() {
return 60
}
_getAppointmentMinHeight() {
return 35
}
_sortCondition(a, b) {
return this._columnCondition(a, b)
}
_getOrientation() {
return ["left", "right", "top"]
}
getDropDownAppointmentWidth(intervalCount, isAllDay) {
return this.cellWidth - 4
}
getDeltaTime(args, initialSize) {
let deltaTime = 0;
const deltaWidth = args.width - initialSize.width;
deltaTime = toMs("minute") * Math.round(deltaWidth / this.cellWidth * this.cellDurationInMinutes);
return deltaTime
}
isAllDay(appointmentData) {
return _m_expression_utils.ExpressionUtils.getField(this.dataAccessors, "allDay", appointmentData)
}
_isItemsCross(firstItem, secondItem) {
const orientation = this._getOrientation();
return this._checkItemsCrossing(firstItem, secondItem, orientation)
}
getPositionShift(timeShift) {
const positionShift = super.getPositionShift(timeShift);
let left = this.cellWidth * timeShift;
if (this.rtlEnabled) {
left *= -1
}
left += positionShift.left;
return {
top: 0,
left: left,
cellPosition: left
}
}
supportCompactDropDownAppointments() {
return false
}
}
var _default = exports.default = HorizontalRenderingStrategy;