UNPKG

devextreme

Version:

HTML5 JavaScript Component Suite for Responsive Web Development

65 lines (64 loc) 2.59 kB
/** * DevExtreme (esm/ui/scheduler/appointments/rendering_strategies/appointmentsPositioning_strategy_adaptive.js) * Version: 22.1.9 * Build date: Tue Apr 18 2023 * * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/ */ import AppointmentPositioningStrategy from "./appointmentsPositioning_strategy_base"; var COLLECTOR_ADAPTIVE_SIZE = 28; var COLLECTOR_ADAPTIVE_BOTTOM_OFFSET = 40; var ADAPTIVE_APPOINTMENT_DEFAULT_OFFSET = 35; var ADAPTIVE_APPOINTMENT_DEFAULT_WIDTH = 30; class AdaptivePositioningStrategy extends AppointmentPositioningStrategy { getDropDownAppointmentWidth(intervalCount, isAllDay) { return this.getDropDownButtonAdaptiveSize() } getDropDownButtonAdaptiveSize() { return COLLECTOR_ADAPTIVE_SIZE } getCollectorTopOffset(allDay) { var renderingStrategy = this._renderingStrategy; if (renderingStrategy.allDaySupported() && allDay) { return (renderingStrategy.allDayHeight - renderingStrategy.getDropDownButtonAdaptiveSize()) / 2 } else { return this._renderingStrategy.cellHeight - COLLECTOR_ADAPTIVE_BOTTOM_OFFSET } } getCollectorLeftOffset() { var collectorWidth = this._renderingStrategy.getDropDownAppointmentWidth(); return (this._renderingStrategy.cellWidth - collectorWidth) / 2 } getAppointmentDefaultOffset() { return ADAPTIVE_APPOINTMENT_DEFAULT_OFFSET } getDynamicAppointmentCountPerCell() { var renderingStrategy = this._renderingStrategy; if (renderingStrategy.allDaySupported()) { return { allDay: 0, simple: this._calculateDynamicAppointmentCountPerCell() || this._getAppointmentMinCount() } } else { return 0 } } getDropDownAppointmentHeight() { return COLLECTOR_ADAPTIVE_SIZE } _getAppointmentMinCount() { return 0 } _getAppointmentDefaultWidth() { var renderingStrategy = this._renderingStrategy; if (renderingStrategy.allDaySupported()) { return ADAPTIVE_APPOINTMENT_DEFAULT_WIDTH } return super._getAppointmentDefaultWidth() } _calculateDynamicAppointmentCountPerCell() { return Math.floor(this._renderingStrategy._getAppointmentMaxWidth() / this._renderingStrategy._getAppointmentDefaultWidth()) } } export default AdaptivePositioningStrategy;