rsence-pre 2.1.8.1 → 2.2.0.0

data/INSTALL.rdoc

@@ -84,7 +84,7 @@ Replace the +\my_projects+ path with the path to the directory where you want to
   * Using just defaults, the following URL should work: http://127.0.0.1:8001
 
 ==== Windows limitations
-If you install the sqlite dll and the sqlite3-ruby gem, you'll gain persistent sessions and this warning message will disappear:
+If you install the sqlite dll and the sqlite3 gem, you'll gain persistent sessions and this warning message will disappear:
 `Warning: Session database is not available. Can't use persistent sessions`
 
 It's not a dependency in the default install, because it's not strictly required and makes the first installation much easier. Also, you can use any other database supported by Sequel instead of Sqlite.
@@ -132,12 +132,12 @@ This not only enables SessionStorage (persistent sessions between RSence restart
 * *randgen*:: C-optimized random string generator developed for RSence specifically
 * *jsmin_c*:: C-optimized Javascript whitespace removal library; Ruby wrapper developed for RSence specifically; based on the original JSMin[http://www.crockford.com/javascript/jsmin.html]
 * *jscompress*:: C-optimized Javascript compression and obfuscation library developed for RSence specifically
-* *html_min*:: C-optimized HTML whitespace removal library developed for RSence specfically
+* *html_min*:: C-optimized HTML whitespace removal library developed for RSence specifically
 * *cssmin*:: CSS whitespace removal library
 * *sequel*[http://sequel.rubyforge.org/]
   * Generic SQL database ORM
   * A Sequel driver for your preferred database is also needed:
-    * *sqlite3-ruby*:: SQLite[http://www.sqlite.org] is a light-weight SQL library. Recommended for development and small projects.
+    * *sqlite3*:: SQLite[http://www.sqlite.org] is a light-weight SQL library. Recommended for development and small projects.
     * Other database adapters compatible with Sequel are fine. Just configure RSence accordingly.
 * *highline*:: Console-based menu prompt system by the init command.
 * rmagick

data/README.rdoc

@@ -5,7 +5,7 @@
 
 RSence is a RIA framework designed for responsive GUI applications on the web; it's implemented as a hybrid Ruby - Javascript system. The server is written in Ruby and C. Applications are installed as plugin bundles. The GUI framework is written in Javascript; it doesn't strictly require the server, but has extensive transport support with automatic data synchronization with the server. User interfaces are usually described in structured view trees represented by YAML data structures, which are automatically converted for rendering in the client. 
 
-Javascript knowledge is required only when creating custom client-driven functionality; basic understanding of the YAML GUITree structures is enough in most cases. Likewise, no prior Ruby knowledge is needed if you want to create stand-alone Javascript applitations. Javascript component themes are easily created with just basic web designer skills. Data API's are easy to link no matter what language is used to create them. Skills in your organization are easily combined for various parts of larger applications.
+Javascript knowledge is required only when creating custom client-driven functionality; basic understanding of the YAML GUITree structures is enough in most cases. Likewise, no prior Ruby knowledge is needed if you want to create stand-alone Javascript applications. Javascript component themes are easily created with just basic web designer skills. Data API's are easy to link no matter what language is used to create them. Skills in your organization are easily combined for various parts of larger applications.
 
 RSence is not primarily targeted as an engine for plain old html web sites, there are plenty of other tools for that purpose and RSence is easily integrated with them in various ways.
 
@@ -17,7 +17,7 @@ Just run this command in the shell, if you have ruby installed. Otherwise, read
 
 == Initializing a new project
 
-The +init+ command will cretate a directory called `env_dir` in this example. It asks a few questions about the environment. Use a path and project name that matches your purposes.
+The +init+ command will create a directory called `env_dir` in this example. It asks a few questions about the environment. Use a path and project name that matches your purposes.
  rsence init /home/me/rsence_projects/env_dir
 
 
@@ -89,8 +89,8 @@ For more detailed installation and usage instructions, read the {file:INSTALL In
 
 === The bleeding edge (for developers)
 RSence comes in two varieties:
-1. rsence : The stable (no major new featuers, just bugfixes) release.
-2. rsence-pre : The active development snaphot released periodically.
+1. rsence : The stable (no major new features, just bug fixes) release.
+2. rsence-pre : The active development snapshot released periodically.
 
 Both varieties can be installed simultaneously and it's suggested to use
 the stable "rsence" package for production installations and to use the

data/VERSION

@@ -1 +1 @@
-2.1.8.1.pre
+2.2.0.0.pre

data/conf/default_conf.yaml

@@ -198,7 +198,9 @@
   
         # RSence.*
         - rsence_ns
-  
+        
+        - locale_settings    # HLocaleSettings
+        
         # RSence.Core
         - class             # HClass
         - elem              # ELEM
@@ -237,6 +239,7 @@
         - eventmanager      # EVENT
         - controldefaults   # HControlDefaults
         - control           # HControl
+        - valueaction       # HValueAction
         - dyncontrol        # HDynControl
         - centerview        # HCenterView
         - scrollview        # HScrollView

data/js/comm/sessionwatcher/sessionwatcher.js

@@ -38,8 +38,9 @@ COMM.SessionWatcher = HApplication.extend({
   
   // Tells the server the client's current time
   onIdle: function(){
-    if((new Date().getTime() - this.sesTimeoutValue.value) > this.timeoutSecs ){
-      this.sesTimeoutValue.set( new Date().getTime() );
+    var now = new Date().getTime();
+    if((now - this.sesTimeoutValue.value) > this.timeoutSecs ){
+      this.sesTimeoutValue.set( now );
     }
   }
 });

data/js/controls/textcontrol/textcontrol.js

@@ -28,9 +28,20 @@ HTextControl = HControl.extend({
   
   controlDefaults: (HControlDefaults.extend({
     refreshOnBlur: true,
-    refreshOnInput: true
+    refreshOnInput: true,
+    focusOnCreate: false
   })),
   
+  drawSubviews: function(){
+    this.base();
+    if(this.options.focusOnCreate){
+      this.getInputElement().focus();
+      if( typeof this.value === 'string' ){
+        this.setSelectionRange( this.value.length, this.value.length );
+      }
+    }
+  },
+  
 /** = Description
   * The contextMenu event for text input components is not prevented by default.
   **/
@@ -72,33 +83,34 @@ HTextControl = HControl.extend({
   _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 );
+      if(_this._clipboardEventTimer){
+        clearTimeout( this._clipboardEventTimer );
       }
+      _this._clipboardEventTimer = setTimeout( function(){_this.clipboardEvent();}, 200 );
       return true;
     };
   },
   
-  _clipboardPasteTimer: null,
-  clipboardPaste: function(){
-    clearTimeout( this._clipboardPasteTimer ); this._clipboardPasteTimer = null;
-    console.log('paste event, value now:',this.value);
+  _updateValueFromField: function(){
+    this.setValue(
+      this.validateText(
+        this.getTextFieldValue()
+      )
+    );
+  },
+  
+  _clipboardEventTimer: null,
+  clipboardEvent: function(){
+    this._updateValueFromField();
+    clearTimeout( this._clipboardEventTimer );
+    this._clipboardEventTimer = null;
   },
   
   _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 );
+      Event.stopObserving( ELEM.get(this.markupElemIds.value), 'cut', this._changeEventFn );
       this._changeEventFn = null;
     }
   },
@@ -107,8 +119,8 @@ HTextControl = HControl.extend({
       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 );
+    Event.observe( ELEM.get(this.markupElemIds.value), 'cut', this._changeEventFn );
   },
   
 /** = Description
@@ -130,12 +142,18 @@ HTextControl = HControl.extend({
   textBlur: function(){
     this.hasTextFocus = false;
     this._clearChangeEventFn();
+    this._updateValueFromField();
     if(this.options.refreshOnBlur){
       this.refreshValue();
     }
     return true;
   },
-
+  
+  onIdle: function(){
+    this.hasTextFocus && this._updateValueFromField();
+    this.base();
+  },
+  
 /** = Description
   * refreshValue function
   *
@@ -200,6 +218,14 @@ HTextControl = HControl.extend({
     return '---'+Math.round((1+Math.random())*10000)+'---';
   },
   
+  die: function(){
+    if( this.hasTextFocus ){
+      this.getInputElement().blur();
+    }
+    this._clearChangeEventFn();
+    this.base();
+  },
+  
 /** = Description
   * Returns the selection (or text cursor position) of the input element
   * as an +Array+ like +[ startOffset, endOffset ]+.

data/js/core/elem/elem.js

@@ -1016,6 +1016,9 @@ ELEM = {
         if (_key === 'opacity') {
           _this.setOpacity(_id, _value);
         }
+        else if ( !_elems[_id] ){
+          console.log('ELEM#setStyle: Not a element! id:',_id,', key:',_key,', value:', _value);
+        }
         else {
           _this._setElementStyle( _elems[_id], _key, _cached[_key] );
         }
@@ -1203,6 +1206,9 @@ ELEM = {
       if (_key === 'opacity') {
         _this.setOpacity(_id, _cached[_key]);
       }
+      else if ( !_elem ){
+        console.log('ELEM#_flushStyleCache: Not a element! id:',_id,', key:',_key,', value:', _value);
+      }
       else {
         _this._setElementStyle( _elem, _key, _cached[_key] );
       }

data/js/datetime/timesheet/old_timesheet.js

@@ -0,0 +1,292 @@
+/*   RSence
+ *   Copyright 2009 Riassence Inc.
+ *   http://riassence.com/
+ *
+ *   You should have received a copy of the GNU General Public License along
+ *   with this software package. If not, contact licensing@riassence.com
+ */
+
+/*** = Description
+  ** HTimesheet is a simple timesheet control. 
+  ***/
+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.
+  *
+  **/
+  refresh: function(){
+    if(this.drawn){
+      var _areaHeight = this.rect.height;
+      this.pxPerHour = (_areaHeight-(_areaHeight%48)) / 24;
+      if(this.options['hideLabel']){
+        this.setStyleOfPart( 'label', 'display', 'none' );
+        this.setStyleOfPart( 'state', 'left', '0px' );
+        this.itemOffsetLeft = 0;
+      }
+      else{
+        this.setStyleOfPart( 'label', 'height', (this.pxPerHour*24)+'px' );
+      }
+      this.setStyleOfPart( 'state', 'height', (this.pxPerHour*24)+'px' );
+    }
+    this.base();
+  },
+  
+/** = Description
+  * Refreshes the hour labels.
+  *
+  **/
+  refreshLabel: function(){
+    var hour = 1,
+        hours = [],
+        rowHeight = this.pxPerHour;
+        lineHeight = Math.round(this.pxPerHour/2);
+    for(; hour < 24; hour++){
+      hours.push('<div style="line-height:'+rowHeight+'px;height:'+rowHeight+'px;top:'+Math.round((hour*rowHeight)-lineHeight)+'px" class="timesheet_hours_row">'+hour+':00</div>');
+    }
+    this.markupElemIds && this.markupElemIds.label && ELEM.setHTML(this.markupElemIds.label,hours.join(''));
+    this.refreshState();
+  },
+  
+/** = Description
+  * Refreshes the lines which mark hours and half-hours.
+  *
+  **/
+  refreshState: function(){
+    var line = 0,
+        lines = [],
+        lineHeight = Math.round(this.pxPerHour/2);
+    for(; line < 48; line++){
+      lines.push('<div style="top:'+(line*lineHeight)+'px" class="timesheet_lines_row'+(line%2)+'"></div>');
+    }
+    this.markupElemIds && this.markupElemIds.label && ELEM.setHTML(this.markupElemIds.state,lines.join(''));
+  },
+  dragItem: false,
+  
+/** = Description
+  * Creates an item into timesheet with default label 'New Item'.
+  *
+  * = Parameters
+  * +origY+:: Y coordinate of the new item.
+  *
+  **/
+  createItem: function(origY){
+    var _lineHeight = Math.round(this.pxPerHour/2);
+    origY = Math.floor( origY / _lineHeight )*_lineHeight;
+    var maxY = _lineHeight*48,
+        lineHeight = Math.round(this.pxPerHour/2);
+    if(origY>maxY){
+      origY = maxY;
+    }
+    this.dragItem = this.createTimeSheetItem( { label: this.options.newItemLabel }, origY, lineHeight, 'create' );
+  },
+  
+/** = Description
+  * Dragging is used to mark items on the timesheet.
+  * 
+  * = Parameters
+  * +x+:: x coordinate of the origin of drag
+  * +y+:: y coordinate of the origin of drag
+  *
+  **/
+  startDrag: function(x,y){
+    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
+  * Sets the editor given as parameter as the editor of instance.
+  *
+  * = Parameters
+  * +_editor+:: 
+  *
+  **/
+  setEditor: function( _editor ){
+    this.editor = _editor;
+  },
+  
+/** = Description
+  * Returns HRect the size of given parameters and suitable for timesheet.
+  *
+  * = Parameters
+  * +_origY+::      Y coordinate.
+  * +_lineHeight+:: The height of item on time sheet.
+  *
+  **/
+  createItemRect: function(_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 );
+  },
+
+/** = Description
+  * Destructor; destroys the editor first and commences inherited die.
+  *
+  **/
+  die: function(){
+    this.editor.die();
+    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;
+    if(this.listItemViews === false){
+      this.listItemViews = [];
+    }
+    else if(this.listItemViews.length > 0){
+      for( i=0; i<this.listItemViews.length; i++){
+        this.listItemViews[i].die();
+      }
+      this.listItemViews = [];
+    }
+    if(_data instanceof Array && _data.length > 0){
+      var
+      _value,
+      _item;
+      for( i=0; i<_data.length; i++){
+        _value = _data[i];
+        _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/themes/default/old_timesheet.css

@@ -0,0 +1,30 @@
+.timesheet_hours_col {
+  position: absolute;
+  top: 0px; left: 0px; width: 32px;
+  font-family: Arial, sans-serif;
+  font-size: 11px;
+  color: #666;
+  vertical-align: middle;
+  text-align: right;
+}
+.timesheet_hours_row {
+  position: absolute;
+  left: 0px; width: 32px;
+}
+.timesheet_lines_col {
+  position: absolute;
+  top: 0px; left: 36px; right: 0px;
+  border-left: 1px solid #aaa;
+  border-bottom: 1px solid #aaa;
+  border-right: 1px solid #aaa;
+}
+.timesheet_lines_row0,
+.timesheet_lines_row1 {
+  position: absolute;
+  left: 0px; right: 0px; height: 1px;
+  line-height: 1px; font-size: 0px;
+  background-color: #ccc;
+}
+.timesheet_lines_row0 {
+  background-color: #aaa;
+}

data/js/datetime/timesheet/themes/default/old_timesheet.html

@@ -0,0 +1,2 @@
+<div class="timesheet_hours_col" id="label#{_ID}"></div>
+<div class="timesheet_lines_col" id="state#{_ID}"></div>

data/js/datetime/timesheet/themes/default/timesheet.css

@@ -1,30 +1,58 @@
-.timesheet_hours_col {
+.timesheet_label,
+.timesheet_items,
+.timesheet_timeline,
+.timesheet_timeline_hour,
+.timesheet_timeline_line,
+.timesheet_timeline_notch {
   position: absolute;
-  top: 0px; left: 0px; width: 32px;
-  font-family: Arial, sans-serif;
+}
+
+.timesheet_label,
+.timesheet_items,
+.timesheet_timeline {
+  font-family: Helvetica, Arial, sans-serif;
   font-size: 11px;
-  color: #666;
+  color: #000;
   vertical-align: middle;
-  text-align: right;
+  text-align: left;
 }
-.timesheet_hours_row {
-  position: absolute;
-  left: 0px; width: 32px;
+
+.timesheet_label {
+  left: 33px; top: 0px; right: 0px; height: 16px;
+  font-size: 15px;
 }
-.timesheet_lines_col {
-  position: absolute;
-  top: 0px; left: 36px; right: 0px;
-  border-left: 1px solid #aaa;
-  border-bottom: 1px solid #aaa;
-  border-right: 1px solid #aaa;
+
+.timesheet_timeline {
+  left: 0px; top: 0px; right: 0px; bottom: 0px;
 }
-.timesheet_lines_row0,
-.timesheet_lines_row1 {
-  position: absolute;
-  left: 0px; right: 0px; height: 1px;
-  line-height: 1px; font-size: 0px;
-  background-color: #ccc;
+
+.timesheet_timeline_hour {
+  left: 0px; width: 26px; text-align: right; height: 14px;
+}
+
+.timesheet_timeline_line {
+  left: 31px; right: 3px; height: 1px; background-color: #bbb;
+}
+.timesheet_timeline_notch {
+  left: 31px; right: 3px; height: 1px; background-color: #ddd;
+}
+
+.timesheet_items {
+  left: 29px; top: 19px; right: 1px; bottom: 11px;
+  border: 1px outset #ccc;
+  border-radius: 3px;
+}
+
+.nohours .timesheet_timeline_notch,
+.nohours .timesheet_timeline_line {
+  left: 2px;
+}
+.nohours .timesheet_timeline_hour {
+  display: none;
+}
+.nohours .timesheet_label {
+  left: 4px;
 }
-.timesheet_lines_row0 {
-  background-color: #aaa;
+.nohours .timesheet_items {
+  left: 0px;
 }

data/js/datetime/timesheet/themes/default/timesheet.html

@@ -1,2 +1,4 @@
-<div class="timesheet_hours_col" id="label#{_ID}"></div>
-<div class="timesheet_lines_col" id="state#{_ID}"></div>
+<div id="label#{_ID}" class="timesheet_label"></div>
+<div id="timeline#{_ID}" class="timesheet_timeline"></div>
+<div id="value#{_ID}" class="timesheet_items"></div>
+${this.themeSettings(30, 20, 0, 10, -6);}