Changeset 1833

Timestamp:

11/02/06 12:09:55 (2 years ago)

Author:

uta

Message:

#209

Files:

• rubricks_core/trunk/public/images/spinelz/tabBox_close.gif (added)
• rubricks_core/trunk/public/javascripts/spinelz/balloon.js (modified) (3 diffs)
• rubricks_core/trunk/public/javascripts/spinelz/datepicker.js (modified) (7 diffs)
• rubricks_core/trunk/public/javascripts/spinelz/tabBox.js (modified) (11 diffs)
• rubricks_core/trunk/public/javascripts/spinelz/window.js (modified) (17 diffs)
• rubricks_core/trunk/public/javascripts/spinelz/window_resizeEx.js (modified) (1 diff)
• rubricks_core/trunk/public/javascripts/spinelz_lib/spinelz_util.js (modified) (1 diff)
• rubricks_core/trunk/public/stylesheets/spinelz/tabBox.css (modified) (5 diffs)
• rubricks_core/trunk/public/stylesheets/spinelz/window.css (modified) (1 diff)

rubricks_core/trunk/public/javascripts/spinelz/balloon.js

@@ -29 +29 @@
-  balloon_tooltip: 'balloon_tooltip'
-}
+Balloon.allBalloons = $A([]);
+Balloon.closeAll = function(){
+  Balloon.allBalloons.each(function(eachBalloon){
+    eachBalloon.close();
+  });
+}
-Balloon.prototype = {
-  initialize : function (target_id, tip_id, message){
@@ -44 +50 @@
-    document.body.appendChild(this.tipNode, this.target);
-    this._positionTipNode();
-
+
+
-  },
-
@@ -63 +70 @@
-      top: tipNodeTop + 'px',
-      left: tipNodeLeft + 'px',
-Element.getMaxZindex() + 2
+ZindexManager.getIndex()
-    });
-  },

rubricks_core/trunk/public/javascripts/spinelz/datepicker.js

@@ -36 +36 @@
-  nextYearMark: 'datepicker_nextYearMark',
-  preMonthMark: 'datepicker_preMonthMark',
-
+
+
-}
-DatePicker.prototype = {
@@ -46 +47 @@
-    this.date = new Date();
-
-var 
+this.
-      month: this.date.getMonth() + 1,
-      date: this.date.getDate(),
@@ -52 +53 @@
-      format: DateUtil.toLocaleDateString,
-      cssPrefix: 'custom_',
-
+
+
+
-    }, arguments[3] || {});
-    
-
+this.
-    this.classNames = new CssUtil([DatePicker.className, customCss]);
-    
-
-
-
-
-
-
+this.
+this.
+
+this.
+this.
+this.
-    
-    this.calendar = this.build();
@@ -244 +247 @@
-  
-  changeCalendar: function(event) {
-
-
+
+
+
+
+
+
+
+
+
-        this.date.setFullYear(this.date.getFullYear() - 1);
-
+
+
+
+
+
+
-        this.date.setFullYear(this.date.getFullYear() + 1);
-      } else if (Element.hasClassName(element, DatePicker.className.preMonthMark)) {
-        var pre = this.date.getMonth() - 1;
-        if (pre < 0) {
-          pre = 11;
-          this.date.setFullYear(this.date.getFullYear() - 1);
-        }
-        this.date.setMonth(pre);
-      } else if (Element.hasClassName(element, DatePicker.className.nextMonthMark)) {
-        var next = this.date.getMonth() + 1;
-        if (next > 11) {
-          next = 0;
-          this.date.setFullYear(this.date.getFullYear() + 1);
-        }
-        this.date.setMonth(next);
-      }
-
-
-
+
+
+
+
+
-  },
-  
@@ -276 +279 @@
-    
-    var value = this.format(this.date);
-      
-    
-    if (this.target.value || this.target.value == '') {
@@ -291 +293 @@
-  
-  show: function(event) {
+    var styles = $H({zIndex: ZindexManager.getIndex(this.options.zIndex)});
+    if (this.options.standTo) {
+      this.defaultParent = this.element.parentNode;
+      document.body.appendChild(this.element);
+      var position = Position.cumulativeOffset(document.body);
+      styles.merge({ 
+        position: 'absolute',
+        left:     Event.pointerX(event) - position[0] + 'px',
+        top:      Event.pointerY(event) - position[1] + 'px'
+      });
+    }
+
+    Element.setStyle(this.element, styles);
-    Element.show(this.calendar);
-    Event.observe(document, "click", this.doclistener);
-    if (event) {
-  
+
-    }
-  },
@@ -301 +316 @@
-    Event.stopObserving(document, "click", this.doclistener);
-    Element.hide(this.calendar);
+    if (this.defaultParent) {
+      this.defaultParent.appendChild(this.element);
+    }
-  },
-  

rubricks_core/trunk/public/javascripts/spinelz/tabBox.js

@@ -22 +22 @@
-TabBox = Class.create();
-TabBox.className = {
+  tabBox : 'tabBox_tabBox',
-  panelContainer : 'tabBox_panelContainer',
-  tabContainer : 'tabBox_tabContainer',
@@ -30 +31 @@
-  tabMiddleActive : 'tabBox_tabMiddleActive',
-  tabRightInactive : 'tabBox_tabRightInactive',
-
+
+
+
-}
-TabBox.prototype = {
@@ -40 +43 @@
-      height: 300,
-      cssPrefix: 'custom_',
-
+
+
+
+
+
+
+
+
+
-    }, arguments[1] || {});
-    
@@ -51 +62 @@
-    var customCss = CssUtil.appendPrefix(this.options.cssPrefix, TabBox.className);
-    this.classNames = new CssUtil([TabBox.className, customCss]);
+    this.classNames.addClassNames(this.element, 'tabBox');
-        
-    this.start();
-    Element.setStyle(this.element, {visibility: 'visible'});
-    Element.show(this.element);
+
+    if (this.options.lazyLoadUrl.length > 0) this.lazyLoad(0)();
-  },
-  
@@ -71 +85 @@
-    this.tabContainer = null;  
-    this.panelContainer = null;
-    
-    this.build();  
+    if (this.options.sortable) this.setDrag();
+  },
+
+  setDrag: function() {
+    Sortable.create(this.tabContainerId, {
+      tag:'div',
+      overlap:'horizontal',
+      constraint: 'horizontal',
+      onChange: this.options.onSort,
+      onUpdate: this.options.afterSort
+    });
-  },
-  
@@ -86 +110 @@
-    var i = 0;
-    while(tabSets.length > 0) {
-
-
-
-
-
-
-
-
-
-
-
+
-      i++;
-    }
-    this.addContainers();
-    this.selectTab();
+  },
+
+  buildTabSet: function(element, i) {
+    if (element.nodeType != 1) {
+      Element.remove(element);
+      return;
+    }
+    Element.cleanWhitespace(element);
+    var panelContents = element.childNodes[1];
+    this.buildPanel(panelContents, i);      
+    this.buildTab(element, i);
-  },
-
@@ -107 +132 @@
-    this.classNames.addClassNames(this.tabContainer, 'tabContainer');
-    
-
-
-
-
-
+
-    this.classNames.addClassNames(this.panelContainer, 'panelContainer'); 
-  },
@@ -123 +144 @@
-    tab.id = this.tabId + i
-    this.classNames.addClassNames(tab, 'tab');
-
+
+
-    var tabLeft = Builder.node('div', {id:this.tabLeftId + i});
-$A(tabTitle)
+ [tabTitle]
-    
-    var tabRight = Builder.node('div',{id:this.tabRightId + i});
@@ -133 +155 @@
-    tab.appendChild(tabRight);
-    Event.observe(tab, 'click', this.selectTab.bindAsEventListener(this));
+
+    if (this.options.closeButton) {
+      var button = Builder.node('div', {
+                     id: this.element.id.appendSuffix('closeButton_' + i)
+                   });
+      this.classNames.addClassNames(button, 'closeButton');
+      tabMiddle.appendChild(button);
+      Event.observe(button, 'click', this.remove.bindAsEventListener(this));
+    }
-
-    this.tabs[i] = tab;
@@ -171 +202 @@
-
-    this.selected = targetIndex;
-
+targetPanel, currentPanel
-  },
-  
@@ -200 +231 @@
-      element = element.parentNode;
-    }
+  },
+
+  remove: function(event) {
+    Event.stop(event);
+    var element = Event.element(event);
+    var index = this.getTargetIndex(element);
+    if (this.options.onRemove(this.tabs[index])) {
+      Element.remove(this.tabs[index]);
+      Element.remove(this.panelList[index]);
+    }
+  },
+
+  addByElement: function(element) {
+    this.buildTabSet($(element), this.tabs.length);
+    if (this.options.sortable) this.setDrag();
+  },
+
+  add: function(title, content) {
+    var container = Builder.node('div');
+    container.appendChild(Builder.node('div', [title]));
+    container.appendChild(Builder.node('div', [content]));
+    this.addByElement(container);
+  },
+
+  lazyLoad: function(index) {
+    var container = this.panelList[index];
+    var url = this.options.lazyLoadUrl[index];
+    var preContainer = this.panelList[index - 1];
+    var self = this;
+
+    if (container && url) {
+      var afterLoad = null;
+      if (index > 0) {
+        afterLoad = this.options.onLazyLoad;
+      } else {
+        afterLoad = Prototype.emptyFunction;
+      }
+      var onComplete = this.lazyLoad(++index);
+      return function() {
+        afterLoad(preContainer, this);
+        new Ajax.Updater(
+          container,
+          url,
+          {
+            onComplete: onComplete,
+            asynchronous: true, 
+            evalScripts: true
+          }
+        );
+      }
+    } else if (index > 0) {
+      return function() {
+        self.options.onLazyLoad(preContainer, this);
+        self.options.afterLazyLoad(this);
+      }
+    }
+    return function() {
+      self.options.onLazyLoad(preContainer, this);
+    }
-  }
-
-}

rubricks_core/trunk/public/javascripts/spinelz/window.js

@@ -43 +43 @@
-}
-
-Window.zIndex = 1000;
-
-Window.modalIdList = new Array();
-
@@ -108 +106 @@
-      restriction: false,
-      endDrag: Prototype.emptyFunction,
-
+
+
+
+
+
+
+
-    }, arguments[1] || {});
-    
@@ -171 +175 @@
-
-    if (this.options.resize) {
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-    }
-  },
@@ -227 +217 @@
-      Event.observe(minButton, 'click', this.minimize.bindAsEventListener(this));
-    }
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-  },
-  
-  buildBody: function(contents) {
-    
-    var bodyLeft = Builder.node('div', {className: Window.className.bodyLeft});
-    this.classNames.addClassNames(bodyLeft, 'bodyLeft');
@@ -295 +302 @@
-    var self = this;
-    var options = {
-
+     
-      startEffect: Prototype.emptyFunction,
-
-
+
+
+
-    };
-
-    if (this.options.restriction) {
-
+ 
-        function constrain(n, lower, upper) {
-          if (n > upper) return upper; 
@@ -310 +318 @@
-
-        var eDimensions = Element.getDimensions(self.element);
- 
+
-        var offset = Position.positionedOffset(self.element.parentNode);
-        var parentLeft = offset[0];
@@ -328 +336 @@
-      }
-    }
-
-    new DraggableWindowEx(this.element, options);
-  },
@@ -355 +362 @@
-
-  getZindex: function(zIndex) {
-
-
-
-
-
-
-
-
-
+
-  },
-  
@@ -376 +375 @@
-  },
-      
- 
+
-    this.element.style.zIndex = -1;
-    this.maxZindex = -1;
@@ -391 +390 @@
-      }
-    }
-
-
-
-
-
-
+
+
+
+
-    Element.toggle(this.windowBody);
-    if (this.minFlag) {
@@ -402 +399 @@
-        this.minFlag = false;
-        this.setMax();
-        
-      } else {         
-        var newStyle = {height:this.currentSize[1]}
@@ -411 +407 @@
-        this.element.style.top = this.currentPos[1];
-        this.maxFlag = false;
-
+
+
-      }
-    } else {
@@ -420 +417 @@
-      this.setMin();
-      this.minFlag = true;
+      this.options.endMinimize(this);
-    }
-    this.setFrameSize();
@@ -444 +442 @@
-        for(var i = 0; i < this.nodeArray.length; i++) {
-          this.parent.appendChild(this.nodeArray[i]);
-
+
+
-      }
-    
@@ -465 +464 @@
-      this.setMax();
-      this.maxFlag = true;
+      this.options.endMaximize(this);
-    }
-    this.setFrameSize();
@@ -624 +624 @@
-    left += scrollLeft - pOffset[0];
-    Element.setStyle(this.element, {left: left + 'px', top: top + 'px'});
+  },
+
+  enableResizing: function() {
+    var resTop = this.options.resizeY ? 6 : 0;
+    var resBottom = this.options.resizeY ? 6 : 0;
+    var resLeft = this.options.resizeX ? 6 : 0;
+    var resRight = this.options.resizeX ? 6 : 0;
+    this.resizeable = new ResizeableWindowEx(this.element, { 
+                        top: resTop,
+                        bottom: resBottom,
+                        left: resLeft,
+                        right: resRight,
+                        minWidth:this.options.minWidth, 
+                        minHeight:this.options.minHeight,
+                        draw: this.setBodyHeight.bind(this),
+                        resize: this.options.endResize
+                      });
+  },
+
+  disableResizing: function() {
+    this.resizeable.destroy();
-  }
-}
-
+
+// Copyright (c) 2005 spinelz.org (http://script.spinelz.org/)
+// 
+// This code is substantially based on code from script.aculo.us which has the 
+// following copyright and permission notice
+//
+// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
+// 
+// Permission is hereby granted, free of charge, to any person obtaining
+// a copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to
+// permit persons to whom the Software is furnished to do so, subject to
+// the following conditions:
+// 
+// The above copyright notice and this permission notice shall be
+// included in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-var DraggableWindowEx = Class.create();
@@ -651 +698 @@
-      this.offset = [0,1].map( function(i) { return (pointer[i] - pos[i]) });
-
-Window.zIndex++
+ZindexManager.getIndex()
-      this.originalZ = zIndex;
-      this.options.zindex = zIndex;

rubricks_core/trunk/public/javascripts/spinelz/window_resizeEx.js

@@ -1 +1 @@
-// Copyright (c) 2005 spinelz.org (http://script.spinelz.org/)
+// 
+// This code is substantially based on code from Thomas Fakes(http://craz8.com) 
+// which has the following copyright and permission notice
+// 
+// Copyright (c) 2005 Thomas Fakes (http://craz8.com)
+// 
+// This code is substantially based on code from script.aculo.us which has the 
+// following copyright and permission notice
+//
+// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
-// 
-// Permission is hereby granted, free of charge, to any person obtaining

rubricks_core/trunk/public/javascripts/spinelz_lib/spinelz_util.js

@@ -468 +468 @@
-  }
-}
+
+
+/**
+ * ZindexManager
+ */
+var ZindexManager = {
+  zIndex: 1000,
+
+  getIndex: function(zIndex) {
+    if (zIndex) {
+      if (isNaN(zIndex)) {
+        zIndex = Element.getMaxZindex() + 1;
+      } else if (ZindexManager.zIndex > zIndex) {
+        zIndex = ZindexManager.zIndex;
+      }
+    } else {
+      zIndex = ZindexManager.zIndex;
+    }
+    ZindexManager.zIndex = zIndex + 1;
+    return zIndex;
+  }
+}

rubricks_core/trunk/public/stylesheets/spinelz/tabBox.css

@@ +1 @@
+.tabBox_tabBox {
+  position: relative;
+}
+
-.tabBox_panelContainer {
-  clear:left;
@@ -5 +9 @@
-  border-right:2px solid #919b9c;
-  border-bottom:2px solid #919b9c;
-
+
-/*   z-index:5; */
-}
@@ -11 +15 @@
-.tabBox_tabContainer{
-  height:28px;
+}
+
+.tabBox_tab {
+  float: left;
-}
-
@@ -22 +30 @@
-  margin-left:0px;
-  margin-right:0px;
-
+
-  bottom:-1px;
-  vertical-align:bottom;
+  overflow: hidden;
-}
-
@@ -84 +93 @@
-/*   z-index: 10; */
-}
+
+.tabBox_tabTitle {
+}
+
+.tabBox_closeButton {
+  border: 0px;
+  overflow: hidden;
+  cursor:pointer;
+  font-size: 5px;
+  width: 12px;
+  height:12px;
+  background-image: url('../../images/spinelz/tabBox_close.gif');
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  position: relative;
+  top: -10px;
+}

rubricks_core/trunk/public/stylesheets/spinelz/window.css

@@ -46 +46 @@
-
-.window_buttonHolder{
-2
+8
-  height: 12px;
-  position: absolute;