devextreme/dist/transpiled/ui/list/ui.list.edit.decorator.swipe.js

HTML5 JavaScript Component Suite for Responsive Web Development

"use strict";

var translator = require("../../animation/translator"),
    fx = require("../../animation/fx"),
    registerDecorator = require("./ui.list.edit.decorator_registry").register,
    EditDecorator = require("./ui.list.edit.decorator"),
    Deferred = require("../../core/utils/deferred").Deferred;

registerDecorator("delete", "swipe", EditDecorator.inherit({

    _shouldHandleSwipe: true,

    _renderItemPosition: function _renderItemPosition($itemElement, offset, animate) {
        var deferred = new Deferred(),
            itemOffset = offset * this._itemElementWidth;

        if (animate) {
            fx.animate($itemElement, {
                to: { left: itemOffset },
                type: "slide",
                complete: function complete() {
                    deferred.resolve($itemElement, offset);
                }
            });
        } else {
            translator.move($itemElement, { left: itemOffset });
            deferred.resolve();
        }

        return deferred.promise();
    },

    _swipeStartHandler: function _swipeStartHandler($itemElement) {
        this._itemElementWidth = $itemElement.width();
        return true;
    },

    _swipeUpdateHandler: function _swipeUpdateHandler($itemElement, args) {
        this._renderItemPosition($itemElement, args.offset);
        return true;
    },

    _swipeEndHandler: function _swipeEndHandler($itemElement, args) {
        var offset = args.targetOffset;

        this._renderItemPosition($itemElement, offset, true).done(function ($itemElement, offset) {
            if (Math.abs(offset)) {
                this._list.deleteItem($itemElement).fail(function () {
                    this._renderItemPosition($itemElement, 0, true);
                }.bind(this));
            }
        }.bind(this));
        return true;
    }
}));