activeldap 0.9.0

data/examples/al-admin/public/javascripts/spinelz/sideBarBox.js

@@ -0,0 +1,282 @@
+// Copyright (c) 2005 spinelz.org (http://script.spinelz.org/)
+// 
+// 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.
+
+
+SideBarBox = Class.create();
+
+SideBarBox.className = {
+  panelContainer:    'sideBarBox_panelContainer',
+  tabContainer:      'sideBarBox_tabContainer',
+  title:             'sideBarBox_tabTitle',
+  tab:               'sideBarBox_tab',
+  tabTopInactive:    'sideBarBox_tabTopInactive',
+  tabTopActive:      'sideBarBox_tabTopActive',
+  tabMiddleInactive: 'sideBarBox_tabMiddleInactive',
+  tabMiddleActive:   'sideBarBox_tabMiddleActive',
+  tabBottomInactive: 'sideBarBox_tabBottomInactive',
+  tabBottomActive:   'sideBarBox_tabBottomActive'
+}
+
+SideBarBox.prototype = {
+  
+  initialize: function(element) {
+    var options = Object.extend({
+      selected:     1,
+      beforeSelect: function() {return true},
+      afterSelect:  Prototype.emptyFunction,
+      visible:      false,
+      close:        true,
+      cssPrefix:    'custom_',
+      build:        true
+    }, arguments[1] || {});
+    
+    this.options = options;
+    this.element = $(element);
+    if (this.options.build) Element.setStyle(this.element, {visibility: 'hidden'});
+    
+    this.css = CssUtil.getInstance(this.options.cssPrefix, SideBarBox.className);
+    this.classNames = this.css.allJoinClassNames();
+
+    this.start();
+    Element.setStyle(this.element, {visibility: 'visible'});
+  },
+  
+  start: function() {
+    this.tabs = [];
+    this.panelContents = [];
+    this.tabSets = [];
+    
+    this.visible = this.options.visible;
+    this.selected = (this.options.selected > 0) ? this.options.selected - 1 :  0 ;
+    this.selected = (this.visible) ? this.selected : -1;
+    
+    this.tabId            = this.element.id + '_tab';
+    this.tabTopId         = this.tabId + '_top';
+    this.tabMiddleId      = this.tabId + '_middle';
+    this.tabBottomId      = this.tabId + '_bottom';
+    this.tabContainerId   = this.element.id + '_tabContainer';
+    this.panelId          = this.element.id + '_panel';
+    this.panelContainerId = this.element.id + '_panelContainer';
+
+    this.ids = [];
+    this.holder = [];
+    if (this.options.build) this.buildTabBox();  
+
+    this.tabContainer = $(this.tabContainerId);  
+    this.panelContainer = $(this.panelContainerId);
+    this.tabs = this.tabs.collect(function(tab) { return $(tab); });
+    this.panelContents = this.panelContents.collect(function(panel) { return $(panel); });
+
+    if (this.options.build) {
+      this.selectTab();
+      this.setEvent();
+      this.appendElements();
+    }
+  },
+
+  setEvent: function() {
+    this.ids.each(function(tab) {
+      Event.observe(tab, 'click', this.selectTab.bindAsEventListener(this));
+    }.bind(this));
+  },
+
+  appendElements: function() {
+    this.holder.each(function(set) {
+      $(this.tabMiddleId + set.number).appendChild(set.tab);
+      this.panelContents[set.number].appendChild(set.content);
+    }.bind(this));
+  },
+  
+  buildTabBox: function() {
+    var tabContainer =
+      "<div id='" + this.tabContainerId + "' class='" + this.classNames['tabContainer'] + "'>";
+    var panelContainer =
+      "<div id='" + this.panelContainerId + "' class='" + this.classNames['panelContainer'] + "'>";
+
+    var tabSetCount = 0;
+    $A(this.element.childNodes).each(function(node) {
+      if (Element.isElementNode(node)) {
+        var tabSet = this.buildTabSet(node, tabSetCount);
+        tabContainer += tabSet.tab;
+        panelContainer += tabSet.panel;
+        tabSetCount++;
+      }
+    }.bind(this));
+
+    tabContainer += "</div>";
+    panelContainer += "</div>";
+    this.addContainers(panelContainer, tabContainer);
+  },
+
+  addContainers : function(panelContainer, tabContainer) {
+    this.element.innerHTML = panelContainer + tabContainer + "<div style='clear: left'></div>";
+  },
+
+  buildTabSet: function(element, i) {
+    var nodes = Element.getChildNodesWithoutWhitespace(element);
+    this.holdElements(nodes[0], nodes[1], i);
+    return {
+      tab: this.buildTab(nodes[0], i),
+      panel: this.buildPanel(nodes[1], i)
+    }
+  },
+  
+  buildTab: function(tab, i) {
+    var tabId = this.tabId + i;
+    this.ids.push(tabId);
+    this.tabs[i] = tabId;
+
+    var title = tab.title;
+    title = title ? " title='" + title + "'" : '';
+
+    var html =
+      "<div id='" + tabId + "' class='" + this.classNames['tab'] + "'" + title + ">" +
+        "<div id='" + this.tabTopId + i + "' class='" + this.classNames['tabTopInactive'] + "'></div>" +
+        "<div id='" + this.tabMiddleId + i + "' class='" + this.classNames['tabMiddleInactive'] + "'>" +
+        "</div>" +
+        "<div id='" + this.tabBottomId + i + "' class='" + this.classNames['tabBottomInactive'] + "'></div>" +
+      "</div>";
+    return html;
+  },
+  
+  buildPanel: function(panelContent, i) {
+    var id = this.panelId + i;
+    this.panelContents[i] = id;
+    return "<div id='" + id + "' style='display: none;'></div>";
+  },
+
+  holdElements: function(tab, content, number) {
+    this.holder.push({number: number, tab: tab, content: content});
+    var tmpParent = document.createDocumentFragment();
+    tmpParent.appendChild(tab);
+    tmpParent.appendChild(content);
+  },
+  
+  selectTab: function(e) {
+    if (!this.options.beforeSelect()) return;
+    if (!e) {
+      this.setTabActive(this.tabs[this.selected]);
+      Element.show(this.panelContents[this.selected]);
+      return;
+    }
+
+    var currentPanel = this.panelContents[this.selected];
+    var currentTab = this.tabs[this.selected];
+
+    var targetElement = null;
+    if (e.nodeType) {
+      targetElement = e; 
+    } else {
+      targetElement = Event.element(e);
+    }
+    var targetIndex = this.getTargetIndex(targetElement);
+    var targetPanel = this.panelContents[targetIndex];
+    var targetTab = this.tabs[targetIndex];
+    if (this.visible) {
+      if (targetTab.id == currentTab.id) {
+        if (this.options.close) {
+          Effect.SlideRightOutOfView(this.panelContainer);
+          this.visible = false;
+          this.selected = -1;
+          this.setTabInactive(currentTab);
+          Element.toggle(targetPanel);
+        }
+      } else {
+        this.setTabActive(targetTab);
+        this.setTabInactive(currentTab);
+        Element.toggle(currentPanel);
+        Element.toggle(targetPanel);
+        this.selected = targetIndex;
+      }
+    } else {
+      this.setTabActive(targetTab);
+      Element.toggle(targetPanel);
+      Effect.SlideRightIntoView(this.panelContainer);
+      this.visible = true;  
+      this.selected = targetIndex;
+    }
+    this.options.afterSelect(targetPanel, currentPanel);
+  },
+  
+  setTabActive: function(tab) {
+    var tabChildren = Element.getTagNodes(tab);
+    this.css.refreshClassNames(tabChildren[0], 'tabTopActive');
+    this.css.refreshClassNames(tabChildren[1], 'tabMiddleActive');
+    this.css.refreshClassNames(tabChildren[2], 'tabBottomActive');
+  },
+  
+  setTabInactive: function(tab) {
+    var tabChildren = Element.getTagNodes(tab);
+    this.css.refreshClassNames(tabChildren[0], 'tabTopInactive');
+    this.css.refreshClassNames(tabChildren[1], 'tabMiddleInactive');
+    this.css.refreshClassNames(tabChildren[2], 'tabBottomInactive');
+  },
+  
+  getTargetIndex: function(element) {
+    while(element) {
+      if (element.id && element.id.indexOf(this.tabId, 0) >= 0) {
+        var index = element.id.substring(this.tabId.length);
+        if (!isNaN(index)) {
+          return index;
+        }
+      }
+      element = element.parentNode;
+    }
+  },
+
+  hasNextTab: function() {
+    return this.getNextTab() ? true : false;
+  },
+
+  hasPreviousTab: function() {
+    return this.getPreviousTab() ? true : false;
+  },
+
+  getNextTab: function() {
+    return Element.next(this.getCurrentTab());
+  },
+
+  getPreviousTab: function() {
+    return Element.previous(this.getCurrentTab());
+  },
+
+  selectNextTab: function() {
+    this.selectTab(this.getNextTab());
+  },
+
+  selectPreviousTab: function() {
+    this.selectTab(this.getPreviousTab());
+  },
+
+  tabCount: function() {
+    return this.tabs.inject(0, function(i, t) {
+      return t ? ++i : i;
+    })
+  },
+
+  getCurrentPanel: function() {
+    return this.panelContents[this.selected];
+  },
+
+  getCurrentTab: function() {
+    return this.tabs[this.selected];
+  }
+}

data/examples/al-admin/public/javascripts/spinelz/sideBarBox_effects.js

@@ -0,0 +1,83 @@
+// 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.
+
+Effect.SlideRightIntoView = function(element) {
+  element = $(element);
+  Element.cleanWhitespace(element);
+
+  var oldInnerRight = element.firstChild.style.right;
+  var elementDimensions = Element.getDimensions(element);
+  return new Effect.Scale(element, 100, 
+   Object.extend({ scaleContent: false, 
+    scaleY: false, 
+    scaleFrom: 0,
+    scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},    
+    restoreAfterFinish: true,
+    afterSetup: function(effect) {
+      Element.makePositioned(effect.element.firstChild);
+      if (window.opera) effect.element.firstChild.style.left = "";
+      Element.makeClipping(effect.element);
+      element.style.width = '0';
+      Element.show(element); 
+    },  
+    afterUpdateInternal: function(effect) { 
+      effect.element.firstChild.style.right = 
+        (effect.dims[1] - effect.element.clientWidth) + 'px'; },
+    afterFinishInternal: function(effect) { 
+      Element.undoClipping(effect.element); 
+      Element.undoPositioned(effect.element.firstChild);
+      effect.element.firstChild.style.right = oldInnerRight; }
+    }, arguments[1] || {})
+  );
+}
+
+Effect.SlideRightOutOfView = function(element) {
+  element = $(element);
+  Element.cleanWhitespace(element);
+  var oldInnerRight = element.firstChild.style.right;
+  return new Effect.Scale(element, 0, 
+   Object.extend({ scaleContent: false, 
+    scaleY: false, 
+    scaleMode: 'box',
+    scaleFrom: 100,
+    restoreAfterFinish: true,
+    beforeStartInternal: function(effect) { 
+      Element.makePositioned(effect.element.firstChild);
+      if (window.opera) effect.element.firstChild.style.left = "";
+      Element.makeClipping(effect.element);
+      Element.show(element); 
+    },  
+    afterUpdateInternal: function(effect) { 
+     effect.element.firstChild.style.right = 
+       (effect.dims[1] - effect.element.clientWidth) + 'px'; },
+    afterFinishInternal: function(effect) { 
+        Element.hide(effect.element);
+        Element.undoClipping(effect.element); 
+        Element.undoPositioned(effect.element.firstChild);
+        effect.element.firstChild.style.right = oldInnerRight; }
+   }, arguments[1] || {})
+  );
+}

data/examples/al-admin/public/javascripts/spinelz/sortableTable.js

@@ -0,0 +1,270 @@
+// Copyright (c) 2005 spinelz.org (http://script.spinelz.org/)
+// 
+// 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 SortableTable = Class.create();
+
+SortableTable.classNames = {
+  header: 'sortableTable_header',
+  title: 'sortableTable_title',
+  empty: 'sortableTable_empty',
+  down: 'sortableTable_down',
+  up: 'sortableTable_up',
+  mark: 'sortableTable_mark',
+  thead: 'sortableTable_thead',
+  tbody: 'sortableTable_tbody'
+}
+
+SortableTable.prototype = {
+  
+  initialize:  function(element) {
+    this.element = $(element);
+    Element.setStyle(this.element, {visibility: 'hidden'});
+
+    var options = Object.extend({
+      sortType: false,
+      cssPrefix: 'custom_'
+    }, arguments[1] || {});
+    
+    var customCss = CssUtil.appendPrefix(options.cssPrefix, SortableTable.classNames);
+    this.classNames = new CssUtil([SortableTable.classNames, customCss]);
+    
+    this.sortType = options.sortType;
+    
+    this.currentOrder = 'default';
+    this.defaultOrder = new Array();
+    for (var i = 1; i < this.element.rows.length; i++) {
+      this.defaultOrder[i - 1] = this.element.rows[i];
+    }
+    
+    this.build();
+    Element.setStyle(this.element, {visibility: 'visible'});
+  },
+  
+  build: function() {
+    thead = this.element.tHead;
+    this.classNames.addClassNames(thead, 'thead');
+    tbody = thead.nextSibling;
+    while ((tbody.nodeType != 1) || (tbody.tagName.toLowerCase() != 'tbody')) {
+      tbody = tbody.nextSibling;
+    }
+    this.classNames.addClassNames(tbody, 'tbody');
+    var rows = this.element.rows[0];
+    if (!rows) return;
+    
+    for (var i = 0; i < rows.cells.length; i++) {
+      
+      var cell = rows.cells[i];
+      cell.style.cursor = 'pointer';
+      
+      Element.cleanWhitespace(cell);
+      var title = Builder.node('DIV', $A(cell.childNodes));
+      this.classNames.addClassNames(title, 'title');
+      
+      var img = Builder.node('DIV');
+      this.classNames.addClassNames(img, 'mark');
+      this.classNames.addClassNames(img, 'empty');
+
+      var header = Builder.node('DIV', [title, img]);
+      this.classNames.addClassNames(header, 'header');
+      cell.appendChild(header);
+      
+      var titleWidth = title.offsetWidth;
+      var imgWidth = img.offsetWidth;
+      
+      title.style.width = (titleWidth + imgWidth) + 'px';
+      Event.observe(rows.cells[i], 'click', this.sortTable.bindAsEventListener(this));
+    }
+  },
+
+  sortTable: function(event) {
+    var cell = Event.element(event);
+
+    if (cell.tagName.toUpperCase() != 'TD' && cell.tagName.toUpperCase() != 'TH') {
+      cell = Element.getParentByTagName(['TD','TH'], cell);
+    }
+
+    var tmpColumn = cell.cellIndex;
+    if (this.targetColumn != tmpColumn) {
+      this.currentOrder = 'default';
+    }
+    this.targetColumn = tmpColumn;
+    
+    var newRows = new Array();
+    for (var i = 1; i < this.element.rows.length; i++) {
+      newRows[i - 1] = this.element.rows[i];
+    }
+    if (newRows.length < 1) return;
+        
+    if (this.currentOrder == 'default') {
+      newRows.sort(this.getSortFunc());
+      this.currentOrder = 'asc';
+    } else if (this.currentOrder == 'asc') {
+      newRows = newRows.reverse();
+      this.currentOrder = 'desc';
+    } else if (this.currentOrder == 'desc') {
+      newRows = this.defaultOrder;
+      this.currentOrder = 'default';
+    }
+    
+    for (var i = 0; i < newRows.length; i++) {
+      this.element.tBodies[0].appendChild(newRows[i]);
+    }
+    
+    this.mark(cell);
+  },
+  
+  mark: function(cell) {
+    var images = document.getElementsByClassName(SortableTable.classNames.mark, this.element);
+    var targetImg = document.getElementsByClassName(SortableTable.classNames.mark, cell)[0];
+    
+    for (var i = 0; i < images.length; i++) {
+      var parent = images[i].parentNode;
+      var title = document.getElementsByClassName(SortableTable.classNames.title, parent)[0];
+      var titleWidth = title.offsetWidth;
+      
+      if (targetImg == images[i]) {
+        
+         var imgWidth = targetImg.offsetWidth;
+      
+        if (this.currentOrder == 'asc') {
+          this.classNames.addClassNames(targetImg, 'down');
+          this.classNames.removeClassNames(targetImg, 'empty');
+          if (!document.all) title.style.width = (titleWidth - imgWidth) + 'px';
+          
+        } else if (this.currentOrder == 'desc') {
+          this.classNames.addClassNames(targetImg, 'up');
+          this.classNames.removeClassNames(targetImg, 'down');
+        
+        } else if (this.currentOrder == 'default') {
+          this.classNames.addClassNames(targetImg, 'empty');
+          this.classNames.removeClassNames(targetImg, 'up');
+          if (!document.all) title.style.width = (titleWidth + imgWidth) + 'px';
+        }
+        
+      } else {
+        
+        if (Element.hasClassName(images[i], SortableTable.classNames.empty))
+          continue;
+        
+        else if (Element.hasClassName(images[i], SortableTable.classNames.down))
+          this.classNames.removeClassNames(images[i], 'down');
+        
+        else if (Element.hasClassName(images[i], SortableTable.classNames.up))
+          this.classNames.removeClassNames(images[i], 'up');
+        
+         var imgWidth = targetImg.offsetWidth;
+        this.classNames.addClassNames(images[i], 'empty');
+        if (!document.all) title.style.width = (titleWidth + imgWidth) + 'px';
+      }
+    }
+  },
+
+  getSortFunc: function() {
+    if (!this.sortType || !this.sortType[this.targetColumn])
+      return SortFunction.string(this);
+    
+    var type = this.getSortType();
+    
+    if (!this.sortType || !type) {
+      return SortFunction.string(this);
+    } else if (type == SortFunction.numeric) {
+      return SortFunction.number(this);
+    } 
+    
+    return SortFunction.date(this);
+  },
+  
+  getSortType: function() {
+    return this.sortType[this.targetColumn];
+  }
+}
+
+var SortFunction = Class.create();
+SortFunction = {
+  string: 'string',
+  numeric: 'numeric',
+  mmddyyyy: 'mmddyyyy',
+  mmddyy: 'mmddyy',
+  yyyymmdd: 'yyyymmdd',
+  yymmdd: 'yymmdd',
+  ddmmyyyy: 'ddmmyyyy',
+  ddmmyy: 'ddmmyy',
+  
+  date: function(grid) {
+    return function(fst, snd) {
+      var aValue = Element.collectTextNodes(fst.cells[grid.targetColumn]);
+      var bValue = Element.collectTextNodes(snd.cells[grid.targetColumn]);
+      var date1, date2;
+      
+      var date1 = SortFunction.getDateString(aValue, grid.getSortType());
+      var date2 = SortFunction.getDateString(bValue, grid.getSortType());
+      
+      if (date1 == date2) return 0;
+      if (date1 < date2) return -1;
+      
+      return 1;
+    }
+  },
+  
+  number: function(grid) {
+    return function(fst, snd) {
+      var aValue = parseFloat(Element.collectTextNodes(fst.cells[grid.targetColumn]));
+      if (isNaN(aValue)) aValue = 0;
+      var bValue = parseFloat(Element.collectTextNodes(snd.cells[grid.targetColumn])); 
+      if (isNaN(bValue)) bValue = 0;
+      
+      return aValue - bValue;
+    }
+  },
+  
+  string: function(grid) {
+    return function(fst, snd) {
+      var aValue = Element.collectTextNodes(fst.cells[grid.targetColumn]);
+      var bValue = Element.collectTextNodes(snd.cells[grid.targetColumn]);
+      if (aValue == bValue) return 0;
+      if (aValue < bValue) return -1;
+      return 1;
+    }
+  },
+  
+  getDateString: function(date, type) {
+    var array = date.split('/');
+
+    if ((type == SortFunction.mmddyyyy) ||
+        (type == SortFunction.mmddyy)) {
+      var newArray = new Array();
+      newArray.push(array[2]);
+      newArray.push(array[0]);
+      newArray.push(array[1]);
+    } else if ((type == SortFunction.ddmmyyyy) ||
+               (type == SortFunction.ddmmyy)) {
+      var newArray = new Array();
+      newArray.push(array[2]);
+      newArray.push(array[1]);
+      newArray.push(array[0]);
+    } else {
+      newArray = array;
+    }
+    
+    return newArray.join();
+  }
+}
+