mirror of
https://github.com/piskelapp/piskel.git
synced 2023-08-10 21:12:52 +03:00
Layers:Review:Rename LayersController to LayersListController
This commit is contained in:
@ -30,8 +30,8 @@
|
|||||||
this.previewsController = new pskl.controller.PreviewFilmController(this.piskelController, $('#preview-list'));
|
this.previewsController = new pskl.controller.PreviewFilmController(this.piskelController, $('#preview-list'));
|
||||||
this.previewsController.init();
|
this.previewsController.init();
|
||||||
|
|
||||||
this.layersController = new pskl.controller.LayersController(this.piskelController);
|
this.layersListController = new pskl.controller.LayersListController(this.piskelController);
|
||||||
this.layersController.init();
|
this.layersListController.init();
|
||||||
|
|
||||||
this.settingsController = new pskl.controller.SettingsController(this.piskelController);
|
this.settingsController = new pskl.controller.SettingsController(this.piskelController);
|
||||||
this.settingsController.init();
|
this.settingsController.init();
|
||||||
|
@ -1,11 +1,11 @@
|
|||||||
(function () {
|
(function () {
|
||||||
var ns = $.namespace('pskl.controller');
|
var ns = $.namespace('pskl.controller');
|
||||||
|
|
||||||
ns.LayersController = function (piskelController) {
|
ns.LayersListController = function (piskelController) {
|
||||||
this.piskelController = piskelController;
|
this.piskelController = piskelController;
|
||||||
};
|
};
|
||||||
|
|
||||||
ns.LayersController.prototype.init = function () {
|
ns.LayersListController.prototype.init = function () {
|
||||||
this.layerItemTemplate_ = pskl.utils.Template.get('layer-item-template');
|
this.layerItemTemplate_ = pskl.utils.Template.get('layer-item-template');
|
||||||
this.rootEl = document.querySelectorAll('.layers-list-container')[0];
|
this.rootEl = document.querySelectorAll('.layers-list-container')[0];
|
||||||
this.layersListEl = document.querySelectorAll('.layers-list')[0];
|
this.layersListEl = document.querySelectorAll('.layers-list')[0];
|
||||||
@ -17,13 +17,13 @@
|
|||||||
this.renderLayerList_();
|
this.renderLayerList_();
|
||||||
};
|
};
|
||||||
|
|
||||||
ns.LayersController.prototype.renderLayerList_ = function () {
|
ns.LayersListController.prototype.renderLayerList_ = function () {
|
||||||
this.layersListEl.innerHTML = '';
|
this.layersListEl.innerHTML = '';
|
||||||
var layers = this.piskelController.getLayers();
|
var layers = this.piskelController.getLayers();
|
||||||
layers.forEach(this.addLayerItem.bind(this));
|
layers.forEach(this.addLayerItem.bind(this));
|
||||||
};
|
};
|
||||||
|
|
||||||
ns.LayersController.prototype.addLayerItem = function (layer) {
|
ns.LayersListController.prototype.addLayerItem = function (layer) {
|
||||||
var layerItemHtml = pskl.utils.Template.replace(this.layerItemTemplate_, {
|
var layerItemHtml = pskl.utils.Template.replace(this.layerItemTemplate_, {
|
||||||
layername : layer.getName()
|
layername : layer.getName()
|
||||||
});
|
});
|
||||||
@ -34,7 +34,7 @@
|
|||||||
this.layersListEl.insertBefore(layerItem, this.layersListEl.firstChild);
|
this.layersListEl.insertBefore(layerItem, this.layersListEl.firstChild);
|
||||||
};
|
};
|
||||||
|
|
||||||
ns.LayersController.prototype.onClick_ = function (evt) {
|
ns.LayersListController.prototype.onClick_ = function (evt) {
|
||||||
var el = evt.target || evt.srcElement;
|
var el = evt.target || evt.srcElement;
|
||||||
if (el.nodeName == 'BUTTON') {
|
if (el.nodeName == 'BUTTON') {
|
||||||
this.onButtonClick_(el);
|
this.onButtonClick_(el);
|
||||||
@ -44,7 +44,7 @@
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
ns.LayersController.prototype.onButtonClick_ = function (button) {
|
ns.LayersListController.prototype.onButtonClick_ = function (button) {
|
||||||
var action = button.getAttribute('data-action');
|
var action = button.getAttribute('data-action');
|
||||||
if (action == 'up') {
|
if (action == 'up') {
|
||||||
this.piskelController.moveLayerUp();
|
this.piskelController.moveLayerUp();
|
@ -44,7 +44,7 @@ exports.scripts = [
|
|||||||
"js/controller/PiskelController.js",
|
"js/controller/PiskelController.js",
|
||||||
"js/controller/DrawingController.js",
|
"js/controller/DrawingController.js",
|
||||||
"js/controller/PreviewFilmController.js",
|
"js/controller/PreviewFilmController.js",
|
||||||
"js/controller/LayersController.js",
|
"js/controller/LayersListController.js",
|
||||||
"js/controller/AnimatedPreviewController.js",
|
"js/controller/AnimatedPreviewController.js",
|
||||||
"js/controller/ToolController.js",
|
"js/controller/ToolController.js",
|
||||||
"js/controller/PaletteController.js",
|
"js/controller/PaletteController.js",
|
||||||
|
Reference in New Issue
Block a user