4 files changed, 70 insertions, 57 deletions

diff --git a/js/panels/Panel.reel/Panel.html b/js/panels/Panel.reel/Panel.html
index 46c8fb91..7556952c 100755
--- a/js/panels/Panel.reel/Panel.html
+++ b/js/panels/Panel.reel/Panel.html
@@ -14,7 +14,8 @@
                 "properties": {
                     "element": {"#": "resizeBar"},
                     "panel": {"#": "panel"},
-                    "isVertical": true
+                    "isVertical": true,
+                    "willSave": false
                 },
                 "bindings": {
                     "ownerId": {
diff --git a/js/panels/PanelBase.js b/js/panels/PanelBase.js
index 03dcd0ee..473de596 100755
--- a/js/panels/PanelBase.js
+++ b/js/panels/PanelBase.js
@@ -36,56 +36,55 @@ exports.PanelBase = Montage.create(Component, {
                 /*
                 if(this.application.ninja.settings.getSetting(this.panelName, "contentHeight")) {
                     this._contentHeight = this.application.ninja.settings.getSetting(this.panelName, "contentHeight");
-                } else {
-                    this._contentHeight = this.defaultHeight;
-                }*/
+                } */
+
                 this._contentHeight = this.defaultHeight;
             }
              return this._contentHeight;
          },
          set: function(value) {
-            if (this.minHeight > value) value = this._minHeight;
-            if (this.maxHeight != null) if(this.maxHeight < value) value = this.maxHeight;
+             if (this.minHeight > value) value = this._minHeight;
+             if (this.maxHeight != null) if(this.maxHeight < value) value = this.maxHeight;
              this._contentHeight = value;
-//            this.application.ninja.settings.setSetting(this.panelName, "contentHeight", value);
+
+             // this.application.ninja.settings.setSetting(this.panelName, "contentHeight", value);
          }
      },
     forcedCollapse: {
         get: function() {
             if(this._forcedCollapse == null) {
+                // Old settings
                 /*
                 if(this.application.Ninja.SettingsManager.getSetting(this.panelName, "isPanelForceCollapsed")) {
                     this._forcedCollapse = this.application.Ninja.SettingsManager.getSetting(this.panelName, "isPanelForceCollapsed");
-                } else {
-                    this._forcedCollapse = false;
-                }
-                */
+                } */
                 this._forcedCollapse = false;
             }
             return this._forcedCollapse;
         },
         set: function(value) {
             this._forcedCollapse = value;
-            //this.application.Ninja.SettingsManager.setSetting(this.panelName, "isPanelForceCollapsed", value);
+
+            // this.application.Ninja.SettingsManager.setSetting(this.panelName, "isPanelForceCollapsed", value);
         }
     },
     collapsed: {
         get: function() {
             if(this._collapsed == null) {
+                // Old settings
                 /*
                 if(this.application.ninja.settings.getSetting(this.panelName, "isPanelCollapsed")) {
                     this._collapsed = this.application.ninja.settings.getSetting(this.panelName, "isPanelCollapsed");
-                } else {
-                    this._collapsed = false;
-                }
-                */
+                } */
+
                 this._collapsed = false;
             }
             return this._collapsed;
         },
         set: function(value) {
             this._collapsed = value;
-            //this.application.ninja.settings.setSetting(this.panelName, "isPanelCollapsed", value);
+
+            // this.application.ninja.settings.setSetting(this.panelName, "isPanelCollapsed", value);
         }
     },
     visible: {
@@ -95,10 +94,8 @@ exports.PanelBase = Montage.create(Component, {
                 /*
                 if(typeof(this.application.ninja.settings.getSetting(this.panelName, "visible")) !== "undefined") {
                     this._visible = this.application.ninja.settings.getSetting(this.panelName, "visible");
-                } else {
-                    this._visible = true;
-                }
-                */
+                } */
+
                 this._visible = true;
 
             }
@@ -112,7 +109,4 @@ exports.PanelBase = Montage.create(Component, {
 
         }
     }
-
-    // Methods exist in panel.js
-
 });
diff --git a/js/panels/PanelContainer/PanelContainer.reel/PanelContainer.js b/js/panels/PanelContainer/PanelContainer.reel/PanelContainer.js
index bdd112c6..3cbd4369 100755
--- a/js/panels/PanelContainer/PanelContainer.reel/PanelContainer.js
+++ b/js/panels/PanelContainer/PanelContainer.reel/PanelContainer.js
@@ -63,16 +63,19 @@ exports.PanelContainer = Montage.create(Component, {
         value: function() {
             //Panels Loading
             this.lastOffset = this.element.offsetHeight;
-            /*
+
+            /* Old Settings
             if( this.application.ninja.settings.getSetting(this.element.id, "panelOrder") != null) {
                 this.initPanelOrder = this.application.ninja.settings.getSetting(this.element.id, "panelOrder")
             }
             */
+
             // if Panels already loaded no need to load again.
             for(var i = 0; i < this.initPanelOrder.length; i++) {
                 this.addPanel(eval(this.initPanelOrder[i]));
                 this.panelOrder.push(this.initPanelOrder[i]);
-//                this.application.ninja.settings.setSetting(this.element.id, "panelOrder", this.panelOrder);
+
+//              this.application.ninja.settings.setSetting(this.element.id, "panelOrder", this.panelOrder);
             }
 
             var hideSplitter = true;
@@ -331,6 +334,7 @@ exports.PanelContainer = Montage.create(Component, {
                 this._panels.splice(overed,0, panelRemoved[0]);
                 var panelOrderRemoved = this.panelOrder.splice(selected,1);
                 this.panelOrder.splice(overed,0, panelOrderRemoved[0]);
+
                 //this.application.ninja.settings.setSetting(this.element.id, "panelOrder", this.panelOrder);
             }
         }
diff --git a/js/panels/Resizer.js b/js/panels/Resizer.js
index e9bd4fc0..60fdde4f 100755
--- a/js/panels/Resizer.js
+++ b/js/panels/Resizer.js
@@ -8,15 +8,42 @@ var Montage = require("montage/core/core").Montage;
 var Component = require("montage/ui/component").Component;
 
 exports.Resizer = Montage.create(Component, {
- 
+
+    version: {
+        value: "1.0"
+    },
+
     hasTemplate: {
         value: false
     },
 
+    // This property might not be needed anymore.
+    // TODO - Review this once we the the new panels in place
     ownerId: {
         value: ""
     },
- 
+
+    willSave: {
+        value: true
+    },
+
+    _value: {
+        value: null
+    },
+
+    value: {
+        get: function() {
+            return this._value;
+        },
+        set: function(val) {
+            this._value = val;
+        }
+    },
+
+    redrawStage: {
+        value:false
+    },
+
     _isInversed: {
         value: false
     },
@@ -101,7 +128,8 @@ exports.Resizer = Montage.create(Component, {
             } else {
                 this.panel.style.width = "";
             }
-//            this.application.ninja.settings.setSetting(this.element.id,"value", "");
+
+            this.application.localStorage.setItem(this.element.getAttribute("data-montage-id"), {"version": this.version, "value": ""});
         }
     },
 
@@ -116,8 +144,15 @@ exports.Resizer = Montage.create(Component, {