rsence-pre 3.0.0.8 → 3.0.0.9

data/client/js/datetime/timepicker/timepicker.coffee

@@ -1,7 +1,12 @@
 HTimePicker = HDatePicker.extend
   controlDefaults: HDatePicker.prototype.controlDefaults.extend
-    fieldFormat: 'HH:mm:ss'
+    fieldFormat: null
     refreshAfter: 3
     preserveTime: false
     preserveDate: true
     calendarPicker: false
+    scrollUnit: 'minutes'
+  customOptions: (_options)->
+    _options.fieldFormat = HLocale.dateTime.strings.timeFormat if _options.fieldFormat == null
+    @base(_options)
+    _options.calendarPicker = false # always enforce the picker false on HTimePicker

data/client/js/datetime/timesheet/timesheet.js

@@ -8,22 +8,21 @@ HLocale.components.HTimeSheet = {
 
 var//RSence.DateTime
 HTimeSheet = HControl.extend({
-  
+
   debug: false,
-  
-  localeStrings: HLocale.components.HTimeSheet.strings,
+
   componentName: 'timesheet',
   markupElemNames: [
     'label', 'value', 'timeline'
   ],
-  
+
   defaultEvents: {
     draggable: true,
     click: true,
     doubleClick: true,
     resize: true
   },
-  
+
   controlDefaults: HControlDefaults.extend({
     timeStart: 0,      // 1970-01-01 00:00:00
     timeEnd:   86399,  // 1970-01-01 23:59:59
@@ -44,35 +43,40 @@ HTimeSheet = HControl.extend({
     allowDoubleClickCreate: true,
     minDragSize: 5,       // minimum amount of pixels dragged required for accepting a drag
     hourOffsetTop: -4,    // Theme settings; don't enter in options
-    constructor: function( _ctrl ){
-      if( this.defaultLabel === undefined ){
-        this.defaultLabel = _ctrl.localeStrings.newItemLabel;
-      }
+    dummyValue: {
+      label: '',
+      start: 0,
+      color: '#000000'
     }
   }),
-  
+
+  customOptions: function( _options ){
+    this.localeStrings = HLocale.components.HTimeSheet.strings;
+    if( _options.defaultLabel === undefined ){ _options.defaultLabel = this.localeStrings.newItemLabel; }
+  },
+
   themeSettings: function( _itemOffsetLeft, _itemOffsetTop, _itemOffsetRight, _itemOffsetBottom, _hourOffsetTop ){
     if( this.options.hideHours ){
       ELEM.addClassName( this.elemId, 'nohours' );
       this.options.itemOffsetLeft = 0;
     }
     else if( _itemOffsetLeft !== undefined ) {
-      this.options.itemOffsetLeft = _itemOffsetLeft;      
+      this.options.itemOffsetLeft = _itemOffsetLeft;
     }
     if( _itemOffsetTop !== undefined ) {
-      this.options.itemOffsetTop = _itemOffsetTop;      
+      this.options.itemOffsetTop = _itemOffsetTop;
     }
     if( _itemOffsetRight !== undefined ) {
-      this.options.itemOffsetRight = _itemOffsetRight;      
+      this.options.itemOffsetRight = _itemOffsetRight;
     }
     if( _itemOffsetBottom !== undefined ) {
-      this.options.itemOffsetBottom = _itemOffsetBottom;      
+      this.options.itemOffsetBottom = _itemOffsetBottom;
     }
     if( _hourOffsetTop !== undefined ) {
-      this.options.hourOffsetTop = _hourOffsetTop;      
+      this.options.hourOffsetTop = _hourOffsetTop;
     }
   },
-  
+
   autoLabel: function(){
     var
     _locale = HLocale.dateTime,
@@ -82,15 +86,15 @@ HTimeSheet = HControl.extend({
       this.refreshLabel();
     }
   },
-  
+
   clearHours: function(){
     for( var i = 0; i < this.hourItems.length; i++ ){
       ELEM.del( this.hourItems[i] );
     }
   },
-  
+
   drawHours: function(){
-    
+
     var
     _parentElemId = this.markupElemIds.timeline,
     _dateStart  = new Date( this.options.timeStart * 1000 ),
@@ -114,11 +118,11 @@ HTimeSheet = HControl.extend({
     _pxPerNotch = _pxPerHour / _notchesPerHour,
     _notchItem,
     _notchTop;
-    
+
     ELEM.setStyle( _parentElemId, 'visibility', 'hidden', true );
-    
+
     ELEM.setStyle( this.markupElemIds.value, 'bottom', _bottomPos+'px' );
-    
+
     if( this['hourItems'] !== undefined ){
       this.clearHours();
     }
@@ -152,11 +156,11 @@ HTimeSheet = HControl.extend({
         this.hourItems.push( _notchItem );
       }
     }
-    
+
     ELEM.setStyle( this.markupElemIds.timeline, 'visibility', 'inherit' );
-    
+
   },
-  
+
   // extra hook for refreshing; updates label and hours before doing common things
   refresh: function(){
     if( this.drawn ){
@@ -167,25 +171,25 @@ HTimeSheet = HControl.extend({
     }
     this.base();
   },
-  
+
   // set the timezone offset (in seconds)
   setTzOffset: function( _tzOffset ){
     this.options.tzOffset = _tzOffset;
     this.refresh();
   },
-  
+
   // set the start timestamp of the timesheet
   setTimeStart: function( _timeStart ){
     this.options.timeStart = _timeStart;
     this.refresh();
   },
-  
+
   // set the end timestamp of the timesheet
   setTimeEnd: function( _timeEnd ){
     this.options.timeEnd = _timeEnd;
     this.refresh();
   },
-  
+
   // sets the range of timestams of the timesheet
   setTimeRange: function( _timeRange ){
     if( (_timeRange instanceof Array) && (_timeRange.length === 2) ){
@@ -201,7 +205,7 @@ HTimeSheet = HControl.extend({
       this.setTimeEnd(   _timeRange.timeEnd   );
     }
   },
-  
+
   // sets the timestamp of the timesheet
   setDate: function( _date ){
     var
@@ -213,21 +217,15 @@ HTimeSheet = HControl.extend({
     this.setTimeRange( _newTimeRange );
     this.refresh();
   },
-  
+
   // draw decorations
   drawSubviews: function(){
     this.drawHours();
     var
     _options = this.options,
     _minDuration = Math.round(3600/_options.notchesPerHour),
-    _dummyValue = {
-      // id: 'new',
-      label: '',
-      start: 0,
-      duration: _minDuration,
-      // locked: false,
-      color: '#cc0000'
-    };
+    _dummyValue = HVM.clone( this.options.dummyValue );
+    _dummyValue['duration'] = _minDuration;
     this.dragPreviewRect = this.rectFromValue({start:_options.timeStart,duration:_minDuration});
     this.minDuration = _minDuration;
     this.dragPreview = HTimeSheetItem.nu(
@@ -241,7 +239,7 @@ HTimeSheet = HControl.extend({
     );
     this.dragPreview.setStyleOfPart('state','color','#fff');
   },
-  
+
   // event listener for clicks, simulates double clicks in case of not double click aware browser
   click: function( x, y, b ){
     var
@@ -283,7 +281,7 @@ HTimeSheet = HControl.extend({
       this.prevClickTime = false;
     }
   },
-  
+
   // creates an item on click
   clickCreate: function(x,y){
     var
@@ -299,7 +297,7 @@ HTimeSheet = HControl.extend({
       this.dragPreview.hide();
     }
   },
-  
+
   // event listener for double clicks
   doubleClick: function(x,y){
     this.prevClickTime = false;
@@ -320,7 +318,7 @@ HTimeSheet = HControl.extend({
     }
     this.doubleClickSimCreated = false;
   },
-  
+
   // update the preview area
   refreshDragPreview: function( _startTime, _endTime ){
     this.dragPreviewRect.setTop( this.timeToPx( _startTime, true ) );
@@ -333,7 +331,7 @@ HTimeSheet = HControl.extend({
     this.dragPreview.value.duration = _endTime - _startTime;
     this.dragPreview.refreshValue();
   },
-  
+
   // drag & drop event listeners, used for dragging new timesheet items
   startDrag: function( x, y, b ){
     // console.log('st');
@@ -344,7 +342,7 @@ HTimeSheet = HControl.extend({
     this.dragPreview.show();
     return true;
   },
-  
+
   drag: function( x, y, b ){
     // console.log('dr');
     var
@@ -362,7 +360,7 @@ HTimeSheet = HControl.extend({
     this.refreshDragPreview( _startTime, _endTime );
     return true;
   },
-  
+
   endDrag: function( x, y, b ){
     // console.log('ed');
     var
@@ -392,7 +390,7 @@ HTimeSheet = HControl.extend({
     }
     return false;
   },
-  
+
   // a resize triggers refresh, of which the important part is refreshValue, which triggers redraw of the time sheet items
   resize: function(){
     this.base();
@@ -437,12 +435,12 @@ HTimeSheet = HControl.extend({
     }
     return false;
   },
-  
+
 /** = Description
   * Sets the editor given as parameter as the editor of instance.
   *
   * = Parameters
-  * +_editor+:: 
+  * +_editor+::
   *
   **/
   setEditor: function( _editor ){
@@ -458,7 +456,7 @@ HTimeSheet = HControl.extend({
     this.editor = null;
     this.base();
   },
-  
+
   // converts pixels to time
   pxToTime: function( _px, _noSnap ){
     var
@@ -487,23 +485,23 @@ HTimeSheet = HControl.extend({
 
   // converts time to pixels
   timeToPx: function( _time, _snap ){
-    
+
     if( _snap ){
       _time = this.snapTime( _time );
     }
-    
+
     var
     _options = this.options,
     _timeStart = _options.timeStart,
     _timeEnd   = _options.timeEnd;
-    
+
     if( _time < _timeStart ){
       _time = _timeStart;
     }
     if( _time > _timeEnd ){
       _time = _timeEnd;
     }
-    
+
     var
     _timeRange = _timeEnd - _timeStart,
     _itemOptions = this.itemOptions,
@@ -567,7 +565,7 @@ HTimeSheet = HControl.extend({
 
   // calls createTimeSheetItem with each value of the timesheet value array
   drawTimeSheetItems: function(){
-    
+
     var
     _data = this.value,
     i = 0,
@@ -635,11 +633,11 @@ HTimeSheet = HControl.extend({
     _overlaps = [],
     _testRects = this._getTestRects( _items ),
     i,j;
-    
+
     for( i = 0; i < _items.length; i++){
       _overlaps[i] = 0;
     }
-    
+
     for( i = 0; i < _items.length - 1; i++ ){
       for( j = i + 1; j < _items.length; j++ ){
         if( _items[i].rect.intersects( _testRects[j] ) ){
@@ -650,7 +648,7 @@ HTimeSheet = HControl.extend({
     }
     return Math.max.apply( Math, _overlaps );
   },
-  
+
   _getTestRects: function( _items ){
     var _rects = [];
     for( var i = 0; i < _items.length; i++){
@@ -708,7 +706,7 @@ HTimeSheet = HControl.extend({
     _colWidth,
     _overlaps,
     _testRects;
-    
+
     // No overlapping; nothing to do
     if( _overlapCount === 0 ){
       return false;
@@ -832,7 +830,7 @@ but not used and not guaranteed to be preserved:
   *
   **/
   refreshValue: function(){
-    
+
     if(!this.itemOptions){
       return;
     }
@@ -850,5 +848,5 @@ but not used and not guaranteed to be preserved:
       this.drawTimeline();
     }
   }
-  
+
 });

data/client/js/foundation/control/control.js

@@ -1,9 +1,9 @@
 
 /** = Description
-  * The foundation class for all active visual components that 
+  * The foundation class for all active visual components that
   * implement events and values.
-  * 
-  * Extend +HControl+ to suit your needs. See any component 
+  *
+  * Extend +HControl+ to suit your needs. See any component
   * for extension reference.
   *
   **/
@@ -11,55 +11,55 @@ var//RSence.Foundation
 HControl = HView.extend({
 
   isCtrl: true,
-  
+
 /** A flag: when true, calls the +refreshValue+ method whenever
   * +self.value+ is changed.
   **/
   refreshOnValueChange: true,
-  
+
 /** The event object structure that specifies which events to listen to.
   **/
   events: null,
-  
+
 /** The enabled/disabled flag. See setEnabled.
   **/
   enabled: null,
-  
+
 /** The current value of a component. See setValue.
   **/
   value: null,
-  
+
 /** The current HValue compatible object. Do not set directly.
   * Holds reference to the bound HValue instance.
   * Set with HValue.bind.
   **/
   valueObj: null,
-  
+
 /** The minimum numeric value allowed, when the component
   * utilizes value ranges. See setValueRange
   **/
   minValue: null,
-  
+
 /** The maximum allowed value, when the component
   * utilizes value ranges. See setValueRange
   **/
   maxValue: null,
-  
-/** A boolean value that shows whether this control is currently 
+
+/** A boolean value that shows whether this control is currently
   * active or not. Control gets active when the user clicks on it.
   **/
   active: null,
-  
+
 /** -- Use this object to specify class-specific default settings. ++
   * The controlDefaults is a HControlDefaults object that is extended
   * in the constructor with the options block given. The format of
   * it is an Object.
   **/
   controlDefaults: HControlDefaults,
-  
+
 /** = Description
-  * The constructor of HControl implements the same model as HView, 
-  * but accepts a third parameter: the options object, that contain 
+  * The constructor of HControl implements the same model as HView,
+  * but accepts a third parameter: the options object, that contain
   * optional properties, like the value and events.
   *
   * = Parameters
@@ -82,7 +82,7 @@ HControl = HView.extend({
   * points, like: +( left, top, right, bottom )+.
   * Arrays with 6 items are a bit more complex (and powerful) as they can specify
   * the flexible offsets too.
-  * 
+  *
   * === The array indexes for a +_rect+ configured as an 4-item array:
   * Always left/top aligned, all items must be specified.
   * Index::            Description
@@ -177,13 +177,13 @@ HControl = HView.extend({
   * +enabled+::   A Boolean value defining the initial enabled -state
   *               of the component. Set to false to initially disable the
   *               component. See setEnabled
-  * +active+::    A Boolean value defining the initial active (clicked 
+  * +active+::    A Boolean value defining the initial active (clicked
   *               or focused) state of the component.
   * +minValue+::  A Number for components utilizing value ranges.
   *               See setValueRange
   * +maxValue+::  A Number for components utilizing value ranges.
   *               See setValueRange
-  * 
+  *
   *
   **/
   constructor: function(_rect, _parent, _options) {
@@ -191,9 +191,9 @@ HControl = HView.extend({
       _options = {};
     }
     var _this = this;
-    
-    _options = (_this.controlDefaults.extend(_options)).nu(this);
-    
+
+    _options = (_this.controlDefaults.extend(_options)).nu(_this);
+
     if(_this.isinherited) {
       _this.base(_rect, _parent, _options);
     }
@@ -202,18 +202,18 @@ HControl = HView.extend({
       _this.base(_rect, _parent, _options);
       _this.isinherited = false;
     }
-    
+
     var _isValueRange = (_options.minValue || _options.maxValue),
         _events = _options.events;
-    
+
     if(_isValueRange) {
       _this.minValue = _options.minValue;
       _this.maxValue = _options.maxValue;
     }
-    
+
     _this.setEvents(_events);
     _this.setEnabled(_options.enabled);
-    
+
     // The traditional HValue instance to pass in options to be bound:
     if(_options.valueObj){
       _options.valueObj.bind(_this);
@@ -240,20 +240,21 @@ HControl = HView.extend({
     if(!_this.valueObj) {
       _this.valueObj = HDummyValue.nu();
     }
-    
+
     if((_this.value===null)&&(_options.value!==undefined)) {
       _this.setValue(_options.value);
     }
     if(_isValueRange) {
       _this.setValueRange(this.value, _options.minValue, _options.maxValue);
     }
-    if(!_this.isinherited) {
+    if(!this.isinherited && this.options.autoDraw) {
+      var _time = new Date().getTime();
       _this.draw();
     }
   },
-  
+
 /** = Description
-  * The destructor of +HControl+ instances. 
+  * The destructor of +HControl+ instances.
   * Releases events and values before passing through to the base HView.die.
   * Extend it, you you allocate new instance members that need to be
   * deallocated upon destruction.
@@ -268,13 +269,13 @@ HControl = HView.extend({
     EVENT.unreg(_this);
     _this.base();
   },
-  
+
 /** = Description
   * Assigns the object a new value range. Used for sliders, steppers etc. Calls
   * setValue with the value given.
   *
   * = Parameters
-  * +_value+::    The new value to be set to the component's 
+  * +_value+::    The new value to be set to the component's
   *               HValue compatible instance.
   *
   * +_minValue+:: The new minimum value limit. See minValue.
@@ -295,7 +296,7 @@ HControl = HView.extend({
     }
     return this;
   },
-  
+
 /** = Description
   * Called when the +self.value+ has been changed. By default
   * tries to update the value element defined in the theme of
@@ -314,14 +315,14 @@ HControl = HView.extend({
     }
     return this;
   },
-  
+
 /** = Description
   * Called mostly internally whenever a property change requires usually visual
-  * action. It's called by methods like setLabel and setValue. 
-  * Extends HView.refresh. The boolean properties refreshOnValueChange and 
-  * refreshOnLabelChange control whether refreshValue or refreshLabel 
-  * should be called. It's used as-is in most components. If you implement 
-  * your class extension with properties similar to value or label, 
+  * action. It's called by methods like setLabel and setValue.
+  * Extends HView.refresh. The boolean properties refreshOnValueChange and
+  * refreshOnLabelChange control whether refreshValue or refreshLabel
+  * should be called. It's used as-is in most components. If you implement
+  * your class extension with properties similar to value or label,
   * you are advised to extend the refresh method.
   *
   * = Returns
@@ -340,19 +341,19 @@ HControl = HView.extend({
 },
 
 {
-  
+
   // The CSS class name to set when the component is disabled
   CSS_DISABLED: "disabled",
-  
+
   // The CSS class name to set when the component is selected
   CSS_SELECTED: "selected",
-  
+
   // The CSS class name to set when the component is enabled
   CSS_ENABLED:  "enabled",
-  
+
   // The CSS class name to set when the component is active (clicked/focused)
   CSS_ACTIVE:   "active"
-  
+
 });
 
 HControl.implement( HValueResponder );

data/client/js/foundation/control/controldefaults/controldefaults.js

@@ -5,7 +5,11 @@
   ***/
 var//RSence.Foundation
 HControlDefaults = HClass.extend({
-  
+
+/** Whether or not to draw when constructed.
+  */
+  autoDraw: true,
+
 /** The default label. A label is the "visual value" of a component that
   * operates on a "hidden" value.
   **/
@@ -14,36 +18,36 @@ HControlDefaults = HClass.extend({
 /** The default initial visibility of the component.
   **/
   visible:  true,
-  
+
 /** The default initial event responders to register to a component.
   * By default no events are enabled.
   **/
   events:   null,
-  
+
   constructor: function(){
     if(!this.events){
       this.events = {};
     }
   },
-  
+
 /** The default initial value of the component.
   **/
   value:    0,
-  
+
 /** The default initial enabled state of the component.
   **/
   enabled:  true,
-  
+
 /** The default initial active state of the component.
   **/
   active:   false,
-  
+
 /** The default initial minimum value of the component.
   **/
   minValue: -2147483648,
-  
+
 /** The default initial maximum value of the component.
   **/
   maxValue:  2147483648
-  
+
 });