rsence-pre 2.1.0.1.pre

data/js/foundation/view/viewdefaults/viewdefaults.js

@@ -0,0 +1,26 @@
+/*   RSence
+ *   Copyright 2010 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
+  ** Define default HView setting here. Will be used, when no or invalid constructor
+  ** options are supplied.
+  ***/
+var//RSence.Foundation
+HViewDefaults = HClass.extend({
+  
+/** The default label. A label is the "visual value" of a component that
+  * operates on a "hidden" value.
+  **/
+  label:    "",
+
+/** The default initial visibility of the component.
+  **/
+  visible:  true
+  
+});
+

data/js/lists/checkboxlist/checkboxlist.js

@@ -0,0 +1,171 @@
+/*   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
+  ** This class is still at experimental phase.
+  ** Please assume that the API _will_ change later. 
+  ** HCheckboxList is a combined list of HCheckboxes.
+  **
+  ***/
+var//RSence.Lists
+HCheckboxList = HControl.extend({
+  
+/** = Description
+  * Draws borders with 1px and sets 'overflow' to 'auto'.
+  *
+  **/
+  drawSubviews: function(){
+    this.setStyle('border','1px solid #999');
+    this.setStyle('overflow','auto');
+  },
+  listItems: [],
+  listItemViews: [],
+  ListCheckbox: HCheckbox.extend({
+
+/** = Description
+  * Adds listValues to the parent if they are true otherwise deletes them.
+  *
+  **/
+    refreshValue: function(){
+      this.base();
+      if(this.value === true){
+        this.parent.addItem( this.options.listValue );
+      }
+      else{
+        this.parent.delItem( this.options.listValue );
+      }
+    }
+  }),
+
+/** = Description
+  * Checks if +_listValue+ can be found from the values. Adds the value
+  * if it can't be found.
+  * 
+  * = Parameters
+  * +_listValue+:: listValue to add.
+  *
+  **/
+  addItem: function( _listValue ){
+    if(this.value.indexOf(_listValue) === -1){
+      var _newValue = [], i = 0;
+      for( ; i < this.value.length; i++ ){
+        _newValue.push( this.value[i] );
+      }
+      _newValue.push( _listValue );
+      this.setValue( _newValue );
+    }
+  },
+  
+/** = Description
+  * Checks if the item can be found from this.value and deletes it
+  * in case it can be found.
+  *
+  * = Parameters
+  * +_listValue+:: A listValue to delete.
+  *
+  **/
+  delItem: function( _listValue ){
+    var _listIndex = this.value.indexOf(_listValue);
+    if(_listIndex !== -1){
+      var _newValue = [], i = 0;
+      for( ; i < this.value.length; i++ ){
+        if(this.value[i] !== _listValue){
+          _newValue.push( this.value[i] );
+        }
+      }
+      this.setValue( _newValue );
+    }
+  },
+  
+/** = Description
+  * Setter function for listItems and listImetViews. Destroys 
+  * the old ListCheckboxes before creating the new ones based on the
+  * listItems given as an parameter.
+  * 
+  * = Parameters
+  * +_listItems+:: listItems is an array-packed array, where each index in the
+  *                surrounding array contains a [ value, label ] pair.
+  *                The value is mapped to the value of the HRadiobuttonList
+  *                instance when its HRadiobutton instance is selected.
+  *
+  **/
+  setListItems: function(_listItems){
+    var _listItem,
+        _value,
+        _label,
+        _checked,
+        _checkbox,
+        i = 0;
+    for ( ; i < this.listItemViews.length; i++ ) {
+      try {
+        this.listItemViews[i].die();
+      }
+      catch(e) {
+        console.log('HCheckboxList, setListItems item destruction error: ',e);
+      }
+    }
+    this.listItems = _listItems;
+    this.listItemViews = [];
+    for ( i = 0 ; i < _listItems.length; i++ ){
+      _listItem = _listItems[i];
+      _value = _listItem[0];
+      _label = _listItem[1];
+      _checked = (this.value.indexOf( _value ) !== -1);
+      _checkbox = this.ListCheckbox.nu(
+        [ 4, (i*23)+4, null, 23, 4, null ],
+        this, {
+          label: _label,
+          value: _checked,
+          listValue: _value
+        }
+      );
+      this.listItemViews[i] = _checkbox;
+    }
+    this.refreshValue();
+  },
+  
+/** = Description
+  * Sets listItems and ListItemViews to null and calls 
+  * the inherited destructor.
+  *
+  **/
+  die: function(){
+    this.listItems = null;
+    this.listItemViews = null;
+    this.base();
+  },
+
+/** = Description
+  * Checks whether there are listItemViews and if there are, 
+  * refreshes their state.
+  *
+  * = Returns
+  * +self+
+  * 
+  **/
+  refreshValue: function(){
+    if(this.listItemViews.length === 0){
+      return this;
+    }
+    var _value = this.value,
+        _listItems = this.listItems,
+        _listItemValue,
+        _selectedItems = [],
+        i = 0,
+        _isSelected;
+    for( ; i < _listItems.length; i++ ){
+      _listItemValue = _listItems[i][0];
+      _isSelected = (_value.indexOf( _listItemValue ) !== -1);
+      this.listItemViews[i].setValue( _isSelected );
+      if(_isSelected){
+        _selectedItems.push( _listItemValue );
+      }
+    }
+    return this;
+  }
+});

data/js/lists/listitems/listitems.js

@@ -0,0 +1,88 @@
+/*   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
+  ** HListItems is uses an array-packed list of hash objects as its value.
+  ##
+  ## == Value as Array of Hashes:
+  ** Each item in the array should have a 'label' and a 'value' key.
+  ** The 'label' key of each item is used as the label for the HRadiobutton in the list.
+  ** The 'value' key of each item is the value used for the output.
+  ##
+  ## == Value as Array of strings or numerals
+  ## Each Item like with hash, except the item is both label and value. Each item should
+  ## be unique.
+  ##
+  ## == Important
+  ** The parent object of a HListItem needs to be a compatible hash, like HRadiobuttonList.
+  ##
+  ***/
+var//RSence.Lists
+HListItems = HValueResponder.extend({
+  
+  constructor: function( _rect, _parent, _options ){
+    this.parent = _parent;
+    if (_options instanceof Object) {
+      if (_options['valueObj'] !== undefined) {
+        _options.valueObj.bind( this );
+      }
+      else if(_options['value'] !== undefined) {
+        this.value = _options.value;
+        this.refresh();
+      }
+    }
+  },
+  _warningMessage: function(_messageText){
+    console.log("Warning; HListItems: "+_messageText);
+  },
+  
+/** = Description
+  * Iterates through this.value array and calls
+  * the setListItems function of the parent class.
+  *
+  **/
+  refresh: function(){
+    if ( this.value instanceof Array ) {
+      var _listItems = [],
+          _row, _rowType,
+          _label, _value,
+          i = 0;
+      for ( ; i < this.value.length ; i++ ){
+        _row = this.value[i];
+        _rowType = COMM.Values.type( _row );
+        // console.log('row:',_row,' rowType:',_rowType);
+        // hashes
+        if ( _rowType === 'h' ) {
+          _label = _row['label'];
+          _value = _row['value'];
+          if ( _label === undefined || _value === undefined ){
+            this._warningMessage( "The value or label of row "+_row+" is undefined (ignored)" );
+          }
+          _listItems.push( [_value, _label] );
+        }
+        // Arrays as-is
+        else if ( _rowType == 'a' ){
+          _listItems.push( _row );
+        }
+        // strings and integers
+        else if ( ['s','n'].indexOf(_rowType) !== -1 ){
+          _label = _row.toString();
+          _value = _row;
+          _listItems.push( [_value, _label] );
+        }
+        else {
+          this._warningMessage( "The row "+_row+" is has unsupported row type: '"+_rowType+"' (ignored)" );
+        }
+      }
+      this.parent.setListItems( _listItems );
+    }
+  }
+});
+
+

data/js/lists/propertylist/propertylist.js

@@ -0,0 +1,326 @@
+/*   RSence
+ *   Copyright 2010 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
+  ** HPropertyList uses any JSON-compliant structure as its value and displays
+  ** its content hierarchically in three columns:
+  ** - Key
+  ** - Type
+  ** - Value
+  **
+  ***/
+var//RSence.Lists
+HPropertyList = HControl.extend({
+  keyColumnWidth: 100,
+  rowHeight: 15,
+  keyIndent: 8,
+  drawSubviews: function(){
+    this.propertyItems = [];
+    this.keyRowStyle += 'height:'+this.rowHeight+'px;';
+    this.typeRowStyle += 'height:'+this.rowHeight+'px;';
+    this.valueRowStyle += 'height:'+this.rowHeight+'px;';
+    this.rowSeparatorStyle += 'height:'+this.rowHeight+'px;';
+    this.setStyle('font-size','11px');
+    this.setStyle('overflow-y','auto');
+    this.keyColumn = HView.nu(
+      [ 0, 0, this.keyColumnWidth, 24 ],
+      this, {
+        style: [ [ 'border-right', '1px solid #999' ] ]
+      }
+    );
+    this.typeColumn = HView.nu(
+      [ this.keyColumnWidth, 0, 80, 24 ],
+      this, {
+        style: [ [ 'border-right', '1px solid #999' ] ]
+      }
+    );
+    this.valueColumn = HView.nu(
+      [ this.keyColumnWidth + 80, 0, 0, 24, 0, null ],
+      this
+    );
+    this.header = HView.extend({
+      drawSubviews: function(){
+        var
+        keyColumnWidth = this.parent.keyColumnWidth;
+        this.keyLabel = HStringView.nu(
+          [ 0, 0, keyColumnWidth, 24 ],
+          this, {
+            value: '<b>Key</b>',
+            style: [
+              [ 'text-align', 'middle' ],
+              [ 'text-indent', '16px' ],
+              [ 'line-height', '24px' ]
+            ]
+          }
+        );
+        this.typeLabel = HStringView.nu(
+          [ keyColumnWidth, 0, 80, 24 ],
+          this, {
+            value: '<b>Type</b>',
+            style: [
+              [ 'text-align', 'middle' ],
+              [ 'text-indent', '8px' ],
+              [ 'line-height', '24px' ]
+            ]
+          }
+        );
+        this.valueLabel = HStringView.nu(
+          [ keyColumnWidth + 80, 0, 80, 24, 0, null ],
+          this, {
+            value: '<b>Value</b>',
+            style: [
+              [ 'text-align', 'middle' ],
+              [ 'text-indent', '8px' ],
+              [ 'line-height', '24px' ]
+            ]
+          }
+        );
+      }
+    }).nu(
+      [ 0, 0, null, 24, 0, null ],
+      this, {
+        style: [ [ 'border-bottom', '1px solid #999' ] ]
+      }
+    );
+    this.resizeColumns = HControl.extend({
+      drag: function(x,y){
+        var
+        parentX = x - this.parent.pageX(),
+        keyColumnWidth = parentX-1,
+        parentWidth = ELEM.getVisibleSize( this.parent.elemId )[0];
+        if(keyColumnWidth < 80){
+          keyColumnWidth = 80;
+        }
+        else if ( keyColumnWidth > parentWidth-160 ){
+          keyColumnWidth = parentWidth - 160;
+        }
+        selfX = keyColumnWidth - 2;
+        this.rect.offsetTo( selfX, 0 ); this.drawRect();
+        this.parent.keyColumn.rect.setRight( keyColumnWidth ); this.parent.keyColumn.drawRect();
+        this.parent.header.keyLabel.rect.setWidth( keyColumnWidth ); this.parent.header.keyLabel.drawRect();
+        this.parent.typeColumn.rect.offsetTo( keyColumnWidth, 0 ); this.parent.typeColumn.drawRect();
+        this.parent.header.typeLabel.rect.offsetTo( keyColumnWidth, 0 ); this.parent.header.typeLabel.drawRect();
+        this.parent.valueColumn.rect.setLeft( keyColumnWidth+80 ); this.parent.valueColumn.drawRect();
+        this.parent.header.valueLabel.rect.setLeft( keyColumnWidth+80 ); this.parent.header.valueLabel.drawRect();
+        this.parent.keyColumnWidth = keyColumnWidth;
+      }
+    }).nu(
+      [ this.keyColumnWidth - 2, 0, 5, 25 ],
+      this, {
+        events: { draggable: true },
+        style: [
+          [ 'cursor', 'ew-resize' ]
+        ]
+      }
+    );
+  },
+  arrayTokens: function( arr, name ){
+    this.addToken( 'a', name, '('+arr.length+' items)' );
+    this.nodeProperties.left += this.keyIndent;
+    var i = 0, val, type;
+    for( ; i < arr.length; i++ ){
+      val = arr[i];
+      type = this.itemType( val );
+      if( type == 'h' ){
+        this.hashTokens( val, i );
+      }
+      else if ( type == 'a' ){
+        this.arrayTokens( val, i );
+      }
+      else {
+        this.addToken( type, i, val );
+      }
+    }
+    this.nodeProperties.left -= this.keyIndent;
+  },
+  hashLen: function( hash ){
+    var count = 0;
+    for( var item in hash ){
+      count += 1;
+    }
+    return count;
+  },
+  hashSortedKeys: function( hash ){
+    var
+    keys = [],
+    key;
+    for( key in hash ){
+      keys.push( key );
+    }
+    return keys.sort();
+  },
+  hashTokens: function( hash, name ){
+    this.addToken( 'h', name, '('+this.hashLen( hash )+' items)' );
+    this.nodeProperties.left += this.keyIndent;
+    var key, val, type, i = 0, keys = this.hashSortedKeys( hash );
+    for( ; i < keys.length; i++ ){
+      key = keys[i];
+      val = hash[key];
+      type = this.itemType( val );
+      if( type == 'h' ){
+        this.hashTokens( val, key );
+      }
+      else if ( type == 'a' ){
+        this.arrayTokens( val, key );
+      }
+      else {
+        this.addToken( type, key, val );
+      }
+    }
+    this.nodeProperties.left -= this.keyIndent;
+  },
+  addToken: function( type, name, value ){
+    this.valueTokens.push( {
+      top: this.nodeProperties.top,
+      left: this.nodeProperties.left,
+      type: type,
+      name: name,
+      value: value
+    } );
+    this.nodeProperties.top += this.rowHeight;
+  },
+  itemType: function( item ){
+    return COMM.Values.type( item );
+  },
+  typeNames: {
+    h: 'Hash',
+    a: 'Array',
+    s: 'String',
+    n: 'Number',
+    b: 'Boolean'
+  },
+  keyRowStyle: "position:absolute;z-index:1;right:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;",
+  addKeyColumnControl: function( token, i ){
+    var elemId;
+    if( i >= this.propertyItems.length ){
+      elemId = ELEM.make( this.keyColumn.elemId );
+      this.propertyItems.push( elemId );
+      ELEM.setCSS( elemId, 'top:'+token.top+'px;'+this.keyRowStyle );
+    }
+    else {
+      elemId = this.propertyItems[i];
+    }
+    ELEM.setStyle( elemId, 'left', (token.left+10)+'px' );
+    if( token.type === 'h' || token.type === 'a' ){
+      ELEM.setStyle( elemId, 'font-weight', 'bold' );
+    }
+    else {
+      ELEM.setStyle( elemId, 'font-weight', 'inherit' );
+    }
+    ELEM.setHTML( elemId, token.name );
+  },
+  typeRowStyle: "position:absolute;z-index:1;left:8px;width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;",
+  addTypeColumnControl: function( token, i ){
+    var elemId;
+    if( i >= this.propertyItems.length ){
+      elemId = ELEM.make( this.typeColumn.elemId );
+      this.propertyItems.push( elemId );
+      ELEM.setCSS( elemId, 'top:'+token.top+'px;'+this.typeRowStyle );
+    }
+    else {
+      elemId = this.propertyItems[i];
+    }
+    ELEM.setHTML( elemId, this.typeNames[token.type] );
+  },
+  valueRowStyle: "position:absolute;z-index:1;left:8px;right:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;",
+  addValueColumnControl: function( token, i ){
+    var elemId, value;
+    if( i >= this.propertyItems.length ){
+      elemId = ELEM.make( this.valueColumn.elemId );
+      this.propertyItems.push( elemId );
+      ELEM.setCSS( elemId, 'top:'+token.top+'px;'+this.valueRowStyle );
+    }
+    else {
+      elemId = this.propertyItems[i];
+    }
+    if( token.type === 'h' || token.type === 'a' ){
+      ELEM.setStyle( elemId, 'font-style', 'italic' );
+    }
+    else {
+      ELEM.setStyle( elemId, 'font-style', 'inherit' );
+    }
+    value = token.value;
+    if(value===true){
+      value = 'true';
+    }
+    else if(value===false){
+      value = 'false';
+    }
+    else if(value===undefined){
+      value = 'undefined';
+    }
+    else if(value===null){
+      value = 'null';
+    }
+    ELEM.setHTML( elemId, value );
+  },
+  rowSeparatorStyle: "position:absolute;z-index:0;left:0px;right:0px;font-size:0px;height:1px;border-bottom:1px solid #ccc;overflow:hidden;text-overflow:ellipsis;",
+  addRowSeparator: function( token, i, even ){
+    if( i >= this.propertyItems.length ){
+      var elemId = ELEM.make( this.elemId );
+      this.propertyItems.push( elemId );
+      ELEM.setCSS( elemId, 'top:'+token.top+'px;'+this.rowSeparatorStyle+'background-color:'+(even?'#eee':'#ddd')+';' );
+    }
+  },
+  die: function(){
+    var
+    i=0,
+    propLen = this.propertyItems.length,
+    elemId;
+    for(;i<propLen;i++){
+      elemId = this.propertyItems.pop();
+      ELEM.del( elemId );
+    }
+    this.base();
+  },
+  refreshValue: function(){
+    if(this['propertyItems']===undefined){
+      return;
+    }
+    this.valueTokens = [];
+    this.nodeProperties = {
+      top: 28,
+      left: 8
+    };
+    var rootType = this.itemType( this.value );
+    if( rootType == 'h' ){
+      this.hashTokens( this.value, 'Root' );
+    }
+    else if( rootType == 'a' ){
+      this.arrayTokens( this.value, 'Root' );
+    }
+    else {
+      this.addToken( rootType, 'Root', this.value );
+    }
+    var i, token;
+    if(this['propertyItems'] === undefined){
+      this.propertyItems = [];
+    }
+    var colHeight = 0, colId = 0;
+    for( i = 0; i < this.valueTokens.length; i ++ ) {
+      token = this.valueTokens[i];
+      this.addRowSeparator( token, colId, (i%2===0) ); colId++;
+      this.addKeyColumnControl( token, colId ); colId++;
+      this.addTypeColumnControl( token, colId ); colId++;
+      this.addValueColumnControl( token, colId ); colId++;
+      colHeight = token.top+this.rowHeight;
+    }
+    var propItemsLen = this.propertyItems.length, elemId;
+    for( i = colId; i < propItemsLen; i++ ){
+      elemId = this.propertyItems.pop();
+      ELEM.del( elemId );
+    }
+    this.keyColumn.bringToFront();
+    this.typeColumn.bringToFront();
+    this.valueColumn.bringToFront();
+    this.resizeColumns.bringToFront();
+    this.keyColumn.rect.setHeight( colHeight ); this.keyColumn.drawRect();
+    this.typeColumn.rect.setHeight( colHeight ); this.typeColumn.drawRect();
+    this.valueColumn.rect.setHeight( colHeight ); this.valueColumn.drawRect();
+  }
+});