activeldap3 1.2.3

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

@@ -0,0 +1,170 @@
+// 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.
+
+NavPanel = Class.create();
+NavPanel.className = {
+  navPanel : 'navPanel',
+  panel: 'navPanel_panel',
+  tab : 'navPanel_tab',
+  tabLeftInactive : 'navPanel_tabLeftInactive',
+  tabLeftActive: 'navPanel_tabLeftActive',
+  tabMiddleInactive : 'navPanel_tabMiddleInactive',
+  tabMiddleActive : 'navPanel_tabMiddleActive',
+  tabRightInactive : 'navPanel_tabRightInactive',
+  tabRightActive : 'navPanel_tabRightActive'
+}
+NavPanel.prototype = {
+  
+  initialize: function(element) {
+    var options = Object.extend({
+      selected: 1,
+      cssPrefix: 'custom_'
+    }, arguments[1] || {});
+    
+    this.options = options;
+    this.element = $(element);
+    Element.setStyle(this.element, {visibility: 'hidden'});
+    Element.hide(this.element);
+    
+    var customCss = CssUtil.appendPrefix(this.options.cssPrefix, NavPanel.className);
+    this.classNames = new CssUtil([NavPanel.className, customCss]);
+    
+    this.classNames.addClassNames(this.element, 'navPanel');
+    
+    this.selected = (this.options.selected > 0) ? this.options.selected - 1 :  0 ;
+    this.start();
+    
+    Element.setStyle(this.element, {visibility: 'visible'});
+    Element.show(this.element);
+  },
+  
+  start: function() {
+    this.tabs = [];
+    this.panels = [];
+    this.panelList = [];
+
+    this.tabId = this.element.id + '_tab';
+    this.tabLeftId = this.tabId + '_left';
+    this.tabMiddleId = this.tabId + '_middle';
+    this.tabRightId = this.tabId + '_right';
+    this.panelId = this.element.id + '_panel';
+    
+    this.build();  
+  },  
+  
+  build: function() {
+    Element.cleanWhitespace(this.element);
+    this.panelList = this.element.childNodes;
+    
+    for (var i = 0; i < this.panelList.length; i++) {
+      if (this.panelList[i].nodeType != 1) {
+        Element.remove(this.panelList[i]);
+        i--;
+        continue;
+      }
+      Element.cleanWhitespace(this.panelList[i]);
+      var navSet = this.panelList[i].childNodes;
+      this.buildTab(navSet[0], i);
+      this.buildPanel(navSet[0], i);
+    }
+    this.selectTab();
+  },
+  
+  
+  buildTab: function(tabTitle, i) {
+    var tab = Builder.node('div', {id:this.tabId + i});
+    this.classNames.addClassNames(tab, 'tab');
+    var tabLeft = Builder.node('div', {id:this.tabLeftId + i});
+    var tabMiddle = Builder.node('div', {id:this.tabMiddleId + i});
+    tabMiddle.appendChild(tabTitle);
+    var tabRight = Builder.node('div',{id:this.tabRightId + i});
+    
+    tab.appendChild(tabLeft);
+    tab.appendChild(tabMiddle);
+    tab.appendChild(tabRight);
+    Event.observe(tab, 'click', this.selectTab.bindAsEventListener(this));
+
+    this.tabs[i] = tab;
+    this.setTabInactive(tab);
+    this.panelList[i].appendChild(tab);
+  },
+  
+  buildPanel: function(panelContent, i) {
+    var panel = Builder.node('div', {id:this.panelId + i});
+    this.classNames.addClassNames(panel, 'panel');
+    panel.appendChild(panelContent);
+    Element.hide(panel);
+    this.panels[i] = panel;
+    this.panelList[i].appendChild(panel);
+  },
+  
+  selectTab: function(e) {
+    if (!e) {
+      if (!this.panels[this.selected]) this.selected = 0;
+      Element.show(this.panels[this.selected]);
+      this.setTabActive(this.tabs[this.selected]);
+      return;
+    }
+  
+    var targetElement = Event.element(e);
+    var targetIndex = this.getTargetIndex(targetElement);
+    if (targetIndex == this.selected) {
+      return;
+    }
+          
+    var currentPanel = this.panels[this.selected];
+    var targetPanel = this.panels[targetIndex];
+    this.setTabInactive(this.tabs[this.selected]);
+    this.setTabActive(this.tabs[targetIndex]);
+    Element.show(targetPanel);
+    Element.hide(currentPanel);
+    this.selected = targetIndex;  
+  },
+  
+  setTabActive: function(tab) {
+    var tabChildren = tab.childNodes;
+
+    this.classNames.refreshClassNames(tabChildren[0], 'tabLeftActive');
+    this.classNames.refreshClassNames(tabChildren[1], 'tabMiddleActive');
+    this.classNames.refreshClassNames(tabChildren[2], 'tabRightActive');
+  },
+  
+  setTabInactive: function(tab) {
+    var tabChildren = tab.childNodes;
+    
+    this.classNames.refreshClassNames(tabChildren[0], 'tabLeftInactive');
+    this.classNames.refreshClassNames(tabChildren[1], 'tabMiddleInactive');
+    this.classNames.refreshClassNames(tabChildren[2], 'tabRightInactive');
+  },
+
+  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;
+    }
+  }
+}

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

@@ -0,0 +1,433 @@
+// 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 SelectableTable = Class.create();
+
+SelectableTable.classNames = {
+  table:        'selectableTable_table',
+  tr:           'selectableTable_tr',
+  trHover:      'selectableTable_trHover',
+  trSelected:   'selectableTable_trSelected'
+};
+
+SelectableTable.prototype = {
+  initialize: function(element) {
+    this.element = $(element);
+    Element.setStyle(this.element, {visibility: 'hidden'});
+    var defaultOptions  = {
+      arrayDefaultData:             [],
+      flagAllowUnselect:            true,
+      flagInitialAllowMultiple:     false,
+      flagKeypressAvailable:        false,
+      flagKeypressDeleteAvailable:  false,
+      flagKeypressInsertAvailable:  false,
+      functionClickCallback:        Prototype.emptyFunction,
+      functionDoubleClickCallback:  Prototype.emptyFunction,
+      functionPostAdd:              Prototype.emptyFunction,
+      functionPostBuild:            Prototype.emptyFunction,
+      functionPostDelete:           Prototype.emptyFunction,
+      functionPostPressLeft:        Prototype.emptyFunction,
+      functionPostPressRight:       Prototype.emptyFunction,
+      functionPostSelect:           Prototype.emptyFunction,
+      functionPostUnselect:         Prototype.emptyFunction,
+      functionPreAdd:               function() {return true;},
+      functionPreDelete:            function() {return true;},
+      functionSubmit:               Prototype.emptyFunction,
+      initialSelected:              null,
+      prefixTrId:                   'selectable_table_',
+      prefixCSS:                    'custom_'
+    }
+    this.options                = Object.extend(defaultOptions, arguments[1] || {});
+    this.classNames             = new CssUtil([SelectableTable.classNames, CssUtil.appendPrefix(this.options.prefixCSS, SelectableTable.classNames)]);
+    this.flagAllowMultiple      = this.options.flagInitialAllowMultiple;
+    this.flagAvailable          = true;
+    this.focused                = null;
+    this.lastSelected           = null;
+    this.newNumber              = 1;
+    this.selected               = new Object();
+    this.build();
+    if(arguments[2]) {
+      this.selectEffect(this.buildTrId(arguments[2]));
+    }
+    Element.setStyle(this.element, {visibility: 'visible'});
+  },
+  add: function() {
+    if(!this.flagAvailable) {return;}
+    if(!this.options.functionPreAdd(this)) {return;}
+    if(arguments[0] == null) {arguments[0] = this.options.arrayDefaultData;}
+    if(typeof(arguments[0]) != 'string') {
+      arguments = arguments[0];
+    }
+    if(arguments[0] == null) {return;}
+    var objTr, objTd;
+    objTr = document.createElement('tr');
+    objTr.id = 'new_' + this.newNumber;
+    this.buildTr(objTr);
+    for(var i = 0; i < arguments.length; i++) {
+      objTd = document.createElement('td');
+      objTd.innerHTML = arguments[i];
+      objTr.appendChild(objTd);
+    }
+    this.element.tBodies[0].appendChild(objTr);
+    this.newNumber++;
+    this.options.functionPostAdd(this);
+  },
+  addKeyboardEvent: function() {
+    var self = this;
+    if(this.options.flagKeypressAvailable) {
+      this.shortcutManager = new ShortcutManager();
+      var shortcut = [
+        ['enter',       function() {self.selectOrUnselect(self.focused, false);}],
+        ['shift+enter', function() {self.selectOrUnselectRange(self.focused);}],
+        ['ctrl+enter',  function() {self.selectOrUnselect(self.focused, true);}],
+        ['backspace',   Prototype.emptyFunction],
+        ['esc',         Prototype.emptyFunction],
+        ['up',          function() {self.focusMove('up');}],
+        ['down',        function() {self.focusMove('down');}],
+        ['left',        function() {self.options.functionPostPressLeft(this);}],
+        ['right',       function() {self.options.functionPostPressRight(this);}]
+      ];
+      if(this.options.flagKeypressInsertAvailable) {
+        shortcut.push(['insert', function() {self.add();}]);
+      }
+      if(this.options.flagKeypressDeleteAvailable) {
+        shortcut.push(['delete', function() {self.deleteAll();}]);
+      }
+      this.shortcutManager.add(shortcut);
+    }
+    //===[for Mac]============================================================//
+    this.cmdPressed = false;
+    this.cmdManager = new ShortcutManager({detectKeyup:true});
+    this.cmdManager.add('cmd', function() {self.cmdPressed = true;});
+    this.cmdManager.add('cmd', function() {self.cmdPressed = false;}, true);
+    //===[for Mac]===========================================================//
+  },
+  build: function() {
+    var lines = this.element.tBodies[0].rows;
+    this.classNames.addClassNames(this.element, 'table');
+    this.addKeyboardEvent();
+    for(var i = 0; i < lines.length; i++) {
+      this.buildTr(lines[i]);
+    }
+    var selected = this.options.initialSelected
+    if(selected) {
+      this.selectEffect(this.buildTrId(selected));
+    }
+    this.options.functionPostBuild(this);
+  },
+  buildTr: function(objTr) {
+    objTr.id = this.buildTrId(objTr.id);
+    this.classNames.addClassNames(objTr, 'tr');
+    Event.observe(objTr, 'click',     this.eventClick.bindAsEventListener(this));
+    Event.observe(objTr, 'dblclick',  this.eventDoubleClick.bindAsEventListener(this));
+    Event.observe(objTr, 'mouseout',  this.eventFocusOut.bindAsEventListener(this));
+    Event.observe(objTr, 'mouseover', this.eventFocusOver.bindAsEventListener(this));
+  },
+  buildTrId: function(strId) {
+    return this.options.prefixTrId + strId
+  },
+  deleteAll: function() {
+    if(!this.flagAvailable) {return;}
+    if(!this.options.functionPreDelete(this)) {return;}
+    for(var trId in this.selected) {
+      this.element.tBodies[0].removeChild($(trId));
+      delete this.selected[trId];
+    }
+    this.focused = null;
+    this.options.functionPostDelete(this);
+  },
+  destroy: function() {
+    if(this.options.flagKeypressAvailable) {
+      this.shortcutManager.destroy();
+    }
+    //===[for Mac]============================================================//
+    this.cmdManager.destroy();
+    //===[for Mac]============================================================//
+  },
+  eventClick: function(event) {
+    if(!this.flagAvailable) {return;}
+    if(this.options.functionClickCallback.constructor == Function) {
+      if(this.options.functionClickCallback != Prototype.emptyFunction) {
+        this.options.functionClickCallback(Event.findElement(event, 'tr').id.replace(this.options.prefixTrId, ''));
+      }
+    }
+    if(event.shiftKey) {
+      this.selectOrUnselectRange(Event.findElement(event, 'tr').id);
+    } else {
+      this.selectOrUnselect(Event.findElement(event, 'tr').id, event.ctrlKey || this.cmdPressed);
+    }
+  },
+  eventDoubleClick: function(event) {
+    if(!this.flagAvailable) {return;}
+    if(this.options.functionDoubleClickCallback.constructor == Function) {
+      if(this.options.functionDoubleClickCallback != Prototype.emptyFunction) {
+        this.options.functionDoubleClickCallback(Event.findElement(event, 'tr').id.replace(this.options.prefixTrId, ''));
+      }
+    }
+    if(this.flagAllowMultiple) {
+      this.select(Event.findElement(event, 'tr').id, false);
+      this.submit();
+    }
+  },
+  eventFocusOut: function(event) {
+    if(!this.flagAvailable) {return;}
+    this.focusOff();
+  },
+  eventFocusOver: function(event) {
+    if(!this.flagAvailable) {return;}
+    this.focusOn(Event.findElement(event, 'tr').id);
+    Event.findElement(event, 'tr').focus();
+  },
+  focusMove: function(direction) {
+    if(!this.flagAvailable) {return;}
+    if(this.focused == null) {
+      if(this.element.tBodies[0].rows[0]) {
+        this.focusOn(this.element.tBodies[0].rows[0].id);
+      }
+    } else {
+      var rowIndex = $(this.focused).rowIndex;
+      var correctionValue, flagEdge;
+      switch(direction) {
+        case 'down':
+          correctionValue = 1;
+          flagEdge = this.isBottom(rowIndex);
+          break;
+        case 'up':
+          correctionValue = -1;
+          flagEdge = this.isTop(rowIndex);
+          break;
+      }
+      if(!flagEdge) {
+        this.focusOn(this.element.rows[rowIndex + correctionValue].id);
+      }
+    }
+  },
+  focusOff: function() {
+    if(!this.flagAvailable) {return;}
+    if(this.focused != null) {
+      var objTr = $(this.focused);
+      this.classNames.removeClassNames(objTr, 'trHover');
+      this.focused = null;
+    }
+  },
+  focusOn: function(trId) {
+    if(!this.flagAvailable) {return;}
+    if($(trId) != null) {
+      this.focusOff();
+      this.classNames.addClassNames($(trId), 'trHover');
+      this.focused = trId;
+    }
+  },
+  getSelected: function() {
+    var selectedIdList  = new Array();
+    for(var trId in this.selected) {
+      selectedIdList.push(trId.replace(this.options.prefixTrId, ''));
+    }
+    return selectedIdList;
+  },
+  getSelectedElement: function(id) {
+    var trId = this.options.prefixTrId + id;
+    return $(trId)
+  },
+  isBottom: function(rowIndex) {
+    return (rowIndex == this.element.rows.length - 1) ? true : false;
+  },
+  isTop: function(rowIndex) {
+    return (rowIndex == this.element.tBodies[0].rows[0].rowIndex) ? true : false;
+  },
+  makeAvailable: function() {
+    this.flagAvailable = true;
+    if(this.options.flagKeypressAvailable) {
+      this.shortcutManager.start();
+    }
+  },
+  makeMultiple: function() {
+    this.flagAllowMultiple = true;
+  },
+  makeSingular: function() {
+    this.flagAllowMultiple = false;
+    this.unselectAll();
+  },
+  makeUnavailable: function() {
+    if(this.options.flagKeypressAvailable) {
+      this.shortcutManager.stop();
+    }
+    this.flagAvailable = false;
+  },
+  select: function(trId, ctrl) {
+    if(!this.flagAvailable) {return;}
+    this.selectEffect(trId, ctrl);
+    this.lastSelected = trId;
+    this.options.functionPostSelect(this);
+    if(!this.flagAllowMultiple) {
+      this.submit();
+    }
+  },
+  selectAll: function() {
+    if(!this.flagAvailable) {return;}
+    if(!this.flagAllowMultiple) {return;}
+    this.selected = new Object();
+    var lines = this.element.tBodies[0].rows;
+    for(var i = 0; i < lines.length; i++) {
+      this.select(lines[i].id, true);
+    }
+  },
+  selectEffect: function(trId, ctrl) {
+    if($(trId)) {
+      if(!this.flagAllowMultiple || !ctrl) {
+        this.unselectAll();
+      }
+      this.classNames.addClassNames($(trId), 'trSelected');
+      this.selected[trId] = true;
+    }
+  },
+  selectOrUnselect: function(trId, ctrl) {
+    if(!this.flagAvailable) {return;}
+    if(trId == null) {return;}
+    if(ctrl && this.selected[trId]) {
+      if(!this.flagAllowMultiple && !this.options.flagAllowUnselect) {return;}
+      this.unselect(trId);
+    } else {
+      this.select(trId, ctrl);
+    }
+  },
+  selectOrUnselectRange: function(trId) {
+    if(!this.flagAvailable) {return;}
+    if(trId == null) {return;}
+    if(this.lastSelected == null || this.lastSelected == trId) {
+      this.selectOrUnselect(trId);
+      return;
+    }
+    var flagSelect = false;
+    var lines = this.element.tBodies[0].rows;
+    var lastSelected = this.lastSelected
+    for(var i = 0; i < lines.length; i++) {
+      if(lines[i].id == trId || lines[i].id == lastSelected) {
+        flagSelect = (flagSelect) ? false : true;
+      } else if(!flagSelect) {
+        continue;
+      }
+      if(this.selected[lastSelected]) {
+        this.select(lines[i].id, true);
+      } else {
+        this.unselect(lines[i].id);
+      }
+    }
+  },
+  submit: function(trId) {
+    if(!this.flagAvailable) {return;}
+    var selected = this.getSelected();
+    this.options.functionSubmit(selected[0]);
+  },
+  unselect: function(trId) {
+    if(!this.flagAvailable) {return;}
+    this.classNames.removeClassNames($(trId), 'trSelected');
+    delete this.selected[trId];
+    this.lastSelected = trId;
+    this.options.functionPostUnselect(this);
+  },
+  unselectAll: function() {
+    if(!this.flagAvailable) {return;}
+    var lines = this.element.tBodies[0].rows;
+    for(var i = 0; i < lines.length; i++) {
+      this.unselect(lines[i].id);
+    }
+  }
+}
+
+var SelectableTableLib = {
+  navi: function(direction, element) {
+    var navigator = element || (SelectableTableManager.active || '') + '_navigation_top';
+    var element = $(navigator + '_' + direction);
+    if(element != null) {
+      if(UserAgent.isIE()) {
+        element.fireEvent('onclick');
+      } else {
+        var evt = document.createEvent('MouseEvents');
+        evt.initEvent('click', true, true);
+        element.dispatchEvent(evt);
+      }
+    }
+  }
+};
+
+var SelectableTableCreator = {
+  create: function() {
+    var key     = arguments[0];
+    var options = arguments[1] || {};
+    var old_st  = arguments[2] || null;
+    var manage  = arguments[3] || false;
+    if(old_st) {
+      try {
+        old_st.destroy();
+      } catch(e) {}
+    }
+    var new_st  = new SelectableTable(key, options);
+    if(manage) {
+      SelectableTableManager.push(key, new_st);
+    }
+    return new_st;
+  }
+};
+
+var SelectableTableManager =  {
+  active: null,
+  list: $H({}),
+  activate: function(key) {
+    this.stop();
+    if(this.list[key]) {
+      this.list[key].makeAvailable();
+      this.active = key;
+    } else {
+      this.active = null;
+    }
+  },
+  deactivate: function() {
+    this.stop();
+    this.active = null;
+  },
+  destroy: function() {
+    this.deactivate();
+    this.list = $H({});
+  },
+  push: function(key, element) {
+    if(this.list[key]) {
+      this.list[key].makeUnavailable();
+    }
+    this.list[key] = element;
+    this.activate(key);
+  },
+  start: function() {
+    var active = this.active
+    if(active) {
+      this.list[active].makeAvailable();
+    }
+  },
+  stop: function() {
+    this.list.each(
+      function(el) {
+        if(el[1]) {
+          el[1].makeUnavailable();
+        }
+      }
+    );
+  }
+};