X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/d3c74552a8f8509ff85cf956cf2b750d8387b683..1c9098d6313e24c7fd873859c7e10b81452f4bec:/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
index 66683dd2..332e83a6 100644
--- a/project/static/js/views/panel_container.js
+++ b/project/static/js/views/panel_container.js
@@ -1,28 +1,32 @@
-/*globals Class render_template panels*/
+/*globals View render_template panels*/
 
-var PanelContainerView = Class.extend({
+var PanelContainerView = View.extend({
+  _className: 'PanelContainerView',
   element: null,
+  model: 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}));
+  init: function(element, model, template) {
+    this._super(element, model, template);
+
     $('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);
+    var value = $('select', this.element.get(0)).val();
+    var klass = panels[value];
+    if (this.contentView) {
+      this.contentView.dispose();
+      this.contentView = null;
+    }
+    this.contentView = new klass($('.content-view', 
+      this.element.get(0)), this.model.contentModels[value], this);
   },
   
   dispose: function() {
     $('select', this.element.get(0)).unbind('change.panel-container-view');
+    this._super();
   }
 });