| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330 |
- /**
- * DevExtreme (ui/scheduler/rendering_strategies/ui.scheduler.appointments.strategy.horizontal.js)
- * Version: 19.1.16
- * Build date: Tue Oct 18 2022
- *
- * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
- * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
- */
- "use strict";
- function _typeof(obj) {
- "@babel/helpers - typeof";
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj) {
- return typeof obj
- } : function(obj) {
- return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj
- }, _typeof(obj)
- }
- var _uiSchedulerAppointmentsStrategy = require("./ui.scheduler.appointments.strategy.base");
- var _uiSchedulerAppointmentsStrategy2 = _interopRequireDefault(_uiSchedulerAppointmentsStrategy);
- var _date = require("../../../core/utils/date");
- var _date2 = _interopRequireDefault(_date);
- function _interopRequireDefault(obj) {
- return obj && obj.__esModule ? obj : {
- "default": obj
- }
- }
- function _classCallCheck(instance, Constructor) {
- if (!(instance instanceof Constructor)) {
- throw new TypeError("Cannot call a class as a function")
- }
- }
- function _defineProperties(target, props) {
- for (var i = 0; i < props.length; i++) {
- var descriptor = props[i];
- descriptor.enumerable = descriptor.enumerable || false;
- descriptor.configurable = true;
- if ("value" in descriptor) {
- descriptor.writable = true
- }
- Object.defineProperty(target, descriptor.key, descriptor)
- }
- }
- function _createClass(Constructor, protoProps, staticProps) {
- if (protoProps) {
- _defineProperties(Constructor.prototype, protoProps)
- }
- if (staticProps) {
- _defineProperties(Constructor, staticProps)
- }
- Object.defineProperty(Constructor, "prototype", {
- writable: false
- });
- return Constructor
- }
- function _get() {
- if ("undefined" !== typeof Reflect && Reflect.get) {
- _get = Reflect.get.bind()
- } else {
- _get = function(target, property, receiver) {
- var base = _superPropBase(target, property);
- if (!base) {
- return
- }
- var desc = Object.getOwnPropertyDescriptor(base, property);
- if (desc.get) {
- return desc.get.call(arguments.length < 3 ? target : receiver)
- }
- return desc.value
- }
- }
- return _get.apply(this, arguments)
- }
- function _superPropBase(object, property) {
- while (!Object.prototype.hasOwnProperty.call(object, property)) {
- object = _getPrototypeOf(object);
- if (null === object) {
- break
- }
- }
- return object
- }
- function _inherits(subClass, superClass) {
- if ("function" !== typeof superClass && null !== superClass) {
- throw new TypeError("Super expression must either be null or a function")
- }
- subClass.prototype = Object.create(superClass && superClass.prototype, {
- constructor: {
- value: subClass,
- writable: true,
- configurable: true
- }
- });
- Object.defineProperty(subClass, "prototype", {
- writable: false
- });
- if (superClass) {
- _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)
- }
- function _createSuper(Derived) {
- var hasNativeReflectConstruct = _isNativeReflectConstruct();
- return function() {
- var result, Super = _getPrototypeOf(Derived);
- if (hasNativeReflectConstruct) {
- var NewTarget = _getPrototypeOf(this).constructor;
- result = Reflect.construct(Super, arguments, NewTarget)
- } else {
- result = Super.apply(this, arguments)
- }
- return _possibleConstructorReturn(this, result)
- }
- }
- function _possibleConstructorReturn(self, call) {
- if (call && ("object" === _typeof(call) || "function" === typeof call)) {
- return call
- } else {
- if (void 0 !== call) {
- throw new TypeError("Derived constructors may only return object or undefined")
- }
- }
- return _assertThisInitialized(self)
- }
- function _assertThisInitialized(self) {
- if (void 0 === self) {
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called")
- }
- return self
- }
- function _isNativeReflectConstruct() {
- if ("undefined" === typeof Reflect || !Reflect.construct) {
- return false
- }
- if (Reflect.construct.sham) {
- return false
- }
- if ("function" === typeof Proxy) {
- return true
- }
- try {
- Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
- return true
- } catch (e) {
- return false
- }
- }
- function _getPrototypeOf(o) {
- _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(o) {
- return o.__proto__ || Object.getPrototypeOf(o)
- };
- return _getPrototypeOf(o)
- }
- var MAX_APPOINTMENT_HEIGHT = 100;
- var DEFAULT_APPOINTMENT_HEIGHT = 60;
- var MIN_APPOINTMENT_HEIGHT = 35;
- var DROP_DOWN_BUTTON_OFFSET = 2;
- var BOTTOM_CELL_GAP = 20;
- var toMs = _date2.default.dateToMilliseconds;
- var HorizontalRenderingStrategy = function(_BaseAppointmentsStra) {
- _inherits(HorizontalRenderingStrategy, _BaseAppointmentsStra);
- var _super = _createSuper(HorizontalRenderingStrategy);
- function HorizontalRenderingStrategy() {
- _classCallCheck(this, HorizontalRenderingStrategy);
- return _super.apply(this, arguments)
- }
- _createClass(HorizontalRenderingStrategy, [{
- key: "_needVerifyItemSize",
- value: function() {
- return true
- }
- }, {
- key: "calculateAppointmentWidth",
- value: function(appointment, position, isRecurring) {
- var cellWidth = this.getDefaultCellWidth() || this.getAppointmentMinSize();
- var allDay = this.instance.fire("getField", "allDay", appointment);
- var startDate = this.startDate(appointment, false, position);
- var endDate = this.endDate(appointment, position, isRecurring, false);
- var appointmentDuration = this._getAppointmentDurationInMs(startDate, endDate, allDay);
- appointmentDuration = this._adjustDurationByDaylightDiff(appointmentDuration, startDate, endDate);
- var cellDuration = this.instance.getAppointmentDurationInMinutes() * toMs("minute");
- var durationInCells = appointmentDuration / cellDuration;
- var width = this.cropAppointmentWidth(durationInCells * cellWidth, cellWidth);
- return width
- }
- }, {
- key: "_needAdjustDuration",
- value: function(diff) {
- return diff < 0
- }
- }, {
- key: "getAppointmentGeometry",
- value: function(coordinates) {
- var result = this._customizeAppointmentGeometry(coordinates);
- return _get(_getPrototypeOf(HorizontalRenderingStrategy.prototype), "getAppointmentGeometry", this).call(this, result)
- }
- }, {
- key: "_customizeAppointmentGeometry",
- value: function(coordinates) {
- var overlappingMode = this.instance.fire("getMaxAppointmentsPerCell");
- if (overlappingMode) {
- var config = this._calculateGeometryConfig(coordinates);
- return this._customizeCoordinates(coordinates, config.height, config.appointmentCountPerCell, config.offset)
- } else {
- var cellHeight = (this.getDefaultCellHeight() || this.getAppointmentMinSize()) - BOTTOM_CELL_GAP;
- var height = cellHeight / coordinates.count;
- if (height > MAX_APPOINTMENT_HEIGHT) {
- height = MAX_APPOINTMENT_HEIGHT
- }
- var top = coordinates.top + coordinates.index * height;
- return {
- height: height,
- width: coordinates.width,
- top: top,
- left: coordinates.left
- }
- }
- }
- }, {
- key: "_getOffsets",
- value: function() {
- return {
- unlimited: 0,
- auto: 0
- }
- }
- }, {
- key: "_checkLongCompactAppointment",
- value: function(item, result) {
- var overlappingMode = this.instance.fire("getMaxAppointmentsPerCell");
- if (overlappingMode) {
- this._splitLongCompactAppointment(item, result);
- return result
- }
- }
- }, {
- key: "_getCompactLeftCoordinate",
- value: function(itemLeft, index) {
- var cellWidth = this.getDefaultCellWidth() || this.getAppointmentMinSize();
- return itemLeft + cellWidth * index
- }
- }, {
- key: "_getMaxHeight",
- value: function() {
- return this.getDefaultCellHeight() || this.getAppointmentMinSize()
- }
- }, {
- key: "_getAppointmentCount",
- value: function(overlappingMode, coordinates) {
- return this._getMaxAppointmentCountPerCellByType(false)
- }
- }, {
- key: "_getAppointmentDefaultHeight",
- value: function() {
- return DEFAULT_APPOINTMENT_HEIGHT
- }
- }, {
- key: "_getAppointmentMinHeight",
- value: function() {
- return MIN_APPOINTMENT_HEIGHT
- }
- }, {
- key: "_sortCondition",
- value: function(a, b) {
- return this._columnCondition(a, b)
- }
- }, {
- key: "_getOrientation",
- value: function() {
- return ["left", "right", "top"]
- }
- }, {
- key: "_getMaxAppointmentWidth",
- value: function(startDate) {
- var result;
- this.instance.fire("getMaxAppointmentWidth", {
- date: startDate,
- callback: function(width) {
- result = width
- }
- });
- return result
- }
- }, {
- key: "getDropDownAppointmentWidth",
- value: function() {
- return this.getDefaultCellWidth() - 2 * DROP_DOWN_BUTTON_OFFSET
- }
- }, {
- key: "getDeltaTime",
- value: function(args, initialSize) {
- var deltaTime = 0;
- var deltaWidth = args.width - initialSize.width;
- deltaTime = toMs("minute") * Math.round(deltaWidth / this.getDefaultCellWidth() * this.instance.getAppointmentDurationInMinutes());
- return deltaTime
- }
- }, {
- key: "isAllDay",
- value: function(appointmentData) {
- return this.instance.fire("getField", "allDay", appointmentData)
- }
- }, {
- key: "needSeparateAppointment",
- value: function() {
- return this.instance.fire("isGroupedByDate")
- }
- }]);
- return HorizontalRenderingStrategy
- }(_uiSchedulerAppointmentsStrategy2.default);
- module.exports = HorizontalRenderingStrategy;
|