rsence 2.0.0.0.pre

data/js/controls/lists/listitems/listitems.js

@@ -0,0 +1,65 @@
+/*   Riassence Framework
+ *   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.
+  ** 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.
+  ** The parent object of a HListItem needs to be a compatible hash, like HRadiobuttonList.
+  ***/
+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,
+          _label, _value,
+          i = 0;
+      for ( ; i < this.value.length ; i++ ){
+        _row = this.value[i];
+        if ( _row instanceof Object ) {
+          _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] );
+        }
+        else {
+          this._warningMessage( "The row "+_row+" is not an object (ignored)" );
+        }
+      }
+      this.parent.setListItems( _listItems );
+    }
+  }
+});
+
+

data/js/controls/lists/radiobuttonlist/radiobuttonlist.js

@@ -0,0 +1,126 @@
+/*   Riassence Framework
+ *   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
+  ** HRadiobuttonList expects the setListItems to be set. See HListItems.
+  ** The value of the instance is the selected key in the listItems.
+  ***/
+HRadioButtonList = HControl.extend({
+  drawSubviews: function(){
+    this.setStyle('border','1px solid #999');
+    this.setStyle('overflow-y','auto');
+  },
+  listItems: [],
+  listItemViews: [],
+  
+/** = Description
+  * Setter function for listItems and listItemViews. Destroys 
+  * the old HRadiabuttons 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,
+        _radioButton,
+        i = 0;
+    for ( ; i < this.listItemViews.length; i++ ) {
+      try {
+        this.listItemViews[i].die();
+      }
+      catch(e) {
+        console.log('HRadiobuttonList, 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];
+      _radioButton = HRadiobutton.nu(
+        [ 4, (i*23)+4, null, 23, 4, null ],
+        this, {
+          label: _label
+        }
+      );
+      this.listItemViews[i] = _radioButton;
+    }
+    this.refreshValue();
+  },
+  
+/** = Description
+  * Destructor. Sets listItems and listItemViews to null and initiates
+  * destructor for radioButtonIndexValue.
+  * 
+  **/
+  die: function(){
+    this.listItems = null;
+    this.listItemViews = null;
+    this.radioButtonIndexValue.die();
+    this.base();
+  },
+  radioButtonIndexValue: false,
+  radioButtonResponder: false,
+  
+/** = Description
+  * 
+  * 
+  **/
+  RadioButtonIndexResponder: HValueResponder.extend({
+    constructor: function( _parent, _valueObj ){
+      this.parent = _parent;
+    },
+    refresh: function(){
+      var _listItems = this.parent.listItems;
+      if(_listItems[ this.value ] !== undefined){
+        this.parent.setValue( _listItems[ this.value ][0] );
+      }
+    }
+  }),
+  refreshValue: function(){
+    var _value = this.value;
+    if ( this.listItems.length !== 0 && this['valueMatrix'] !== undefined ) {
+      if ( this.radioButtonResponder === false ){
+        this.radioButtonIndexValue = HValue.nu( false, 0 );
+        this.radioButtonIndexValue.bind( this.valueMatrix );
+        this.radioButtonResponder = this.RadioButtonIndexResponder.nu( this );
+        this.radioButtonIndexValue.bind( this.radioButtonResponder );
+      }
+      for ( var i = 0; i < this.listItems.length; i++ ) {
+        if ( this.listItems[i][0] === _value ) {
+          this.radioButtonResponder.setValue( -1 );
+          this.radioButtonResponder.setValue( i );
+          break;
+        }
+      }
+    }
+  }
+});
+
+HRadiobuttonList = HRadioButtonList;
+
+
+
+
+
+
+
+
+
+
+
+
+

data/js/controls/passwordcontrol/passwordcontrol.js

@@ -0,0 +1,22 @@
+/*   Riassence Framework
+ *   Copyright 2006 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
+  ** Just like HTextControl, but the typed characters are not shown.
+  **
+  ** = Instance variables
+  ** +type+::  '[HPasswordControl]'
+  ** +value+:: The string that is currently held by this object.
+  **
+  ***/
+HPasswordControl = HTextControl.extend({
+  
+  componentName: 'passwordcontrol'
+  
+});
+

data/js/controls/passwordcontrol/themes/default/passwordcontrol.html

@@ -0,0 +1,18 @@
+<div class="textcontrol_bg"></div>
+
+<div class="textcontrol_n"></div>
+<div class="textcontrol_s"></div>
+<div class="textcontrol_w"></div>
+<div class="textcontrol_e"></div>
+
+<div class="textcontrol_nw"></div>
+<div class="textcontrol_ne"></div>
+<div class="textcontrol_se"></div>
+<div class="textcontrol_sw"></div>
+
+<div id="label#{_ID}" title="#{this.label}" class="textcontrol_input_parent">
+  <input type="password" class="textcontrol_input" #{this.enabled?'':'disabled'}
+    onfocus="HSystem.views[#{this.viewId}].textFocus();" 
+    onblur="HSystem.views[#{this.viewId}].textBlur();" 
+    id="value#{_ID}" value="#{this.value}" />
+</div>

data/js/controls/progress/progressbar/progressbar.js

@@ -0,0 +1,36 @@
+/*   Riassence Framework
+ *   Copyright 2006 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
+  ** HProgressBar is a control unit used to convey the progress of a task, 
+  ** such as a download or file transfer. In other words, it is a component 
+  ** indicating a percentage of a total task has completed.
+  **
+  ** Use the maxValue to define the point of progress at the end and use value
+  ** to define the point of progress.
+  **
+***/
+HProgressBar = HControl.extend({
+  componentName: "progressbar",
+  
+/** The amount of pixels the theme insets the width of the progress bar **/
+  themeWidthInset: 2,
+  
+/** Sets the width of the progress bar when the value changes. **/
+  refreshValue: function(){
+    if( this.drawn && this.markupElemIds.value ){
+      var _visibleWidth = this.rect.width-this.themeWidthInset,
+          _progressWidth = Math.round(_visibleWidth * this.value);
+      this.setStyleOfPart('value','width',_progressWidth+'px');
+    }
+  },
+  onIdle: function(){
+    this.base();
+    this.refreshValue();
+  }
+});

data/js/controls/progress/progressbar/themes/default/progressbar.css

@@ -0,0 +1,16 @@
+.progressbar {
+  cursor: wait;
+  position: absolute;
+  left: 0px; top: 0px; right: 0px; bottom: 1px;
+  border: 1px solid #999;
+  background-color: #ccc;
+} 
+.progressbar .progress {
+  position: absolute;
+  left: 0px; top: 0px;
+  width: 50px; bottom: 0px;
+  background-color: #333;
+}
+.disabled .progressbar {
+  opacity: 0.75;
+}

data/js/controls/progress/progressbar/themes/default/progressbar.html

@@ -0,0 +1,2 @@
+<div class="progressbar"
+  ><div class="progress" id="value#{ _ID }"></div></div>

data/js/controls/progress/progressindicator/progressindicator.js

@@ -0,0 +1,43 @@
+/*   Riassence Framework
+ *   Copyright 2006 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
+  ** A progress indicator is the indeterminate progress bar, which is used in 
+  ** situations where the extent of the task is unknown or the progress of 
+  ** the task can not be determined in a way that could be expressed as a 
+  ** percentage. This bar uses motion or some other indicator to show that 
+  ** progress is taking place, rather than using the size of the filled portion
+  ** to show the total amount of progress.
+  ***/
+HProgressIndicator = HView.extend({
+  _indicator: null,
+  _animDirection: 0,
+  drawSubviews: function(){
+    var _this = this;
+    _this.setStyle( 'border', '1px solid #999' );
+    _this.setStyle( 'background-color', '#ccc' );
+    var _height = _this.rect.height,
+        _visibleWidth = ELEM.getVisibleSize( _this.elemId )[0],
+        _width = (_visibleWidth===0)?_this.rect.width:_visibleWidth;
+    _width -= 2;
+    _this['_rect'+0] = HRect.nu( 0,0,_height,_height );
+    _this['_rect'+1] = HRect.nu( _width-_height, 0, _width, _height );
+    _this._indicator = HView.nu( HRect.nu( _this['_rect'+0] ), _this );
+    _this._indicator.setStyle('background-color','#333');
+    _this._indicator.onAnimationEnd = function(){
+      this.parent._toggleDirection();
+    };
+    _this._toggleDirection();
+  },
+  _toggleDirection: function(){
+    this._animDirection = this._animDirection===1?0:1;
+    var _directionRect = HRect.nu( this['_rect'+this._animDirection] );
+    this._indicator.animateTo(_directionRect);
+  }
+});
+

data/js/controls/radiobutton/radiobutton.js

@@ -0,0 +1,41 @@
+/*   Riassence Framework
+ *   Copyright 2008 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
+  ** A HRadioButton is a labeled, two-state button that's displayed in a group along
+  ** with other similar buttons. The button itself is a round icon that has a filled
+  ** center when the HRadioButton is turned on, and is empty when it's off.
+  ** The label appears next to the icon.
+  **
+  ** Only one radio button in the group can be on at a time; when the user clicks a
+  ** button to turn it on, the button that's currently on is turned off. One button
+  ** in the group must be on at all times; the user can turn a button off only by
+  ** turning another one on. The button that's on has a value of 1 (H_CONTROL_ON);
+  ** the others have a value of 0 (H_CONTROL_OFF).
+  **
+  ** The HRadioButton class handles the interaction between radio buttons in the
+  ** following way: A direct user action can only turn on a radio button, not turn
+  ** it off. However, when the user turns a button on, the HRadioButton object turns
+  ** off all sibling HRadioButtons—that is, all HRadioButtons that have the same
+  ** parent as the one that was turned on.
+  **
+  ** This means that a parent view should have no more than one 
+  ** group of radio buttons among its children. Each set of radio buttons 
+  ** should be assigned a separate parent—perhaps an empty HView that 
+  ** simply contains the radio buttons and does no drawing of its own.
+  ***/
+
+HRadioButton = HCheckbox.extend(
+  HValueMatrixComponentExtension
+);
+HRadioButton.prototype.componentName = 'radiobutton';
+
+
+// Backwards compatibility
+HRadiobutton = HRadioButton;
+

data/js/controls/radiobutton/themes/default/radiobutton.css

@@ -0,0 +1,69 @@
+.radiobutton_control,
+.radiobutton_state,
+.radiobutton_label,
+.radiobutton_antiselect {
+  position: absolute; height: 24px;
+}
+.radiobutton_control {
+  left: 0px; top: 0px; right: 0px;
+  cursor: pointer;
+}
+.disabled > .radiobutton_control {
+  cursor: default;
+}
+.radiobutton_state {
+  left: 0px; top: 0px; width: 24px;
+  background-repeat: no-repeat;
+  background-position: -24px 0px;
+  background-image: #{this.getCssFilePath('radiobutton_parts1.png')};
+}
+
+#{BROWSER_TYPE.ie6?'.enabled .unchecked .radiobutton_state':'.enabled > .unchecked > .radiobutton_state'} {
+  background-position: -24px 0px;
+}
+#{BROWSER_TYPE.ie6?'.enabled .unchecked:hover .radiobutton_state':'.enabled > .unchecked:hover > .radiobutton_state'} {
+  background-position: -24px -24px;
+}
+#{BROWSER_TYPE.ie6?'.enabled .unchecked:active .radiobutton_state':'.enabled > .unchecked:active > .radiobutton_state'} {
+  background-position: -24px -48px;
+}
+
+#{BROWSER_TYPE.ie6?'.enabled .checked .radiobutton_state':'.enabled > .checked > .radiobutton_state'} {
+  background-position: 0px 0px;
+}
+#{BROWSER_TYPE.ie6?'.enabled .checked:hover .radiobutton_state':'.enabled > .checked:hover > .radiobutton_state'} {
+  background-position: 0px -24px;
+}
+#{BROWSER_TYPE.ie6?'.enabled .checked:active .radiobutton_state':'.enabled > .checked:active > .radiobutton_state'} {
+  background-position: 0px -48px;
+}
+
+#{BROWSER_TYPE.ie6?'.disabled .unchecked .radiobutton_state':'.disabled > .unchecked > .radiobutton_state'} {
+  background-position: -24px -72px;
+}
+#{BROWSER_TYPE.ie6?'.disabled .checked .radiobutton_state':'.disabled > .checked > .radiobutton_state'} {
+  background-position: 0px -72px;
+}
+
+.radiobutton_label {
+  left: 24px; right: 0px; top: 0px;
+  height: 20px; line-height: 21px;
+  text-align: left; vertical-align: middle;
+  font-family: Arial, sans-serif;
+  font-size: 12px;
+  color: #333;
+}
+#{BROWSER_TYPE.ie6?'.disabled .radiobutton_control .radiobutton_label':'.disabled > .radiobutton_control > .radiobutton_label'} {
+  color: #999;
+}
+#{BROWSER_TYPE.ie6?'.enabled .radiobutton_control:hover .radiobutton_label':'.enabled > .radiobutton_control:hover > .radiobutton_label'} {
+  color: #000;
+}
+#{BROWSER_TYPE.ie6?'.enabled .radiobutton_control:active .radiobutton_label':'.enabled > .radiobutton_control:active > .radiobutton_label'} {
+  color: #000;
+}
+
+.radiobutton_antiselect {
+  left: 0px; top: 0px; right: 0px;
+}
+