devextreme/dist/transpiled/ui/toolbar/ui.toolbar.strategy.list_bottom.js

HTML5 JavaScript Component Suite for Responsive Web Development

"use strict";

var ListStrategy = require("./ui.toolbar.strategy.list_base"),
    Swipeable = require("../../events/gesture/swipeable");

var ListBottomStrategy = ListStrategy.inherit({

    NAME: "listBottom",

    _renderWidget: function _renderWidget() {
        this._renderContainerSwipe();
        this.callBase();
        this._toolbar._$toolbarItemsContainer.prependTo(this._listOverlay.$content());
    },

    _renderContainerSwipe: function _renderContainerSwipe() {
        this._toolbar._createComponent(this._toolbar._$toolbarItemsContainer, Swipeable, {
            elastic: false,
            onStart: this._swipeStartHandler.bind(this),
            onUpdated: this._swipeUpdateHandler.bind(this),
            onEnd: this._swipeEndHandler.bind(this),
            itemSizeFunc: this._getListHeight.bind(this),
            direction: "vertical"
        });
    },

    _swipeStartHandler: function _swipeStartHandler(e) {
        e.event.maxTopOffset = this._menuShown ? 0 : 1;
        e.event.maxBottomOffset = this._menuShown ? 1 : 0;
    },

    _swipeUpdateHandler: function _swipeUpdateHandler(e) {
        var offset = this._menuShown ? e.event.offset : 1 + e.event.offset;
        this._renderMenuPosition(offset, false);
    },

    _swipeEndHandler: function _swipeEndHandler(e) {
        var targetOffset = e.event.targetOffset;

        targetOffset -= this._menuShown - 1;
        this._toggleMenu(targetOffset === 0, true);
    }

});

module.exports = ListBottomStrategy;