devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
58 lines (57 loc) • 2.12 kB
JavaScript
/**
* DevExtreme (ui/list/ui.list.edit.decorator.swipe.js)
* Version: 18.1.3
* Build date: Tue May 15 2018
*
* Copyright (c) 2012 - 2018 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
;
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($itemElement, offset, animate) {
var deferred = new Deferred,
itemOffset = offset * this._itemElementWidth;
if (animate) {
fx.animate($itemElement, {
to: {
left: itemOffset
},
type: "slide",
complete: function() {
deferred.resolve($itemElement, offset)
}
})
} else {
translator.move($itemElement, {
left: itemOffset
});
deferred.resolve()
}
return deferred.promise()
},
_swipeStartHandler: function($itemElement) {
this._itemElementWidth = $itemElement.width();
return true
},
_swipeUpdateHandler: function($itemElement, args) {
this._renderItemPosition($itemElement, args.offset);
return true
},
_swipeEndHandler: function($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
}
}));