UNPKG

devextreme

Version:

HTML5 JavaScript Component Suite for Responsive Web Development

72 lines (71 loc) 2.83 kB
/** * DevExtreme (esm/ui/scheduler/rendering_strategies/ui.scheduler.appointmentsPositioning.strategy.base.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 { isDefined } from "../../../core/utils/type"; var COLLECTOR_DEFAULT_WIDTH = 24; var COLLECTOR_DEFAULT_OFFSET = 3; var COMPACT_THEME_APPOINTMENT_DEFAULT_OFFSET = 22; var APPOINTMENT_MIN_COUNT = 1; var APPOINTMENT_DEFAULT_WIDTH = 40; var COLLECTOR_WIDTH_IN_PERCENTS = 75; var APPOINTMENT_INCREASED_WIDTH = 50; class AppointmentPositioningStrategy { constructor(renderingStrategy) { this._renderingStrategy = renderingStrategy } getRenderingStrategy() { return this._renderingStrategy } getDropDownAppointmentWidth(intervalCount, isAllDay) { if (isAllDay || !isDefined(isAllDay)) { return COLLECTOR_WIDTH_IN_PERCENTS * this.getRenderingStrategy().getDefaultCellWidth() / 100 } else { return COLLECTOR_DEFAULT_WIDTH } } getCollectorTopOffset() { return COLLECTOR_DEFAULT_OFFSET } getCollectorLeftOffset() { return COLLECTOR_DEFAULT_OFFSET } getAppointmentDefaultOffset() { if (this.getRenderingStrategy()._isCompactTheme()) { return COMPACT_THEME_APPOINTMENT_DEFAULT_OFFSET } return this.getRenderingStrategy().instance.option("_appointmentOffset") } getDynamicAppointmentCountPerCell() { var renderingStrategy = this.getRenderingStrategy(); var cellHeight = renderingStrategy.instance.fire("getCellHeight"); var allDayCount = Math.floor((cellHeight - renderingStrategy._getAppointmentDefaultOffset()) / renderingStrategy._getAppointmentDefaultHeight()) || this._getAppointmentMinCount(); if (renderingStrategy.hasAllDayAppointments()) { return { allDay: "vertical" === renderingStrategy.instance._groupOrientation ? allDayCount : renderingStrategy.instance.option("_appointmentCountPerCell"), simple: this._calculateDynamicAppointmentCountPerCell() || this._getAppointmentMinCount() } } else { return allDayCount } } getDropDownAppointmentHeight() { return } _getAppointmentMinCount() { return APPOINTMENT_MIN_COUNT } _calculateDynamicAppointmentCountPerCell() { return Math.floor(this.getRenderingStrategy()._getAppointmentMaxWidth() / APPOINTMENT_INCREASED_WIDTH) } _getAppointmentDefaultWidth() { return APPOINTMENT_DEFAULT_WIDTH } } export default AppointmentPositioningStrategy;