devextreme/dist/transpiled/ui/scheduler/ui.scheduler.current_time_shader.js

HTML5 JavaScript Component Suite for Responsive Web Development

"use strict";

var $ = require("../../core/renderer"),
    Class = require("../../core/class");

var DATE_TIME_SHADER_CLASS = "dx-scheduler-date-time-shader";

var currentTimeShader = Class.inherit({
    render: function render(workspace) {
        var _this = this;

        this._workspace = workspace;
        this._$container = workspace._dateTableScrollable.$content();

        this._$shader = this._createShader();
        this._shader = [];
        this._shader.push(this._$shader);

        this._renderShader();

        if (this._$shader && this._workspace.option("crossScrollingEnabled")) {
            this._$shader.css("marginTop", -this._$container.get(0).getBoundingClientRect().height);
            this._$shader.css("height", this._$container.get(0).getBoundingClientRect().height);
        }

        this._shader.forEach(function (shader, index) {
            _this._$container.append(shader);
        });
    },

    _createShader: function _createShader() {
        return $("<div>").addClass(DATE_TIME_SHADER_CLASS);
    },

    clean: function clean() {
        this._$container && this._$container.find("." + DATE_TIME_SHADER_CLASS).remove();
    }
});

module.exports = currentTimeShader;