Color Palette : Added popup mgr + palettes list

src/js/controller/dialogs/DialogsController.js

@@ -0,0 +1,48 @@
+(function () {
+  var ns = $.namespace('pskl.controller.dialogs');
+
+  var dialogs = {
+    'manage-palettes' : {
+      template : 'templates/dialogs/manage-palettes.html',
+      controller : ns.ManagePalettesController
+    }
+  };
+
+  ns.DialogsController = function (piskelController) {
+    this.piskelController = piskelController;
+  };
+
+  ns.DialogsController.prototype.init = function () {
+    this.dialogContainer_ = document.getElementById('dialog-container');
+    this.dialogWrapper_ = document.getElementById('dialog-container-wrapper');
+    $.subscribe(Events.DIALOG_DISPLAY, this.onDialogDisplayEvent_.bind(this));
+    $.subscribe(Events.DIALOG_HIDE, this.onDialogHideEvent_.bind(this));
+  };
+
+  ns.DialogsController.prototype.onDialogDisplayEvent_ = function (evt, dialogId) {
+    var config = dialogs[dialogId];
+
+    if (config) {
+      this.dialogContainer_.innerHTML = pskl.utils.Template.get(config.template);
+      (new config.controller(this.piskelController)).init();
+      this.showDialogWrapper_();
+    } else {
+      console.error('Could not find dialog configuration for dialogId : ' + dialogId);
+    }
+  };
+
+  ns.DialogsController.prototype.onDialogHideEvent_ = function () {
+    this.hideDialogWrapper_();
+  };
+
+  ns.DialogsController.prototype.showDialogWrapper_ = function () {
+    pskl.app.shortcutService.addShortcut('ESC', this.hideDialogWrapper_.bind(this));
+    this.dialogWrapper_.style.display = 'block';
+  };
+
+  ns.DialogsController.prototype.hideDialogWrapper_ = function () {
+    pskl.app.shortcutService.removeShortcut('ESC');
+    this.dialogWrapper_.style.display = 'none';
+  };
+
+})();

src/js/controller/dialogs/ManagePalettesController.js

@@ -0,0 +1,9 @@
+(function () {
+  var ns = $.namespace('pskl.controller.dialogs');
+
+  ns.ManagePalettesController = function (piskelController) {
+    this.piskelController = piskelController;
+  };
+
+  ns.ManagePalettesController.prototype.init = function () {};
+})();