rsence-pre 2.1.0.21 → 2.1.8.0

data/js/controls/imageview/imageview.js

@@ -32,10 +32,13 @@ HImageView = HControl.extend({
   })),
   
   _makeScaleToFit: function(_parentId){
-    this.elemId = ELEM.make(_parentId,'img');
-    ELEM.setAttr(this.elemId,'src',this.getImgSrc());
-    ELEM.setAttr(this.elemId,'alt',this.label);
-    ELEM.setAttr(this.elemId,'title',this.label);
+    this.elemId = ELEM.make( _parentId, 'img', {
+      attrs: [
+        [ 'src',   this.getImgSrc() ],
+        [ 'alt',   this.label ],
+        [ 'title', this.label ]
+      ]
+    } );
   },
   _makeScaleToOriginal: function(_parentId){
     this.elemId = ELEM.make(_parentId,'div');
@@ -58,11 +61,17 @@ HImageView = HControl.extend({
   * 
   **/
   refreshValue: function(){
+    var _src = this.getImgSrc();
     if(this.options.scaleToFit){
-      ELEM.setAttr(this.elemId,'src',this.getImgSrc());
+      if(ELEM.getAttr(this.elemId,'src')!==_src){
+        ELEM.setAttr(this.elemId,'src',_src);
+      }
     }
     else{
-      ELEM.setStyle(this.elemId,'background-image','url('+this.getImgSrc()+')');
+      var _url = 'url('+this.getImgSrc()+')';
+      if(ELEM.getStyle(this.elemId,'background-image') != _url){
+        ELEM.setStyle(this.elemId,'background-image',_url);
+      }
     }
   },
   

data/js/controls/stringview/stringview.js

@@ -22,8 +22,21 @@ HStringView = HControl.extend({
 
   componentName: "stringview",
   
+  defaultEvents: {
+    contextMenu: true
+  },
+  
+/** = Description
+  * HStringView allows the default contextMenu action.
+  *
+  **/
+  contextMenu: function(){
+    return true;
+  },
+  
 /** = Description
-  * setStyle function
+  * The setStyle method of HStringView applies only to the value 
+  * element (not the whole component).
   *
   **/
   setStyle: function(_name, _value, _cacheOverride) {
@@ -35,7 +48,8 @@ HStringView = HControl.extend({
   },
   
 /** = Description
-  * refreshLable function
+  * The refreshLabel of HStringView sets a tool tip.
+  * Applied by the setLabel method and the label attribute of options.
   *
   **/
   refreshLabel: function() {

data/js/controls/textcontrol/textcontrol.js

@@ -22,7 +22,8 @@ HTextControl = HControl.extend({
   componentName: "textcontrol",
   
   defaultEvents: {
-    textEnter: true
+    textEnter: true,
+    contextMenu: true
   },
   
   controlDefaults: (HControlDefaults.extend({
@@ -30,6 +31,13 @@ HTextControl = HControl.extend({
     refreshOnInput: true
   })),
   
+/** = Description
+  * The contextMenu event for text input components is not prevented by default.
+  **/
+  contextMenu: function(){
+    return true;
+  },
+  
 /** = Description
   * The refreshLabel method sets the title property of the text
   * field, essentially creating a tooltip using the label.
@@ -60,7 +68,49 @@ HTextControl = HControl.extend({
 /** This flag is true, when the text input field has focus.
   **/
   hasTextFocus: false,
-
+  
+  _getChangeEventFn: function(){
+    var _this = this;
+    return function(e){
+      _this.setValue(
+        _this.validateText(
+          _this.getTextFieldValue()
+        )
+      );
+      if(e.type === 'paste'){
+        console.log('event: paste, e:', e);
+        if(_this._clipboardPasteTimer){
+          clearTimeout( this._clipboardPasteTimer );
+        }
+        this._clipboardPasteTimer = setTimeout( function(){_this.clipboardPaste();}, 200 );
+      }
+      return true;
+    };
+  },
+  
+  _clipboardPasteTimer: null,
+  clipboardPaste: function(){
+    clearTimeout( this._clipboardPasteTimer ); this._clipboardPasteTimer = null;
+    console.log('paste event, value now:',this.value);
+  },
+  
+  _changeEventFn: null,
+  _clearChangeEventFn: function(){
+    if( this._changeEventFn ){
+      Event.stopObserving( ELEM.get(this.markupElemIds.value), 'change', this._changeEventFn );
+      Event.stopObserving( ELEM.get(this.markupElemIds.value), 'paste', this._changeEventFn );
+      this._changeEventFn = null;
+    }
+  },
+  _setChangeEventFn: function(){
+    if( this._changeEventFn ){
+      this._clearChangeEventFn();
+    }
+    this._changeEventFn = this._getChangeEventFn();
+    Event.observe( ELEM.get(this.markupElemIds.value), 'change', this._changeEventFn );
+    Event.observe( ELEM.get(this.markupElemIds.value), 'paste', this._changeEventFn );
+  },
+  
 /** = Description
   * Special event for text entry components.
   * Called when the input field gains focus.
@@ -68,6 +118,7 @@ HTextControl = HControl.extend({
   **/
   textFocus: function(){
     this.hasTextFocus = true;
+    this._setChangeEventFn();
     return true;
   },
 
@@ -78,6 +129,7 @@ HTextControl = HControl.extend({
   **/
   textBlur: function(){
     this.hasTextFocus = false;
+    this._clearChangeEventFn();
     if(this.options.refreshOnBlur){
       this.refreshValue();
     }
@@ -283,7 +335,8 @@ HNumericTextControl = HTextControl.extend({
   
   defaultEvents: {
     mouseWheel: true,
-    textEnter: true
+    textEnter: true,
+    contextMenu: true
   },
   
 /** Uses the mouseWheel event to step up/down the value.

data/js/core/elem/elem.js

@@ -12,6 +12,12 @@
 var//RSence.Core
 BROWSER_TYPE = {
   
+/* Any browser on Mac OS X */
+  mac: false,
+  
+/* Any browser on Windows */
+  win: false,
+  
 /* Any version of Microsoft Internet Explorer */
   ie: false,
   
@@ -774,7 +780,6 @@ ELEM = {
       _key = _currTodo.pop();
       _val = _attrCache[_key];
       _elem.setAttribute(_key, _val);
-      //_elem[_key]=_val;
     }
   },
   
@@ -827,7 +832,7 @@ ELEM = {
         _attrTodo = _this._attrTodo[_id],
         _attrCache = _this._attrCache[_id],
         _differs = _value !== _this.getAttr(_id, _key);
-    if (_differs) {
+    if (_differs || _bypass) {
       _attrCache[_key] = _value;
       if (_bypass) {
         _this._elements[_id].setAttribute(_key, _value);
@@ -1043,11 +1048,15 @@ ELEM = {
   * +_tagName+::  The tag name of the element.
   *               (Optional, default: 'DIV')
   *
+  * +_options+::  Options to set before appending child to parent.
+  *               Supported option attrs: [[key,value],[key,value]]
+  *               (Optional, rarely necessary except when creating IMG tags)
+  *
   * = Returns
   * The new ELEM ID.
   *
   **/
-  make: function(_targetId, _tagName) {
+  make: function(_targetId, _tagName, _options) {
     if (_targetId === undefined) {
       _targetId = 0;
     }
@@ -1084,9 +1093,22 @@ ELEM = {
       }
     }
     _elem = document.createElement(_tagName);
-    _this._elements[_targetId].appendChild(_elem);
     _id = _this._add(_elem);
     _this._initCache(_id);
+    if(_options!==undefined){
+      if(_options.attrs){
+        var
+        i = 0,
+        _key, _value;
+        for( ; i<_options.attrs.length; i++ ){
+          _key = _options.attrs[i][0];
+          _value = _options.attrs[i][1];
+          _elem[_key] = _value;
+          _this.setAttr( _id, _key, _value );
+        }
+      }
+    }
+    _this._elements[_targetId].appendChild(_elem);
     return _id;
   },
   
@@ -1258,10 +1280,11 @@ ELEM = {
   
   /* Checks browser versions and starts the document load check */
   _warmup: function() {
-    var _this = ELEM,
-        _ua = navigator.userAgent,
-        _isIE = (document.all && (_ua.indexOf("Opera") === -1)),
-        _browserType = BROWSER_TYPE;
+    var
+    _this = ELEM,
+    _ua = navigator.userAgent,
+    _isIE = (document.all && (_ua.indexOf("Opera") === -1)),
+    _browserType = BROWSER_TYPE;
     _browserType.opera    = _ua.indexOf("Opera") !== -1;
     _browserType.safari   = _ua.indexOf("KHTML") !== -1;
     _browserType.symbian  = _ua.indexOf("SymbianOS") !== -1;
@@ -1272,6 +1295,9 @@ ELEM = {
     _browserType.ie8      = _isIE && (_ua.indexOf("MSIE 8") !== -1);
     _browserType.ie9      = _isIE && (_ua.indexOf("MSIE 9") !== -1);
     
+    _browserType.mac      = (_ua.indexOf("Macintosh") !== -1);
+    _browserType.win      = (_ua.indexOf("Windows") !== -1);
+    
     // Experimental; don't treat IE9 as an IE at all.
     // NOTE: IE9 Beta does still not behave like a standard web browser.
     //       It will probably require as much tuning as earlier IE versions.
@@ -1316,9 +1342,9 @@ ELEM = {
       var _ie_script = document.getElementById("__ie_onload");
       _ie_script.onreadystatechange = function() {
         if ((this.readyState === "complete") && true) {
-          clearTimeout(ELEM._domLoadTimer);
-          ELEM._domLoadStatus = true;
-          ELEM._init();
+          clearTimeout(_this._domLoadTimer);
+          _this._domLoadStatus = true;
+          _this._init();
         }
       };
       // the event will trigger on ie, so we don't have to keep on polling:
@@ -1353,7 +1379,7 @@ ELEM = {
       _this._init();
     }
     else {
-      _this._domLoadTimer = setTimeout('ELEM._domWaiter()', _this.ELEMTickerInterval * 10);
+      _this._domLoadTimer = setTimeout(_this._domWaiter, 10 ); // (_this.ELEMTickerInterval * 10));
     }
   }
 };

data/js/datetime/timesheet/timesheet.js

@@ -11,10 +11,41 @@
   ***/
 var//RSence.DateTime
 HTimeSheet = HControl.extend({
+  
   componentName: 'timesheet',
+  
+  /* Default amount of pixels per hour. Override with options when necessary. */
   pxPerHour: 24,
+  
+  /* Default amount of pixels from left. Override with options when necessary. */
   itemOffsetLeft: 36,
+  
+  /* Default amount of pixels from right. Override with options when necessary. */
   itemOffsetRight: 0,
+  
+  defaultEvents: {
+    draggable: true
+  },
+  
+  controlDefaults: HControlDefaults.extend({
+    pxPerHour: null,
+    itemOffsetLeft: null,
+    itemOffsetRight: null,
+    itemMinHeight: 24,
+    newItemLabel: 'New Item',
+    constructor: function(_ctrl){
+      if(this.pxPerHour !== null){
+        _ctrl.pxPerHour = this.pxPerHour;
+      }
+      if(this.itemOffsetLeft !== null){
+        _ctrl.itemOffsetLeft = this.itemOffsetLeft;
+      }
+      if(this.itemOffsetRight !== null){
+        _ctrl.itemOffsetRight = this.itemOffsetRight;
+      }
+    }
+  }),
+  
 /** = Description
   * Redraws the timesheet.
   *
@@ -82,16 +113,7 @@ HTimeSheet = HControl.extend({
     if(origY>maxY){
       origY = maxY;
     }
-    var item = HTimeSheetItem.nu(
-      this.createItemRect(origY,lineHeight),
-      this, {
-        label: 'New Item',
-        events: {
-          draggable: true
-        }
-      }
-    );
-    this.dragItem = item;
+    this.dragItem = this.createTimeSheetItem( { label: this.options.newItemLabel }, origY, lineHeight, 'create' );
   },
   
 /** = Description
@@ -103,9 +125,29 @@ HTimeSheet = HControl.extend({
   *
   **/
   startDrag: function(x,y){
-    this.createItem(y-this.pageY());
-    EVENT.startDragging( this.dragItem );
+    this._startDragTime = new Date().getTime();
+    this._startDragCoords = [x,y];
+    return true;
   },
+  
+  drag: function(x,y){
+    if(((new Date().getTime()) - this._startDragTime) < 200){
+      // only create when 200 ms has elapsed to enable clicking
+      return true;
+    }
+    if(this._startDragCoords[0]!==x && this._startDragCoords[1]!==y){
+      this.createItem(this._startDragCoords[1]-this.pageY());
+      EVENT.startDragging( this.dragItem );
+      return true;
+    }
+  },
+  
+  click: function(x,y){
+    // deactivate all items
+    EVENT.changeActiveControl(this);
+    return true;
+  },
+  
   listItemViews: false,
   
 /** = Description
@@ -128,10 +170,13 @@ HTimeSheet = HControl.extend({
   *
   **/
   createItemRect: function(_origY, _lineHeight){
-    var _left = this.itemOffsetLeft,
-        _top = _origY,
-        _right = this.rect.width - this.itemOffsetRight,
-        _bottom = _origY + _lineHeight;
+    var _left = this.itemOffsetLeft+1,
+        _top = _origY+1,
+        _right = this.rect.width - this.itemOffsetRight - 1,
+        _bottom = _origY + _lineHeight - 2;
+    if( (_top - _bottom) < this.options.itemMinHeight ){
+      _bottom = _top + this.options.itemMinHeight;
+    }
     return HRect.nu( _left, _top, _right, _bottom );
   },
 
@@ -144,40 +189,104 @@ HTimeSheet = HControl.extend({
     this.base();
   },
   
+/** = Description
+  * Returns a new time sheet item control. By default returns an instance
+  * of HTimeSheetItem. Extend to use custom time sheet controls customized
+  * for application specific purposes.
+  *
+  * = Parameters
+  * *_value*::      A value object for the item.
+  * *_top*::        Top position, 0 by default.
+  * *_height*::     Height, same as half of +#pxPerHour+ by default.
+  * *_drogMode*::   Dragging mode. 'normal' or 'create'. Is 'normal' by default.
+  *
+  **/
+  createTimeSheetItem: function( _value, _top, _height, _dragMode ) {
+    if(_dragMode===undefined){
+      _dragMode = 'normal';
+    }
+    if(_top===undefined){
+      _top = 0;
+    }
+    if(_height===undefined){
+      _height = Math.round(this.pxPerHour/2);
+    }
+    var
+    _label = _value['label'],
+    _item = HTimeSheetItem.nu(
+      this.createItemRect( _top, _height ),
+      this, {
+        label: _label,
+        value: _value,
+        events: {
+          draggable: true
+        }
+      }
+    );
+    _item.dragMode = _dragMode;    
+    return _item;
+  },
+  
 /** = Description
   * Redraws and refreshes the values on timesheet.
   *
   **/
   refreshValue: function(){
-    var _data = this.value, i;
+    var
+    _data = this.value,
+    i;
     if(this.listItemViews === false){
       this.listItemViews = [];
     }
-    if(this.listItemViews.length !== 0){
+    else if(this.listItemViews.length > 0){
       for( i=0; i<this.listItemViews.length; i++){
         this.listItemViews[i].die();
       }
       this.listItemViews = [];
     }
-    if(_data instanceof Array){
-      var _value, _label, _item;
+    if(_data instanceof Array && _data.length > 0){
+      var
+      _value,
+      _item;
       for( i=0; i<_data.length; i++){
         _value = _data[i];
-        _label = _value['label'];
-        _item = HTimeSheetItem.nu(
-          this.createItemRect( 0, 12 ),
-          this, {
-            label: _label,
-            value: _value,
-            events: {
-              draggable: true
-            }
-          }
-        );
-        _item.dragMode = 'normal';
+        _item = this.createTimeSheetItem( _value );
         this.listItemViews.push( _item );
       }
     }
+    var
+    _overlaps = [],
+    j;
+    for(i=0;i<this.listItemViews.length;i++){
+      for(j=0;j<this.listItemViews.length;j++){
+        if((i !== j) && (_overlaps.indexOf(i)===-1) && (_overlaps.indexOf(j)===-1)){
+          if(this.listItemViews[i].rect.intersects(this.listItemViews[j].rect)){
+            _overlaps.push(i);
+          }
+        }
+      }
+    }
+    var
+    _overlapCount = _overlaps.length+1,
+    _overlapLefts = {},
+    _itemWidth = ( this.rect.width - this.itemOffsetRight - this.itemOffsetLeft ),
+    _width = Math.floor( _itemWidth / _overlapCount),
+    _left = this.itemOffsetLeft;
+    for(j=0;j<_overlapCount;j++){
+      _overlapLefts[_overlaps[j]] = _left + (j*_width) + _width;
+    }
+    for(i=0;i<this.listItemViews.length;i++){
+      if(_overlaps.indexOf(i)===-1){
+        this.listItemViews[i].rect.setLeft(_left);
+      }
+      else {
+        this.listItemViews[i].rect.setLeft(_overlapLefts[i]);
+      }
+      this.listItemViews[i].rect.setWidth(_width);
+    }
+    for(i=0;i<this.listItemViews.length;i++){
+      this.listItemViews[i].drawRect();
+    }
   }
 });
 

data/js/datetime/timesheet_item/timesheet_item.js

@@ -11,11 +11,31 @@
   ***/
 var//RSence.DateTime
 HTimeSheetItem = HControl.extend({
+  
   componentName: 'timesheet_item',
+  
+  /* Which mode the component is in. When created by dragging, acts in 'create' mode, otherwise is 'normal'. Can be overridden in options. */
   dragMode: 'create',
+  
+  /* The previous coordinate. Used to detect double-drag as double-click */
   prevXY: [0,0],
+  
+  /* The time at the previous coordinate. Used to detect double-drag as double-click. */
   prevXYTime: 0,
   
+  defaultEvents: {
+    draggable: true,
+    click: true,
+    doubleClick: true
+  },
+  
+  controlDefaults: HControlDefaults.extend({
+    dragMode: 'create',
+    constructor: function(_ctrl){
+      _ctrl.dragMode = this.dragMode;
+    }
+  }),
+  
 /** = Description
   * Dragging is used to change coordinates.
   *
@@ -31,13 +51,8 @@ HTimeSheetItem = HControl.extend({
           _xEquals = (Math.round(this.prevXY[0]/4) === Math.round(x/4)),
           _yEquals = (Math.round(this.prevXY[1]/4) === Math.round(y/4)),
           _noTimeout = ((_timeNow - this.prevXYTime) < 500);
-      if( _xEquals && _yEquals && _noTimeout ) {
-        if( this.parent['editor'] ){
-          var _editor = this.parent.editor;
-          _editor.setTimeSheetItem(this);
-          _editor.bringToFront();
-          _editor.show();
-        }
+      if( _xEquals && _yEquals && _noTimeout ) { // doubleClick
+        return true;
       }
       else {
         var _diffTop = this.rect.top - this.origY,
@@ -60,6 +75,17 @@ HTimeSheetItem = HControl.extend({
     return true;
   },
   
+  doubleClick: function(x,y){
+    if( this.parent['editor'] ){
+      var _editor = this.parent.editor;
+      _editor.setTimeSheetItem(this);
+      _editor.bringToFront();
+      _editor.show();
+      return true;
+    }
+    return false;
+  },
+  
 /** = Description
   * Label setter function.
   *
@@ -203,23 +229,27 @@ HTimeSheetItem = HControl.extend({
   *
   **/
   endDrag: function(x,y){
-    var _pxPerHour = Math.floor(this.parent.pxPerHour),
-        _value;
+    var
+    _pxPerHour = Math.floor(this.parent.pxPerHour),
+    _value,
+    _yEquals = (Math.round(this.prevXY[1]/4) === Math.round(y/4));
+    if(_yEquals){ // nothing moved, just return.
+      return true;
+    }
     if(this.dragMode === 'create'){
       this.parent.listItemViews.push( this );
-      _value = {
-        'timeBegin': this.rect.top/_pxPerHour,
-        'timeEnd': this.rect.bottom/_pxPerHour,
-        'label': this.label
-      };
+      _value = {};
+      this._setValueTop( _value );
+      this._setValueBottom( _value );
+      this._setValueLabel( _value );
       if(this.parent['editor']){
         this.parent.editor.createItem( _value );
       }
     }
     else {
       _value = COMM.Values.clone( this.value );
-      _value['timeBegin'] = this.rect.top/_pxPerHour;
-      _value['timeEnd'] = this.rect.bottom/_pxPerHour;
+      this._setValueTop( _value );
+      this._setValueBottom( _value );
       if(this.parent['editor']){
         this.parent.editor.modifyItem( _value );
       }
@@ -229,17 +259,47 @@ HTimeSheetItem = HControl.extend({
     return true;
   },
   
+  _setValueTop: function( _value ) {
+    _value['timeBegin'] = this.rect.top/this.parent.pxPerHour;
+  },
+  
+  _setValueBottom: function( _value ) {
+    _value['timeEnd'] = this.rect.bottom/this.parent.pxPerHour;
+  },
+  
+  _setValueLabel: function( _value ) {
+    _value['label'] = this.label;
+  },
+  
+  _getValueLabel: function( _value ){
+    return _value.label;
+  },
+  
+  _getValueTop: function( _value ){
+    return (_value.timeBegin * this.parent.pxPerHour)+1;
+  },
+  
+  _getValueBottom: function( _value ){
+    return (_value.timeEnd * this.parent.pxPerHour)-2;
+  },
+  
 /** = Description
   * Refreshes the object's label and place on the HTimeSheet.
   *
   **/
   refreshValue: function(){
-    var _value = this.value,
-        _pxPerHour = this.parent.pxPerHour;
-    if((_value instanceof Object) && !(_value instanceof Array)){
-      this.setLabel( _value['label'] );
-      this.rect.setTop( _value['timeBegin'] * _pxPerHour );
-      this.rect.setBottom( _value['timeEnd'] * _pxPerHour );
+    if ( HVM.type(this.value) === 'h' ){
+      var
+      _label  = this._getValueLabel( this.value ),
+      _top    = this._getValueTop( this.value ),
+      _bottom = this._getValueBottom( this.value ),
+      _minHeight = this.parent.options.itemMinHeight;
+      this.setLabel( _label );
+      if( (_bottom - _top) < _minHeight ){
+        _bottom = _top + _minHeight;
+      }
+      this.rect.setTop( _top );
+      this.rect.setBottom( _bottom );
       this.drawRect();
     }
   }

data/js/foundation/application/application.js

@@ -187,10 +187,16 @@ HApplication = HClass.extend({
   * resistant. Do not extend.
   **/
   _startIdle: function(){
-    HSystem.busyApps[ this.appId ] = true;
-    this.onIdle();
-    this._pollViews();
-    HSystem.busyApps[ this.appId ] = false;
+    var _this = this;
+    HSystem.busyApps[ _this.appId ] = true;
+    this._busyTimer = setTimeout(
+      function(){
+        _this.onIdle();
+        _this._pollViews();
+        HSystem.busyApps[ _this.appId ] = false;
+      },
+      10
+    );
   },
   
 /** = Description