activeldap 0.9.0

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

@@ -0,0 +1,384 @@
+// 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.
+
+
+/**
+ * TimePicker
+ */
+var TimePicker = Class.create();
+TimePicker.className = {
+  container:             'timepicker_container',
+//  container:             'timepicker',
+  header:                'timepicker_header',
+  preYears:              'timepicker_preYears',
+  nextYears:             'timepicker_nextYears',
+  years:                 'timepicker_years',
+  mark:                  'timepicker_mark',
+  ym:                    'timepicker_ym',
+  table:                 'timepicker_table',
+  thRight:               'right',
+  tdRight:               'right',
+  tdBottom:              'bottom',
+  date:                  'timepicker_date',
+  holiday:               'timepicker_holiday',
+  regularHoliday:        'timepicker_regularHoliday',
+  schedule:              'timepicker_schedule',
+  highlightDay:          'timepicker_highlightDay',
+  scheduleListContainer: 'timepicker_scheduleListContainer',
+  scheduleItem:          'timepicker_scheduleItem',
+  scheduleTimeArea:      'timepicker_scheduleItemTimeArea',
+  scheduleHandler:       'timepicker_scheduleHandler',
+  holidayName:           'timepicker_holidayName',
+  dateContainer:         'timepicker_dateContainer',
+  tableHeader:           'timepicker_tableHeader',
+  rowContent:            'timepicker_rowContent',
+  selected:              'timepicker_selected',
+  displayToggle:         'timepicker_displayToggle',
+
+  nextYearMark:          'timepicker_nextYearMark',
+  nextMonthMark:         'timepicker_nextMonthMark',
+  nextWeekMark:          'timepicker_nextWeekMark',
+  preYearMark:           'timepicker_preYearMark',
+  preMonthMark:          'timepicker_preMonthMark',
+  preWeekMark:           'timepicker_preWeekMark',
+  
+  weekTable:             'timepicker_weekContainerTable',
+  weekMainTable:         'timepicker_weekMainTable',
+  timeLine:              'timepicker_timeline',
+  timeLineTimeTop:       'timepicker_timelineTimeTop',
+  timeLineTime:          'timepicker_timelineTime',
+  timeLineTimeIe:        'timepicker_timelineTime_ie',
+  timeLineTimeIeTop:     'timepicker_timelineTime_ieTop',
+  headerColumn:          'timepicker_headerColumn',
+  columnTopDate:         'timepicker_columnTopDate',
+  columnDate:            'timepicker_columnDate',
+  columnDateOdd:         'timepicker_columnOddDate',
+  scheduleItemSamll:     'timepicker_scheduleItemSmall',
+  scheduleItemLarge:     'timepicker_scheduleItemLarge',
+  scheduleItemSelect:    'timepicker_scheduleItemSelect',
+  deleteImg:             'timepicker_deleteImage',
+  privateImg:            'timepicker_privateImage',
+  scheduleContainer:     'timepicker_weekScheduleContainer',
+  selector:              'timepicker_selector',
+  cover:                 'timepicker_cover'
+}
+Object.extend(TimePicker.prototype, Calendar.prototype);
+Object.extend(TimePicker.prototype, {
+  initialize: function(element) {
+    this.options = Object.extend({
+      initDate:              new Date(),
+      cssPrefix:             'custom_',
+      holidays:              [],
+      schedules:             [],
+      size:                  Calendar.size.large,
+      regularHoliday:        [0, 6],
+      displayIndexes:        [0, 1, 2, 3, 4, 5, 6],
+      displayTime:           [{hour: 0, min: 0}, {hour: 24, min: 0}],
+      weekIndex:             0,
+      dblclickListener:      null,
+      afterSelect:           Prototype.emptyFunction,
+      beforeRefresh:         Prototype.emptyFunction,
+      changeSchedule:        Prototype.emptyFunction,
+      changeCalendar:        Prototype.emptyFunction,
+      displayType:           'month',
+      highlightDay:          true,
+      beforeRemoveSchedule:  function() {return true;},
+      dblclickSchedule:      null,
+      updateTirm:            Prototype.emptyFunction,
+      displayTimeLine:       true,
+      clickDateText:         null,
+      getMonthHeaderText:    Prototype.emptyFunction,
+      getMonthSubHeaderText: Prototype.emptyFunction,
+      getWeekHeaderText:     Prototype.emptyFunction,
+      getWeekSubHeaderText:  Prototype.emptyFunction,
+      getDayHeaderText:      Prototype.emptyFunction,
+
+      setPosition:           true,
+      headerTitle:           '',
+      standardTime:          false,
+      oneDayLabel:           '24H',
+      standardTimeLabel:     'standard',
+      build:                 true
+    }, arguments[1] || {});
+
+    if (this.options.standardTime) {
+      this.options.displayTime = this.options.standardTime;
+      this.options.oneDay      = [{hour: 0, min: 0}, {hour: 24, min: 0}];
+    }
+
+    this.element    = $(element);
+    this.date       = new Date();
+    this.css = CssUtil.getInstance(this.options.cssPrefix, TimePicker.className);
+    this.classNames = this.css.allJoinClassNames();
+
+    Element.setStyle(this.element, {visibility: 'hidden'});
+    this.builder = new TimePickerBuilder(this);
+    this.builder.beforeBuild();
+    this.element.innerHTML = this.builder.build();
+    this.builder.afterBuild();
+    this.builder.setEvent();
+    Element.hide(element);
+    Element.setStyle(this.element, {position: 'absolute'});
+    Element.setStyle(this.element, {visibility: 'visible'});
+    
+    this.mouseupListener = this.onMouseUp.bindAsEventListener(this);
+    Event.observe(document, "mouseup", this.mouseupListener);
+  },
+
+  destroy: function() {
+    Event.stopObserving(document, "mouseup", this.mouseupListener);
+  },
+
+  refresh: function() {
+    this.options.beforeRefresh(this);
+    this.destroy();
+    this.selectedBase = null;
+    this.builder = new TimePickerBuilder(this);
+    this.builder.beforeBuild();
+    this.element.innerHTML = this.builder.build();
+    this.builder.afterBuild();
+    this.builder.setEvent();
+    Event.observe(document, "mouseup", this.mouseupListener);
+  },
+
+  show: function(event, triggerId) {
+    Event.stop(event);
+    var pointer = [Event.pointerX(event), Event.pointerY(event)];
+    if (this.options.setPosition.constructor == Function) {
+      this.options.setPosition(this.element, pointer);
+    } else if (this.options.setPosition) {
+      Element.setStyle(this.element, {
+        left:   pointer[0]  + 'px',
+        top:    pointer[1]  + 'px'
+      });
+    }
+    Element.setStyle(this.element, {zIndex: ZindexManager.getIndex()});
+    Element.show(this.element);
+    this.builder.setColumnWidth();
+    this.builder.setCover();
+    Event.observe(document, "mouseup", this.mouseupListener);
+  },
+
+  hide: function() {
+    Element.hide(this.element);
+    this.clearSelected();
+    Event.stopObserving(document, "mouseup", this.mouseupListener);
+  },
+
+  clearSelected: function() {
+    var elements = this.getSelected();
+    var self = this;
+    elements.each(function(e) {
+      if (Element.hasClassName(e, TimePicker.className.selected))
+        self.removeSelectedClass(e);
+    });
+  },
+
+  setTrigger: function(trigger, targets) {
+    trigger = $(trigger);
+    Event.observe(trigger, 'click', this.show.bindAsEventListener(this));
+  },
+
+  setTargets: function(targets) {
+    this.targets = targets;
+  },
+
+  onMouseUp: function(event) {
+    var calendar = this;
+    var dimention = Element.getDimensions(this.element);
+    var position = Position.cumulativeOffset(this.element);
+    var x = Event.pointerX(event);
+    var y = Event.pointerY(event);
+
+    if ((x < position[0]) || ((position[0] + dimention.width) < x) ||
+        (y < position[1]) || ((position[1] + dimention.height) < y)) {
+      this.hide();
+    }
+
+    if (calendar.mouseDown) {
+      setTimeout(function() {
+        if (calendar.mouseDown) {
+          calendar.mouseDown = false;
+          calendar.hide();
+        }
+      }, 10);
+    }
+
+    var term = this.builder.getSelectedTerm();
+    if (term) {
+      var start = term.first();
+      var finish = term.last();
+      var finishHour = finish.getHours();
+      var finishMin = finish.getMinutes();
+      if ((finishHour == 0) && (finishMin == 0)) {
+        finishHour = 23;
+        finishMin = 55;
+      }
+
+      this.setTime(this.targets.start.hour, start.getHours());
+      this.setTime(this.targets.start.min, start.getMinutes());
+      this.setTime(this.targets.finish.hour, finishHour);
+      this.setTime(this.targets.finish.min, finishMin);
+      this.hide();
+      this.options.afterSelect(event);
+    }
+  },
+
+  setTime: function(target, value) {
+    $A($(target).options).each(function(option) {
+      if (option.value == value) {
+        option.selected = true;
+      } else {
+        option.selected = false;
+      }
+    });
+  },
+
+  getSelected: function() {
+    return this.element.getElementsByClassName(TimePicker.className.selected, this.element);
+  }
+});
+
+
+/**
+ * TimePickerBuilder
+ */
+var TimePickerBuilder = Class.create();
+Object.extend(TimePickerBuilder.prototype, CalendarDay.prototype);
+Object.extend(TimePickerBuilder.prototype, {
+  initialize: function(calendar) {
+    var day       = calendar.date.getDay();
+    this.calendar = calendar;
+    this.ids      = SpinelzUtil.concat(this.calendar.element.id, CalendarWeek.id);
+    this.ids.label = this.calendar.element.id.appendSuffix('label');
+
+    this.setDisplayTime();
+    this.calendar.options.displayIndexesOld = this.calendar.options.displayIndexes;
+    this.calendar.options.displayIndexes    = [day];
+    this.calendar.options.weekIndexOld      = this.calendar.options.weekIndex;
+    this.calendar.options.weekIndex         = day;
+    this.week                               = this.getWeek();
+  },
+
+  buildHeader: function() {
+    return "<table class='" + this.calendar.classNames.header + "'>" +
+      "<tr>" + this.buildHeaderCenter() + "</tr>" +
+    "</table>";
+  },
+
+  buildHeaderCenter: function() {
+    return "<td><span>" + this.calendar.options.headerTitle + "</span></td>";
+  },
+
+  buildTimeLine: function() {
+    var time = new Date();
+    var hour = 0, hoursOfDay = 24;
+    time.setHours(hour);
+    time.setMinutes(0);
+    var nodes = null;
+    var timelineClass    = 'timeLineTime';
+    var timelineTopClass = 'timeLineTime'
+    if (UserAgent.isIE()) {
+      timelineClass    = 'timeLineTimeIe';
+      timelineTopClass = 'timeLineTimeIeTop';
+    }
+
+    nodes = "<div class='" + this.calendar.classNames.timeLineTimeTop + "'></div>";
+    while (hour < hoursOfDay) {
+      if (this.includeDisplayTime(hour)) {
+        
+        var lineClass = '';
+        if (nodes.length == 0) {
+          lineClass = this.calendar.classNames[timelineTopClass];
+        } else {
+          lineClass = this.calendar.classNames[timelineClass];
+        }
+        nodes += "<div class='" + lineClass + "'>" + this.formatTime(time) + "</div>";
+      }
+      hour++;
+      time.setHours(hour);
+    }
+
+    return "<td class='" + this.calendar.classNames.timeLine + "'>" + nodes + "</td>";
+  },
+  
+  buildCalendarHeader: function() {
+    var labelKey = (this.calendar.options.displayTime == this.calendar.options.standardTime) ?
+      'oneDayLabel' : 'standardTimeLabel';
+
+    return "<tr><td align='center'>" +
+      "<div id='" + this.ids.label + "'class='" + this.calendar.classNames.headerColumn + "'>" +
+        "<a href='javascript:void(0)'>" + this.calendar.options[labelKey] + "</a>" +
+      "</div>" +
+    "</td></tr>";
+  },
+
+  abstractSelect: function(event, method) {
+    var element = this.findClickedElement(event);
+    if (element) {
+      if (Element.hasClassName(element, TimePicker.className.columnDate) ||
+          Element.hasClassName(element, TimePicker.className.columnDateOdd) ||
+          Element.hasClassName(element, TimePicker.className.columnTopDate)) {
+  
+        var date = this.getDate(element);
+        method(date, element);
+      }
+    }
+  },
+
+  toggleDisplayTime: function(event, element) {
+    Event.stop(event);
+    if (this.calendar.options.displayTime == this.calendar.options.oneDay) {
+      this.calendar.options.displayTime = this.calendar.options.standardTime;
+    } else {
+      this.calendar.options.displayTime = this.calendar.options.oneDay;
+    }
+    this.calendar.refresh();
+  },
+
+  findClickedElement: function(event) {
+    var container = $(this.getScheduleContainerId());
+    var position = Position.cumulativeOffset(container);
+    var x = Event.pointerX(event) - position[0];
+    var y = Event.pointerY(event) - position[1];
+    var descendans = this.calendarTable.rows[0].cells[0].getElementsByTagName('div');
+    var height = parseInt(Element.getHeight(container), 10) / descendans.length;
+    var cellIndex = Math.floor(y / height);
+    return descendans[cellIndex];
+  },
+
+  beforeBuild: function() {
+    this.column = {};
+    var rule = CssUtil.getCssRuleBySelectorText('.' + TimePicker.className.columnDate);
+    this.column.height = parseInt(rule.style['height'], 10) + 1;
+  },
+
+  afterBuild: function() {
+    this.calendarTable = $(this.getCalendarTableId());
+    this.setColumnWidth();
+    this.setCover();
+  },
+
+  setEvent: function() {
+    var label = $(this.ids.label);
+    Event.observe(label, 'click', this.toggleDisplayTime.bindAsEventListener(this, label));
+  }
+});

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

@@ -0,0 +1,152 @@
+// Copyright (c) 2006 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 ToolBar = Class.create();
+ToolBar.className = {
+  container : 'toolbar_container',
+  containerLeft : 'toolbar_containerLeft',
+  containerMiddle : 'toolbar_containerMiddle',
+  containerRight : 'toolbar_containerRight', 
+  toolbarItem : 'toolbar_item',
+  toolbarItemHover : 'toolbar_itemHov',
+  toolbarItemPres : 'toolbar_itemPres',
+  toolbarContent : 'toolbar_content',
+  toolbarContentPres: 'toolbar_contentPres'
+}
+
+ToolBar.prototype = {
+
+  initialize: function(element) {
+    var options = Object.extend({
+      cssPrefix : 'custom_'
+    }, arguments[1] || {});
+    
+    this.element = $(element);
+    Element.setStyle(this.element, {visibility: 'hidden'});
+    Element.hide(this.element);
+    this.options = options;
+    
+    var customCss = CssUtil.appendPrefix(this.options.cssPrefix, ToolBar.className);
+    this.classNames = new CssUtil([ToolBar.className, customCss]);
+    
+    this.build();
+    Element.setStyle(this.element, {visibility: 'visible'});
+    Element.show(this.element);
+  },
+  
+  build: function() {
+//    Element.cleanWhitespace(this.element);
+    this.classNames.addClassNames(this.element, 'container');
+    var iconList = this.element.childNodes;    
+    
+    var containerLeft = Builder.node('div');
+    this.classNames.addClassNames(containerLeft, 'containerLeft');
+    
+    this.containerMiddle = Builder.node('div');
+    this.classNames.addClassNames(this.containerMiddle, 'containerMiddle');
+    
+    var containerRight = Builder.node('div');
+    this.classNames.addClassNames(containerRight, 'containerRight');
+    
+    var removeList = [];
+    var toolbar = this; 
+    $A(iconList).each(function(i) {
+      if (i.nodeType != 1) {
+        throw $continue;
+      }
+      toolbar.buildIcon(i);
+    });
+    
+    this.element.appendChild(containerLeft);
+    this.element.appendChild(this.containerMiddle);
+    this.element.appendChild(containerRight);
+  },
+  
+  buildIcon: function(icon) {
+    var toolbarItem = Builder.node('div');
+    this.classNames.addClassNames(toolbarItem, 'toolbarItem');
+    
+    var toolbarContent = Builder.node('div');
+    this.classNames.addClassNames(toolbarContent, 'toolbarContent');
+    
+    toolbarContent.appendChild(icon);
+    toolbarItem.appendChild(toolbarContent);
+    this.containerMiddle.appendChild(toolbarItem);
+    this.setHovEvent(toolbarItem);
+    this.setPresEvent(toolbarItem);
+  },
+  
+  addIcon: function(options) {
+    var iconOptions = Object.extend({
+      id : 'newIcon',
+      src : 'url',
+      alt : 'icon',
+      width: 15,
+      height: 15
+    }, arguments[0] || {});
+    if (!$(iconOptions.id)) {
+      var icon = Builder.node('img', {id: iconOptions.id, src: iconOptions.src, alt: iconOptions.alt, style: 'width: ' + iconOptions.width + 'px; height: ' + iconOptions.height + 'px;'});
+      this.buildIcon(icon);
+    }
+  },
+  
+  removeIcon: function(icon) {
+    var target = $(icon);
+    if (target) {
+      var itemNode = target.parentNode.parentNode;
+      Element.remove(itemNode);
+    } 
+  },    
+
+  addEvent: function(icon, eventName, func) {
+    var target = $(icon);
+    if (target) {
+      var itemNode = target.parentNode.parentNode;
+      Event.observe(itemNode, eventName, func);
+    }
+  },
+  
+  removeEvent: function(icon, eventName, func) {
+    var target = $(icon);
+    if (target) {
+      var itemNode = target.parentNode.parentNode;
+      Event.stopObserving(itemNode, eventName, func);
+    }
+  },
+  setHovEvent: function(element) {
+    Event.observe(element, "mouseout", this.toggleItemClass(element, 'toolbarItem').bindAsEventListener(this));
+    Event.observe(element, "mouseover", this.toggleItemClass(element, 'toolbarItemHover').bindAsEventListener(this));
+    Event.observe(element, "mouseout", this.toggleItemClass(element.childNodes[0], 'toolbarContent').bindAsEventListener(this));
+  },
+  
+  setPresEvent: function(element) {
+    Event.observe(element, "mousedown", this.toggleItemClass(element, 'toolbarItemPres').bindAsEventListener(this));
+    Event.observe(element, "mouseup", this.toggleItemClass(element, 'toolbarItem').bindAsEventListener(this));
+    Event.observe(element, "mousedown", this.toggleItemClass(element.childNodes[0], 'toolbarContentPres').bindAsEventListener(this));
+    Event.observe(element, "mouseup", this.toggleItemClass(element.childNodes[0], 'toolbarContent').bindAsEventListener(this));
+  },
+  
+  toggleItemClass: function(target, className) {
+    return function() {
+      this.classNames.refreshClassNames(target, className);
+    }
+  }
+}