X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/e68a54005c36b6a2282e4446fb04fda6cd9b953e..3bf45c83c84f9e7a1c5f2dafd64d812c987037e5:/project/static/js/views/panel_container.js

diff --git a/project/static/js/views/panel_container.js b/project/static/js/views/panel_container.js
new file mode 100644
index 00000000..66683dd2
--- /dev/null
+++ b/project/static/js/views/panel_container.js
@@ -0,0 +1,28 @@
+/*globals Class render_template panels*/
+
+var PanelContainerView = Class.extend({
+  element: null,
+  template: 'panel-container-view-template',
+  contentView: null,
+  
+  init: function(element, template) {
+    this.element = $(element);
+    this.template = template || this.template;
+    
+    this.element.html(render_template(this.template, {panels: panels}));
+    $('select', this.element.get(0)).bind('change.panel-container-view', this.selectChanged.bind(this));
+  },
+  
+  selectChanged: function(event) {
+    var view = panels[$('select', this.element.get(0)).val()];
+    var klass = view.klass;
+    console.log(view, klass);
+    this.contentView = new klass($('.content-view', this.element.get(0)));
+    console.log(this.contentView);
+  },
+  
+  dispose: function() {
+    $('select', this.element.get(0)).unbind('change.panel-container-view');
+  }
+});
+