rsence 2.0.9.23 → 2.1.0

data/js/lists/propertylist/propertylisteditor/propertylisteditor.js

@@ -0,0 +1,233 @@
+/*   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
+  ** HPropertyListEditor is a subcomponent of HPropertyList that handles
+  ** editing of the selected row.
+  **
+  ***/
+var//RSence.Lists
+HPropertyListEditor = HControl.extend({
+  
+  defaultEvents: {
+    keyDown: 'repeat'
+  },
+  
+  keyDown: function(chr){
+    if(chr===38){
+      this.parent.parent.editPrevItem();
+      return true;
+    }
+    else if(chr===40){
+      this.parent.parent.editNextItem();
+      return true;
+    }
+    return false;
+  },
+  
+  refreshValue: function(){
+    
+    this.base();
+    
+    this.nameEditor.setValue(this.value.name);
+    
+    this.typeEditor && this.typeEditor.setValue( this.value.type );
+    
+    if(this.value.type === 's'){
+      this.stringEditor.show();
+      this.stringEditor.setValue(this.value.value);
+    }
+    else{
+      this.stringEditor.hide();
+    }
+    
+    if(this.value.type === 'n'){
+      this.numberEditor.show();
+      this.numberEditor.setValue(this.value.value);
+    }
+    else{
+      this.numberEditor.hide();
+    }
+    
+    if(this.value.type === 'b'){
+      this.boolEditor.show();
+      this.boolEditor.setValue(this.value.value);
+    }
+    else{
+      this.boolEditor.hide();
+    }
+    
+    this.resizeKeyColumn();
+  },
+  
+  lostActiveStatus: function(newActive){
+    this.base();
+    if( newActive &&
+      ( (newActive === this) || (newActive.parents.indexOf(this) !== -1) )
+    ){
+      return;
+    }
+    this.hide();
+  },
+  
+  resizeKeyColumn: function(){
+    
+    var
+    parent = this.parent.parent,
+    nameEditor = this.nameEditor;
+    
+    nameEditor.rect.setLeft( this.value.left+6 );
+    nameEditor.rect.setRight( parent.keyColumnRight()-3 );
+    nameEditor.refresh();
+    
+    var
+    stringEditor = this.stringEditor,
+    numberEditor = this.numberEditor,
+    boolEditor   = this.boolEditor;
+    
+    stringEditor.rect.setLeft( parent.valueColumnLeft()+5 );
+    numberEditor.rect.setLeft( parent.valueColumnLeft()+4 );
+    boolEditor.rect.setLeft( parent.valueColumnLeft()+4 );
+    
+    if(this['typeEditor']){
+      var
+      typeEditor = this.typeEditor;
+      
+      typeEditor.rect.setLeft( parent.typeColumnLeft()+2 );
+      typeEditor.rect.setRight( parent.typeColumnRight()-1 );
+      typeEditor.drawRect();
+    }
+    
+    stringEditor.drawRect();
+    numberEditor.drawRect();
+    boolEditor.drawRect();
+  },
+  nameEditor: null,
+  typeEditor: null,
+  valueEditor: null,
+  drawSubviews: function(){
+    
+    this.setStyle('border-top','1px solid #999');
+    this.setStyle('border-bottom','1px solid #999');
+    
+    var
+    _stateElemId = ELEM.make( this.elemId );
+    this.markupElemIds = { state: _stateElemId };
+    ELEM.setCSS( _stateElemId, 'position:absolute;left:0;top:0;right:0;bottom:0;background-color:#fff;' );
+    ELEM.setStyle( _stateElemId, 'opacity', 0.8 );
+    
+    var
+    parent = this.parent.parent,
+    opts = parent.options;
+    this.nameEditor = HTextControl.extend({
+      boldTypes: ['a','h'],
+      lostActiveStatus: function(newActive){
+        this.base();
+        this.parent.lostActiveStatus(newActive);
+      },
+      refreshValue: function(){
+        if(this.drawn){
+          if(this.boldTypes.indexOf(this.parent.value.type)!==-1){
+            this.setStyle('font-weight','bold',true);
+          }
+          else{
+            this.setStyle('font-weight','normal',true);
+          }
+        }
+        this.base();
+      }
+    }).nu(
+      [0,-1,1,opts.rowHeight+4],
+      this, {
+        style: [
+          [ 'font-size', '11px' ],
+          [ 'text-indent', '1px' ]
+        ]
+      }
+    );
+    
+    var
+    height = this.nameEditor.rect.height;
+    if(!opts.hideTypeColumn){
+      this.typeEditor = HMiniMenu.extend({
+        lostActiveStatus: function(newActive){
+          this.parent.lostActiveStatus(newActive);
+          this.base();
+        }
+      }).nu(
+        [0,1,1,height],
+        this, {
+          value: 'a',
+          menuItemGeom: {
+            width: 75,
+            left: -15
+          }
+        }
+      );
+      
+      var _arrTypes = [];
+      
+      for( var i in parent.typeNames ){
+        _arrTypes.push( [i, parent.typeNames[i]] );
+      }
+      
+      this.typeEditor.setListItems( _arrTypes );
+      
+    }
+    
+    this.stringEditor = HTextArea.extend({
+      lostActiveStatus: function(newActive){
+        this.parent.lostActiveStatus(newActive);
+        this.base();
+      }
+    }).nu(
+      [0,-1,null,height,4,null],
+      this, {
+        style: [
+          [ 'font-size', '11px' ],
+          [ 'text-indent', '1px' ],
+          [ 'padding-top', '3px' ]
+        ]
+      }
+    );
+    
+    this.numberEditor = HNumericTextControl.extend({
+      lostActiveStatus: function(newActive){
+        this.parent.lostActiveStatus(newActive);
+        this.base();
+      }
+    }).nu(
+      [0,-1,null,height,4,null],
+      this, {
+        style: [
+          [ 'font-size', '11px' ],
+          [ 'text-indent', '1px' ]
+        ]
+      }
+    );
+    
+    this.boolEditor = HCheckbox.extend({
+      lostActiveStatus: function(newActive){
+        this.parent.lostActiveStatus(newActive);
+        this.base();
+      }
+    }).nu(
+      [0,-3,null,24,4,null],
+      this, {
+        style: [
+          [ 'font-size', '11px' ],
+          [ 'text-indent', '1px' ]
+        ],
+        label: "Enabled"
+      }
+    );
+    
+    this.resizeKeyColumn();
+    
+  }
+});

data/js/lists/radiobuttonlist/radiobuttonlist.js

@@ -51,17 +51,21 @@ HRadioButtonList = HControl.extend({
       _listItem = _listItems[i];
       _value = _listItem[0];
       _label = _listItem[1];
-      _radioButton = HRadiobutton.nu(
-        [ 4, (i*23)+4, null, 23, 4, null ],
-        this, {
-          label: _label
-        }
-      );
-      this.listItemViews[i] = _radioButton;
+      _component = this.createComponent( i, _label );
+      this.listItemViews[i] = _component;
     }
     this.refreshValue();
   },
   
+  createComponent: function( i, _label ){
+    return HRadiobutton.nu(
+      [ 4, (i*23)+4, null, 23, 4, null ],
+      this, {
+        label: _label
+      }
+    );
+  },
+  
 /** = Description
   * Destructor. Sets listItems and listItemViews to null and initiates
   * destructor for radioButtonIndexValue.
@@ -70,7 +74,7 @@ HRadioButtonList = HControl.extend({
   die: function(){
     this.listItems = null;
     this.listItemViews = null;
-    this.radioButtonIndexValue.die();
+    this.radioButtonIndexValue && this.radioButtonIndexValue.die();
     this.base();
   },
   radioButtonIndexValue: false,
@@ -91,6 +95,9 @@ HRadioButtonList = HControl.extend({
       }
     }
   }),
+  
+  
+  
   refreshValue: function(){
     var _value = this.value;
     if ( this.listItems.length !== 0 && this['valueMatrix'] !== undefined ) {

data/js/menus/minimenu/minimenu.js

@@ -0,0 +1,139 @@
+/*   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
+  ** Simple small menu component for selecting one value amongst several.
+  ** It's limited to 15px height by the default theme.
+  ***/
+var//RSence.Menus
+HMiniMenu = HRadioButtonList.extend({
+  
+  componentName: 'minimenu',
+  
+  defaultEvents: {
+    draggable: true,
+    click: true
+  },
+  
+  repositionMenuItems: function(){
+    var
+    x = this.pageX(),
+    y = this.pageY(),
+    w = this.rect.width,
+    h = this.listItems.length*15,
+    i = 0,
+    listItem = null;
+    for(;i<this.listItems.length && listItem === null;i++){
+      if(this.listItems[i][0]===this.value){
+        listItem = this.listItems[i];
+      }
+    }
+    y -= (i-1)*15;
+    if(y < 0){
+      y = y%15;
+    }
+    if(this.options['menuItemGeom']){
+      if(this.options.menuItemGeom.width){
+        w += this.options.menuItemGeom.width;
+      }
+      if(this.options.menuItemGeom.width){
+        x += this.options.menuItemGeom.left;
+      }
+    }
+    this.menuItemView.rect.set( x, y, x+w, y+h );
+    this.menuItemView.refresh();
+  },
+  
+  click: function(){
+    this.menuShow();
+  },
+  
+  refreshValue: function(){
+    this.base();
+    for(var i=0;i<this.listItems.length;i++){
+      if(this.listItems[i][0]===this.value){
+        this.setLabel( this.listItems[i][1] );
+        return;
+      }
+    }
+  },
+  
+  menuShow: function(){
+    this.repositionMenuItems();
+    this.menuItemView.bringToFront();
+    this.menuItemView.show();
+    return true;
+  },
+  
+  menuHide: function(){
+    this.menuItemView.sendToBack();
+    this.menuItemView.hide();
+  },
+  
+  startDrag: function(x,y){
+    this.dragStart = [x,y];
+    this.menuShow();
+  },
+  
+  lostActiveStatus: function(newActive){
+    this.menuHide();
+  },
+  
+  endDrag: function(x,y){
+    if( (Math.round(this.dragStart[0]*0.2)===Math.round(x*0.2)) &&
+        (Math.round(this.dragStart[1]*0.2)===Math.round(y*0.2))
+    ){
+      this.menuShow();
+    }
+    else {
+      this.menuHide();
+    }
+  },
+  
+  die: function(){
+    this.menuItemView.die();
+    this.base();
+  },
+  
+  drawSubviews: function(){
+    this.markupElemIds.subview = 0;
+    this.menuItemView = HView.extend({
+      bringToFront: function(){
+        this.setStyle('z-index',10000);//this.app.views.length);
+      }
+    }).nu(
+      [ this.rect.left, this.rect.top, this.rect.width, 500 ],
+      this, {
+        visible: false,
+        style: [
+          ['background-color','#f6f6f6'],
+          ['border', '1px solid #999'],
+          ['overflow-y', 'auto'],
+          ['opacity', 0.9]
+        ]
+      }
+    );
+  },
+  
+  setListItems: function(listItems){
+    this.base(listItems);
+    this.valueMatrix = this.menuItemView.valueMatrix;
+    this.refreshValue();
+  },
+  
+  createComponent: function( i, _label ){
+    return HMiniMenuItem.nu(
+      [ 0, (i*15), null, 15, 0, null ],
+      this.menuItemView, {
+        label: _label
+      }
+    );
+  }
+  
+});

data/js/menus/minimenu/minimenuitem/minimenuitem.js

@@ -0,0 +1,33 @@
+/*   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
+  ** Menu item for the HMiniMenu component.
+  ***/
+var//RSence.Menus
+HMiniMenuItem = HRadioButton.extend({
+  
+  componentName: 'minimenuitem',
+  
+  defaultEvents: {
+    click: true,
+    mouseUp: true
+  },
+  
+  click: function(){
+    this.base();
+    EVENT.changeActiveControl(this.parent.parent);
+  },
+  
+  mouseUp: function(){
+    this.base();
+    this.click();
+  }
+  
+});