New: Mass series editor

src/UI/Shared/ControlPanel/ControlPanelController.js

@@ -0,0 +1,24 @@
+'use strict';
+define(
+    [
+        'vent',
+        'AppLayout',
+        'marionette'
+    ], function (vent, AppLayout, Marionette) {
+
+        return Marionette.AppRouter.extend({
+
+            initialize: function () {
+                vent.on(vent.Commands.OpenControlPanelCommand, this._openControlPanel, this);
+                vent.on(vent.Commands.CloseControlPanelCommand, this._closeControlPanel, this);
+            },
+
+            _openControlPanel: function (view) {
+                AppLayout.controlPanelRegion.show(view);
+            },
+
+            _closeControlPanel: function () {
+                AppLayout.controlPanelRegion.closePanel();
+            }
+        });
+    });

src/UI/Shared/ControlPanel/ControlPanelRegion.js

@@ -0,0 +1,35 @@
+'use strict';
+define(
+    [
+        'jquery',
+        'backbone',
+        'marionette'
+    ], function ($,Backbone, Marionette) {
+        var region = Marionette.Region.extend({
+            el: '#control-panel-region',
+
+            constructor: function () {
+                Backbone.Marionette.Region.prototype.constructor.apply(this, arguments);
+                this.on('show', this.showPanel, this);
+            },
+
+            getEl: function (selector) {
+                var $el = $(selector);
+
+                return $el;
+            },
+
+            showPanel: function () {
+                $('body').addClass('control-panel-visible');
+                this.$el.animate({ 'margin-bottom': 0, 'opacity': 1 }, { queue: false, duration: 300 });
+            },
+
+            closePanel: function () {
+                $('body').removeClass('control-panel-visible');
+                this.$el.animate({ 'margin-bottom': -100, 'opacity': 0 }, { queue: false, duration: 300 });
+                this.reset();
+            }
+        });
+
+        return region;
+    });