activeldap 1.2.3 → 1.2.4

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

@@ -1,170 +0,0 @@
-// 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

@@ -1,433 +0,0 @@
-// 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();
-        }
-      }
-    );
-  }
-};