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 PreviewController.js

Browse Source
This commit is contained in:
Julian Descottes 2018-04-08 14:04:14 +02:00
parent a1bb5f3b97
commit 090acee11a
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/js/controller/preview/PreviewController.js
View File

@ -7,7 +7,7 @@
ns.PreviewController = function (piskelController, container) { ns.PreviewController = function (piskelController, container) {
this.piskelController = piskelController; this.piskelController = piskelController;
this.container = container; this.container = container.get(0);
this.elapsedTime = 0; this.elapsedTime = 0;
this.currentIndex = 0; this.currentIndex = 0;
@ -40,7 +40,7 @@
}; };
this.toggleOnionSkinButton = document.querySelector('.preview-toggle-onion-skin'); this.toggleOnionSkinButton = document.querySelector('.preview-toggle-onion-skin');
this.renderer = new pskl.rendering.frame.BackgroundImageFrameRenderer(this.container.get(0)); this.renderer = new pskl.rendering.frame.BackgroundImageFrameRenderer(this.container);
this.popupPreviewController = new ns.PopupPreviewController(piskelController); this.popupPreviewController = new ns.PopupPreviewController(piskelController);
}; };
@ -72,7 +72,7 @@
} }
$.subscribe(Events.FRAME_SIZE_CHANGED, this.onFrameSizeChange_.bind(this)); $.subscribe(Events.FRAME_SIZE_CHANGED, this.onFrameSizeChange_.bind(this));
$.subscribe(Events.USER_SETTINGS_CHANGED, $.proxy(this.onUserSettingsChange_, this)); $.subscribe(Events.USER_SETTINGS_CHANGED, this.onUserSettingsChange_.bind(this));
$.subscribe(Events.PISKEL_SAVE_STATE, this.setRenderFlag_.bind(this, true)); $.subscribe(Events.PISKEL_SAVE_STATE, this.setRenderFlag_.bind(this, true));
$.subscribe(Events.FPS_CHANGED, this.updateFPS_.bind(this)); $.subscribe(Events.FPS_CHANGED, this.updateFPS_.bind(this));
// On PISKEL_RESET, set the render flag and update the FPS input // On PISKEL_RESET, set the render flag and update the FPS input
@ -228,9 +228,9 @@
}; };
ns.PreviewController.prototype.getCoordinates = function(x, y) { ns.PreviewController.prototype.getCoordinates = function(x, y) {
var containerOffset = this.container.offset(); var containerRect = this.container.getBoundingClientRect();
x = x - containerOffset.left; x = x - containerRect.left;
y = y - containerOffset.top; y = y - containerRect.top;
var zoom = this.getZoom(); var zoom = this.getZoom();
return { return {
x : Math.floor(x / zoom), x : Math.floor(x / zoom),
@ -323,7 +323,7 @@
width = frame.getWidth() * zoom; width = frame.getWidth() * zoom;
} }
var containerEl = this.container.get(0); var containerEl = this.container;
containerEl.style.height = height + 'px'; containerEl.style.height = height + 'px';
containerEl.style.width = width + 'px'; containerEl.style.width = width + 'px';