activeldap 0.9.0

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

@@ -0,0 +1,128 @@
+// Copyright (c) 2007 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 ColorPicker = Class.create();
+ColorPicker.className = {
+}
+
+ColorPicker.prototype = {
+  initialize: function(element) {
+    this.element = $(element);
+    Element.setStyle(this.element, {position: 'absolute'});
+    this.hide();
+    this.element.innerHTML = this.build();
+    this.setEvent();
+    this.doclistener = this.hide.bindAsEventListener(this);
+    if (!UserAgent.isIE()) {
+      Element.setStyle(this.element, {
+        width: 15 * 18 + 'px',
+        height: 15 * 12 + 'px'
+      });
+    }
+    Element.setStyle(this.element, {border: '3px solid gray'});
+    this.setting = $H({});
+    this.triggerId = null;
+  },
+
+  set: function(setting) {
+    var trigger = $(setting.trigger);
+    this.setting[trigger.id] = setting;
+    Event.observe(trigger, 'click', this.show.bindAsEventListener(this, trigger.id));
+  },
+
+  build: function() {
+    var colors = [0, 0, 0];
+    var rgb = null;
+    var id = null;
+    var idBase = this.element.id;
+    var html = "<div style='cursor: pointer;'>";
+    var halfCount = 51 * 3;
+    this.idList = [];
+    for (var i = 0; i <= 255; i += 51) {
+      if (i == halfCount) html += "<div style='clear: left;'></div>";
+      for (var j = 0; j <= 255; j += 51) {
+        html += "<div style='float: left; width: 15px;'>";
+        for (var k = 0; k <= 255; k += 51) {
+          rgb = "#" + i.toColorPart() + j.toColorPart() + k.toColorPart();
+          id = idBase.appendSuffix(rgb);
+          this.idList.push(id);
+          html += "<div id='" + id + "' style='width: 100%; height: 15px; background-color: " + rgb + "'></div>";
+        }
+        html += "</div>"
+      }
+    }
+    return html + "</div>";
+  },
+
+  setEvent: function() {
+    this.idList.each(function(id) {
+//      Event.observe(id, 'mouseover', this.mouseOver.bind(this, id));
+      Event.observe(id, 'mousedown', this.mouseDown.bind(this, id));
+    }.bind(this));
+  },
+
+  mouseOver: function(id) {
+    this.setColor(id.getSuffix());
+  },
+
+  mouseDown: function(id) {
+    this.setValue(id.getSuffix());
+    this.setColor(id.getSuffix());
+  },
+
+  setValue: function(color) {
+    var valueTarget = $(this.setting[this.triggerId].value);
+    if (valueTarget) {
+      if (valueTarget.tagName.toLowerCase() == 'input') {
+        valueTarget.value = color;
+      } else {
+        valueTarget.innerHTML = color;
+      }
+    }
+  },
+
+  setColor: function(color) {
+    var colorTarget = $(this.setting[this.triggerId].color);
+    if (colorTarget) {
+      Element.setStyle(colorTarget, {backgroundColor: color});
+    }
+  },
+
+  show: function(event, triggerId) {
+    this.triggerId = triggerId;
+    Element.setStyle(this.element, { 
+      zIndex: ZindexManager.getIndex(),
+      left:   Event.pointerX(event) + 'px',
+      top:    Event.pointerY(event) + 'px'
+    });
+    this.element.show();
+    Event.observe(document, "click", this.doclistener);
+    if (event) {
+      Event.stop(event);
+    }
+  },
+
+  hide: function() {
+    this.triggerId = null;
+    Event.stopObserving(document, "click", this.doclistener);
+    this.element.hide();
+  }
+}

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

@@ -0,0 +1,438 @@
+// 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 DatePicker = Class.create();
+DatePicker.className = {
+  container:     'datepicker',
+  header:        'datepicker_header',
+  footer:        'datepicker_footer',
+  preYears:      'datepicker_preYears',
+  nextYears:     'datepicker_nextYears',
+  years:         'datepicker_years',
+  calendar:      'datepicker_calendar',
+  date:          'datepicker_date',
+  holiday:       'datepicker_holiday',
+  ym:            'datepicker_ym',
+  table:         'datepicker_table',
+  tableTh:       'datepicker_tableTh',
+  nextMonthMark: 'datepicker_nextMonthMark',
+  nextYearMark:  'datepicker_nextYearMark',
+  preMonthMark:  'datepicker_preMonthMark',
+  preYearMark:   'datepicker_preYearMark',
+  today:         'datepicker_today',
+  zIndex:        null
+}
+DatePicker.prototype = {
+  
+  initialize: function(element, target, trigger) {
+    this.element = $(element);
+    Element.setStyle(this.element, {visibility: 'hidden'});
+    this.target = $(target);
+
+    this.options = Object.extend({
+      date:         new Date(),
+      format:       DateUtil.toLocaleDateString,
+      cssPrefix:    'custom_',
+      callBack:     Prototype.emptyFunction,
+      standBy:      false,
+      headerFormat: null,
+      dayOfWeek:    DateUtil.dayOfWeek,
+      appendToBody: false,
+      invalidDates: []
+    }, arguments[3] || {});
+    
+    this.css = CssUtil.getInstance(this.options.cssPrefix, DatePicker.className);
+    this.classNames = this.css.allJoinClassNames();
+    
+    this.format = this.options.format;
+    this.callBack = Prototype.emptyFunction;
+
+    if (this.options.date) {
+      if (this.options.date.constructor == Date) {
+        this.date = this.options.date;
+      } else {
+        this.date = DateUtil.toDate(this.options.date);
+      }
+    } else {
+      this.date = new Date();
+    }
+    this.originalDate = new Date(this.date.getTime());
+    
+    this.ids = {};
+    this.dateIds = [];
+    this.element.innerHTML = this.build();
+    this.cover = new IECover(this.element);
+    this.setEvent();
+    
+    this.doclistener = this.hide.bindAsEventListener(this);
+    this.hide();
+    Element.setStyle(this.element, {visibility: 'visible'});
+    this.triggerSet = {};
+    if (trigger && target) this.set(trigger, target, this.options.callBack);
+    if (this.options.appendToBody) Element.appendToBody.callAfterLoading(this, this.element);
+  },
+
+  set: function(trigger, target, options) {
+    trigger = $(trigger);
+    options = options || {};
+    if (options.constructor == Function) options = {callBack: options}
+    options = $H({
+      callBack:     Prototype.emptyFunction,
+      invalidDates: []
+    }).merge(options);
+    if (options.invalidDates.constructor != Array) options.invalidDates = [options.invalidDates];
+
+    this.triggerSet[trigger.id] = {target: $(target), options: options};
+    this.addTrigger(trigger);
+  },
+
+  setEvent: function() {
+    var preMonth = $(this.ids.preMonth)
+    if (!Event.observers || !Event.observers.any(function(observer) { return preMonth == observer.first(); })) {
+      Event.observe(this.ids.preMonth, "click", this.changeCalendar.bindAsEventListener(this));
+      Event.observe(this.ids.preYear, "click", this.changeCalendar.bindAsEventListener(this));
+      Event.observe(this.ids.nextMonth, "click", this.changeCalendar.bindAsEventListener(this));
+      Event.observe(this.ids.nextYear, "click", this.changeCalendar.bindAsEventListener(this));
+      new Hover(this.ids.preMonth);
+      new Hover(this.ids.preYear);
+      new Hover(this.ids.nextMonth);
+      new Hover(this.ids.nextYear);
+
+      this.hovers = {};
+      this.dateIds.each(function(id) {
+        this.hovers[id] = new Hover(id, {beforeToggle: this.hasDate.bind(this, id)});
+        Event.observe(id, "click", this.selectDate.bindAsEventListener(this));
+      }.bind(this));
+    }
+  },
+  
+  build: function() {
+    this.ids.calendar = this.element.id.appendSuffix('calendar');
+    var html = 
+      "<div id='" + this.ids.calendar + "' class='" + this.classNames['container'] + "'>" +
+        this.buildHeader() +
+        this.buildCalendar() +
+        this.buildFooter() +
+      "</div>";
+    return html;
+  },
+  
+  buildHeader: function() {
+    var html =
+      "<table class='" + this.classNames['header'] + "'>" +
+        "<tr>" +
+          this.buildHeaderLeft() +
+          this.buildHeaderCenter() +
+          this.buildHeaderRight() +
+        "</tr>" +
+      "</table>";
+    return html;
+  },
+
+  buildFooter: function() {
+    return "<div class='" + this.classNames['footer'] + "'></div>";
+  },
+
+  buildHeaderLeft: function() {
+    this.ids.preYear = this.element.id.appendSuffix('preYear');
+    this.ids.preMonth = this.element.id.appendSuffix('preMonth');
+
+    var html =
+      "<td class='" + this.classNames['preYears'] + "'>" +
+        "<div id='" + this.ids.preYear + "' class='" + this.classNames['preYearMark'] + "'></div>" +
+        "<div id='" + this.ids.preMonth + "' class='" + this.classNames['preMonthMark'] + "'></div>" +
+      "</td>";
+    return html;
+  },
+
+  buildHeaderCenter: function() {
+    var yearMonth = this.getHeaderYearMonth();
+    var baseId = this.element.id;
+    var html =
+      "<td class='" + this.classNames['years'] + "'>" +
+        "<span id='" + baseId.appendSuffix('ym0') + "'class='" + this.classNames['ym'] + "'>" +
+          yearMonth[0] +
+        "</span>" +
+        "<span id='" + baseId.appendSuffix('ym1') + "' class='" + this.classNames['ym'] + "'>" +
+          yearMonth[1] +
+        "</span>" +
+      "</td>";
+    return html;
+  },
+
+  getHeaderYearMonth: function() {
+    if (this.options.headerFormat) {
+      var tmpl = new Template(this.options.headerFormat);
+      return [tmpl.evaluate({year: this.date.getFullYear(), month: this.date.getMonth() + 1}), ' '];
+    }
+    return [DateUtil.months[this.date.getMonth()], this.date.getFullYear()];
+  },
+
+  buildHeaderRight: function() {
+    this.ids.nextYear = this.element.id.appendSuffix('nextYear');
+    this.ids.nextMonth = this.element.id.appendSuffix('nextMonth');
+
+    var html =
+      "<td class='" + this.classNames['nextYears'] + "'>" +
+        "<div id='" + this.ids.nextMonth + "' class='" + this.classNames['nextMonthMark'] + "'></div>" +
+        "<div id='" + this.ids.nextYear + "' class='" + this.classNames['nextYearMark'] + "'></div>" +
+      "</td>";
+    return html;
+  },
+  
+  multiBuild: function(tagType, params, className, hover, clickEvent) {
+    var children = [];
+    for (var i = 0; i < params.length; i++) {
+      var node = Builder.node(tagType, [params[i]]);;
+      if (className)
+        this.classNames.addClassNames(node, className);
+      if (hover)
+        new Hover(node);
+      if (clickEvent)
+        Event.observe(node, "click", clickEvent.bindAsEventListener(this));
+      children.push(node);
+    }
+    return children;
+  },
+  
+  buildCalendar: function() {
+    var html = 
+      "<div class='" + this.classNames['calendar'] + "'>" +
+        "<table class='" + this.classNames['table'] + "'>" +
+          this.buildTableHeader() + this.buildTableData() +
+        "</table>" +
+      "</div>";
+    return html;
+  },
+  
+  buildTableHeader: function() {
+    var className = this.classNames['tableTh'];
+    var html = "<tr>";
+    for (var i = 0; i < DateUtil.dayOfWeek.length; i++) {
+      html += "<th class='" + className + "'>" + this.options.dayOfWeek[i] + "</th>";
+    }
+    html += "</tr>";
+    return html;
+  },
+  
+  buildTableData: function() {
+    var length = DateUtil.dayOfWeek.length * 6;
+    var year = this.date.getFullYear();
+    var month = this.date.getMonth();
+    var firstDay = DateUtil.getFirstDate(year, month).getDay();
+    var lastDate = DateUtil.getLastDate(year, month).getDate();
+    var tdBaseId = this.element.id.appendSuffix('date');
+    var today = new Date();
+    var sameMonth = today.sameMonth(this.date);
+    var trs = '';
+    var tds = '';
+
+    for (var i = 0, day = 1; i < length; i++) {
+      var id = tdBaseId.appendSuffix(i);
+      this.dateIds.push(id);
+      var classKey = ((i % 7 == 0) || ((i+1) % 7 == 0)) ? 'holiday' : 'date';
+      var className = this.classNames[classKey];
+      if ((i < firstDay) || day > lastDate) {
+        tds += "<td id='" + id + "' class='" + className + "'></td>";
+      } else {
+        if (sameMonth && (today.getDate() == day)) {
+          className = this.classNames['today'] + ' ' + className;
+          this.todayCell = id;
+        }
+        tds += "<td id='" + id + "' class='" + className + "'>" + day + "</td>";
+        day++;
+      }
+      
+      if ((i + 1) % 7 == 0) {
+        trs += "<tr>" + tds + "</tr>";
+        tds = '';
+      }
+    }
+    return trs;
+  },
+
+  rebuildHeaderCenter: function() {
+    var yearMonth = this.getHeaderYearMonth();
+    var baseId = this.element.id;
+    $(baseId.appendSuffix('ym0')).innerHTML = yearMonth[0];
+    $(baseId.appendSuffix('ym1')).innerHTML = yearMonth[1];
+  },
+  
+  rebuildTableData: function() {
+    var length = DateUtil.dayOfWeek.length * 6;
+    var year = this.date.getFullYear();
+    var month = this.date.getMonth();
+    var firstDay = DateUtil.getFirstDate(year, month).getDay();
+    var lastDate = DateUtil.getLastDate(year, month).getDate();
+    var tdBaseId = this.element.id.appendSuffix('date');
+    var today = new Date();
+    var sameMonth = today.sameMonth(this.date);
+
+    this.todayClassToNormalClass();
+    for (var i = 0, day = 1; i < length; i++) {
+      var id = tdBaseId.appendSuffix(i);
+      var element = $(id);
+      if ((i < firstDay) || (day > lastDate)) {
+        element.innerHTML = '';
+      } else {
+        element.innerHTML = day;
+        if (sameMonth && (today.getDate() == day)) {
+          element.className = this.classNames['today'] + ' ' + element.className;
+          this.todayCell = id;
+          this.hovers[id].refresh();
+        }
+        day++;
+      }
+    }
+  },
+
+  todayClassToNormalClass: function() {
+    var todayClassName = this.classNames['today'].split(' ');
+    var cell = $(this.todayCell);
+    if (cell) {
+      cell.className = cell.className.split(' ').select(function(className) {
+        return !todayClassName.include(className);
+      }).join(' ');
+      this.hovers[this.todayCell].refresh();
+    }
+    this.todayCell = null;
+  },
+  
+  refresh: function() {
+    this.rebuildHeaderCenter();
+    this.rebuildTableData();
+  },
+  
+  getMonth: function() {
+    return  DateUtil.months[this.date.getMonth()];
+  },
+  
+  changeCalendar: function(event) {
+    var element = Event.element(event);
+    this.date.setDate(1);
+    if (this.hasClassName(element, DatePicker.className.preYearMark)) {
+      this.date.setFullYear(this.date.getFullYear() - 1);
+    } else if (this.hasClassName(element, DatePicker.className.nextYearMark)) {
+      this.date.setFullYear(this.date.getFullYear() + 1);
+    } else if (this.hasClassName(element, DatePicker.className.preMonthMark)) {
+      this.date.setMonth(this.date.getMonth() - 1);
+    } else if (this.hasClassName(element, DatePicker.className.nextMonthMark)) {
+      this.date.setMonth(this.date.getMonth() + 1);
+    }
+    
+    this.refresh();
+    if (event) Event.stop(event);
+  },
+
+  hasClassName: function(element, className) {
+    return Element.hasClassName(element, className) || Element.hasClassName(element, className + 'Hover')
+  },
+  
+  selectDate: function(event) {
+    var src = Event.element(event);
+    var text = Element.getTextNodes(src)[0];
+    if (text) {
+      this.date.setDate(text.nodeValue);
+      var value = this.formatDateString();
+      
+      if (this.target.value || this.target.value == '') {
+        this.target.value = value;
+      } else {
+        this.target.innerHTML = value;
+      }
+      
+      this.hide();
+      this.css.refreshClassNames(src, 'date');
+      this.callBack(this);
+    }
+  },
+  
+  show: function(event) {
+    if (event) {
+      Event.stop(event);
+      var set = this.triggerSet[Event.element(event).id];
+      if (set) {
+        this.target = set.target;
+        this.options = $H(this.options).merge(set.options);
+        this.callBack = this.options.callBack;
+      }
+
+      if (this.options.invalidDates.include(this.target.value)) {
+        this.date = new Date(this.originalDate.getTime());
+      } else {
+        var time = Date.parse(this.target.value);
+        if (time) {
+          this.date = new Date(time);
+        } else {
+          this.date = new Date(this.originalDate.getTime());
+        }
+      }
+      this.refresh();
+    }
+
+    var styles = $H({zIndex: ZindexManager.getIndex(this.options.zIndex)});
+    if (this.options.standBy) {
+      this.defaultParent = this.element.parentNode;
+      document.body.appendChild(this.element);
+      styles = styles.merge({ 
+        position: 'absolute',
+        left:     Event.pointerX(event) + 'px',
+        top:      Event.pointerY(event) + 'px'
+      });
+    }
+
+    Element.setStyle(this.element, styles);
+    Element.show(this.element);
+    this.cover.resetSize();
+    Event.observe(document, "click", this.doclistener);
+  },
+  
+  hide: function() {
+    Event.stopObserving(document, "click", this.doclistener);
+    Element.hide(this.element);
+    if (this.defaultParent) {
+      this.defaultParent.appendChild(this.element);
+    }
+  },
+  
+  addTrigger: function(trigger) {
+    Event.observe($(trigger), 'click', this.show.bindAsEventListener(this));
+  },
+  
+  changeTarget: function(target) {
+    this.target = $(target);
+  },
+
+  formatDateString: function() {
+    var string = '';
+    if (this.format.constructor == Function) {
+      string = this.format(this.date);
+    } else if (this.format.constructor == String) {
+      string = this.date.strftime(this.format);
+    }
+    return string;
+  },
+
+  hasDate: function(cell) {
+    var text = $(cell).innerHTML;
+    return text && (text != '');
+  }
+}