mirror/piskel
1
0
Fork 0
mirror of https://github.com/piskelapp/piskel.git synced 2023-08-10 21:12:52 +03:00
Code Issues Projects Releases Wiki Activity

Remove jquery from FramesListController.js

Browse Source
This commit is contained in:
Julian Descottes 2018-04-08 16:43:19 +02:00
parent 34a88b79a0
commit e3182504dd
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/js/controller/FramesListController.js
View File

@ -162,7 +162,10 @@
this.previewList.innerHTML = ''; this.previewList.innerHTML = '';
// Manually remove tooltips since mouseout events were shortcut by the DOM refresh: // Manually remove tooltips since mouseout events were shortcut by the DOM refresh:
$('.tooltip').remove(); var tooltips = [...document.querySelectorAll('.tooltip')];
tooltips.forEach(function (tooltip) {
tooltip.parentNode.removeChild(tooltip);
});
var frameCount = this.piskelController.getFrameCount(); var frameCount = this.piskelController.getFrameCount();
@ -190,8 +193,8 @@
ns.FramesListController.prototype.initDragndropBehavior_ = function () { ns.FramesListController.prototype.initDragndropBehavior_ = function () {
$(this.previewList).sortable({ $(this.previewList).sortable({
placeholder: 'preview-tile preview-tile-drop-proxy', placeholder: 'preview-tile preview-tile-drop-proxy',
update: $.proxy(this.onUpdate_, this), update: this.onUpdate_.bind(this),
stop: $.proxy(this.onSortableStop_, this), stop: this.onSortableStop_.bind(this),
items: '.preview-tile', items: '.preview-tile',
axis: 'y', axis: 'y',
tolerance: 'pointer' tolerance: 'pointer'
@ -203,8 +206,10 @@
* @private * @private
*/ */
ns.FramesListController.prototype.onUpdate_ = function (event, ui) { ns.FramesListController.prototype.onUpdate_ = function (event, ui) {
var originFrameId = parseInt(ui.item.data('tile-number'), 10); var movedItem = ui.item.get(0);
var targetInsertionId = $('.preview-tile').index(ui.item); var originFrameId = parseInt(movedItem.dataset.tileNumber, 10);
var tiles = [...document.querySelectorAll('.preview-tile')];
var targetInsertionId = tiles.indexOf(movedItem);
this.piskelController.moveFrame(originFrameId, targetInsertionId); this.piskelController.moveFrame(originFrameId, targetInsertionId);
this.piskelController.setCurrentFrameIndex(targetInsertionId); this.piskelController.setCurrentFrameIndex(targetInsertionId);
@ -220,9 +225,9 @@
ns.FramesListController.prototype.onSortableStop_ = function (event, ui) { ns.FramesListController.prototype.onSortableStop_ = function (event, ui) {
this.justDropped = true; this.justDropped = true;
this.resizeTimer = window.setTimeout($.proxy(function() { this.resizeTimer = window.setTimeout((function() {
this.justDropped = false; this.justDropped = false;
}, this), 200); }).bind(this), 200);
}; };
/** /**