devextreme/dist/transpiled/ui/scheduler/ui.scheduler.appointments.strategy.horizontal.js

HTML5 JavaScript Component Suite for Responsive Web Development

"use strict";

var BaseAppointmentsStrategy = require("./ui.scheduler.appointments.strategy.base"),
    dateUtils = require("../../core/utils/date");

var MAX_APPOINTMENT_HEIGHT = 100,
    BOTTOM_CELL_GAP = 20,
    toMs = dateUtils.dateToMilliseconds;

var HorizontalRenderingStrategy = BaseAppointmentsStrategy.inherit({
    _needVerifyItemSize: function _needVerifyItemSize() {
        return true;
    },

    calculateAppointmentWidth: function calculateAppointmentWidth(appointment, position) {
        var cellWidth = this._defaultWidth || this.getAppointmentMinSize(),
            allDay = this.instance.fire("getField", "allDay", appointment),
            minWidth = this.getAppointmentMinSize(),
            width;

        var startDate = this._startDate(appointment, false, position),
            endDate = this._endDate(appointment, position),
            appointmentDuration = this._getAppointmentDurationInMs(startDate, endDate, allDay);

        appointmentDuration = this._adjustDurationByDaylightDiff(appointmentDuration, startDate, endDate);

        var cellDuration = this.instance.getAppointmentDurationInMinutes() * toMs("minute"),
            durationInCells = appointmentDuration / cellDuration;

        width = durationInCells * cellWidth;

        if (width < minWidth) {
            width = minWidth;
        }

        return width;
    },

    _adjustDurationByDaylightDiff: function _adjustDurationByDaylightDiff(duration, startDate, endDate) {
        var daylightDiff = this.instance.fire("getDaylightOffset", startDate, endDate);

        if (daylightDiff < 0) {
            duration += daylightDiff;
        }

        return duration;
    },

    getAppointmentGeometry: function getAppointmentGeometry(coordinates) {
        var result = this._customizeAppointmentGeometry(coordinates);

        return this.callBase(result);
    },

    _customizeAppointmentGeometry: function _customizeAppointmentGeometry(coordinates) {
        var cellHeight = (this._defaultHeight || this.getAppointmentMinSize()) - BOTTOM_CELL_GAP,
            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
        };
    },

    _correctRtlCoordinatesParts: function _correctRtlCoordinatesParts(coordinates, width) {
        for (var i = 1; i < coordinates.length; i++) {
            coordinates[i].left -= width;
        }

        return coordinates;
    },

    _sortCondition: function _sortCondition(a, b) {
        var result = this._columnCondition(a, b);
        return this._fixUnstableSorting(result, a, b);
    },

    _getMaxAppointmentWidth: function _getMaxAppointmentWidth(startDate) {
        var result;
        this.instance.fire("getMaxAppointmentWidth", {
            date: startDate,
            callback: function callback(width) {
                result = width;
            }
        });

        return result;
    },

    getDeltaTime: function getDeltaTime(args, initialSize) {
        var deltaTime = 0,
            deltaWidth = args.width - initialSize.width;

        deltaTime = 60000 * Math.round(deltaWidth / this._defaultWidth * this.instance.getAppointmentDurationInMinutes());

        return deltaTime;
    },

    isAllDay: function isAllDay(appointmentData) {
        return this.instance.fire("getField", "allDay", appointmentData);
    }
});

module.exports = HorizontalRenderingStrategy;