Uncommited changes synced

[roojs1] / Roo / bootstrap / SplitBar.js

diff --git a/Roo/bootstrap/SplitBar.js b/Roo/bootstrap/SplitBar.js
index 3e34957..852ed7c 100644 (file)
--- a/Roo/bootstrap/SplitBar.js
+++ b/Roo/bootstrap/SplitBar.js
@@ -38,12 +38,19 @@ Roo.bootstrap.SplitBar = function(cfg){
     
     /** @private */
     
-    dragElement, resizingElement, orientation, placement, existingProxy
+    //{
+    //  dragElement : elm
+    //  resizingElement: el,
+        // optional..
+    //    orientation : Either Roo.bootstrap.SplitBar.HORIZONTAL
+    //    placement : Roo.bootstrap.SplitBar.LEFT  ,
+        // existingProxy ???
+    //}
     
     this.el = Roo.get(cfg.dragElement, true);
     this.el.dom.unselectable = "on";
     /** @private */
-    this.resizingEl = Roo.get(cfg resizingElement, true);
+    this.resizingEl = Roo.get(cfg.resizingElement, true);
 
     /**
      * @private
@@ -80,11 +87,11 @@ Roo.bootstrap.SplitBar = function(cfg){
     /** @private */
     this.shim = null;
     
-    if(!existingProxy){
+    if(!cfg.existingProxy){
         /** @private */
         this.proxy = Roo.bootstrap.SplitBar.createProxy(this.orientation);
     }else{
-        this.proxy = Roo.get(existingProxy).dom;
+        this.proxy = Roo.get(cfg.existingProxy).dom;
     }
     /** @private */
     this.dd = new Roo.dd.DDProxy(this.el.dom.id, "XSplitBars", {dragElId : this.proxy.id});
@@ -106,12 +113,12 @@ Roo.bootstrap.SplitBar = function(cfg){
     
     if(this.orientation == Roo.bootstrap.SplitBar.HORIZONTAL){
         /** @private */
-        this.placement = placement || (this.el.getX() > this.resizingEl.getX() ? Roo.bootstrap.SplitBar.LEFT : Roo.bootstrap.SplitBar.RIGHT);
-        this.el.addClass("x-splitbar-h");
+        this.placement = cfg.placement || (this.el.getX() > this.resizingEl.getX() ? Roo.bootstrap.SplitBar.LEFT : Roo.bootstrap.SplitBar.RIGHT);
+        this.el.addClass("roo-splitbar-h");
     }else{
         /** @private */
-        this.placement = placement || (this.el.getY() > this.resizingEl.getY() ? Roo.bootstrap.SplitBar.TOP : Roo.bootstrap.SplitBar.BOTTOM);
-        this.el.addClass("x-splitbar-v");
+        this.placement = cfg.placement || (this.el.getY() > this.resizingEl.getY() ? Roo.bootstrap.SplitBar.TOP : Roo.bootstrap.SplitBar.BOTTOM);
+        this.el.addClass("roo-splitbar-v");
     }
     
     this.addEvents({
@@ -146,7 +153,7 @@ Roo.extend(Roo.bootstrap.SplitBar, Roo.util.Observable, {
     onStartProxyDrag : function(x, y){
         this.fireEvent("beforeresize", this);
         if(!this.overlay){
-            var o = Roo.DomHelper.insertFirst(document.body,  {cls: "x-drag-overlay", html: " "}, true);
+            var o = Roo.DomHelper.insertFirst(document.body,  {cls: "roo-drag-overlay", html: " "}, true);
             o.unselectable();
             o.enableDisplayMode("block");
             // all splitbars share the same overlay
@@ -295,7 +302,7 @@ Roo.extend(Roo.bootstrap.SplitBar, Roo.util.Observable, {
 Roo.bootstrap.SplitBar.createProxy = function(dir){
     var proxy = new Roo.Element(document.createElement("div"));
     proxy.unselectable();
-    var cls = 'x-splitbar-proxy';
+    var cls = 'roo-splitbar-proxy';
     proxy.addClass(cls + ' ' + (dir == Roo.bootstrap.SplitBar.HORIZONTAL ? cls +'-h' : cls + '-v'));
     document.body.appendChild(proxy.dom);
     return proxy.dom;