rsence 2.2.0 → 2.2.1

data/js/datetime/calendar/calendar.coffee

@@ -11,15 +11,16 @@
   ## and weeks as rows. Its value is a date/time number specified in seconds
   ## since or before epoch (1970-01-01 00:00:00 UTC).
   ####
-HCalendar = HControl.extend(
+HCalendar = HControl.extend
   
   componentName: 'calendar'
+  markupElemNames: [ 'control', 'state', 'label', 'value', 'prevMonth', 'nextMonth' ]
 
   ## Disable the mouseWheel event to prevent prev/next -month switching with
   ## the mouse wheel or equivalent content-scrolling user interface gesture
   defaultEvents:
     mouseWheel: true
-    click: true
+    # click: true
   
   ## Calls HCalendar#nextMonth or HCalendar#prevMonth based on delta change
   ## of the mouseWheel event
@@ -33,6 +34,15 @@ HCalendar = HControl.extend(
   click: ->
     false
   
+  drawSubviews: ->
+    _this = @
+    Event.observe( @elemOfPart( 'prevMonth' ), 'click', ->
+      _this.prevMonth()
+    )
+    Event.observe( @elemOfPart( 'nextMonth' ), 'click', ->
+      _this.nextMonth()
+    )
+
   ## Returns an array of week day names starting with the short name of the word "week".
   ## The default locale returns: ['Wk','Mon','Tue','Wed','Thu','Fri','Sat','Sun']
   ## See HLocale for more details
@@ -244,6 +254,7 @@ HCalendar = HControl.extend(
     _parentElem = @markupElemIds.value
     ELEM.setStyle( _parentElem, 'visibility', 'hidden', true )
     _elems = []
+    _this = @
     for _row in [0..5]
       _weekElem = ELEM.make( _parentElem )
       _elems.push( _weekElem )
@@ -276,7 +287,11 @@ HCalendar = HControl.extend(
             ELEM.addClassName( _colElem, 'calendar_weeks_week_col_no' )
           else
             ELEM.addClassName( _colElem, 'calendar_weeks_week_col_yes' )
-          ELEM.setAttr( _colElem, 'href', "javascript:HSystem.views[#{@viewId}].setValue(#{_colSecs})" )
+          ELEM.setAttr( _colElem, '_colSecs', _colSecs )
+          Event.observe( ELEM.get( _colElem ), 'click', ->
+            _this.setValue( @_colSecs )
+          )
+          # ELEM.setAttr( _colElem, 'href', "javascript:HSystem.views[#{@viewId}].setValue(#{_colSecs})" )
           _left = (_col*_colWidth+_leftPlus)
           ELEM.setStyle( _colElem, 'left', _left+'px' )
           ELEM.setStyle( _colElem, 'width', (_colWidth-1)+'px' )
@@ -286,22 +301,23 @@ HCalendar = HControl.extend(
     ELEM.setStyle( _parentElem, 'visibility', 'inherit' )
     _stateElem = @markupElemIds.state
 
-    @_monthMenu = ELEM.make( _stateElem, 'a' )
+    @_monthMenu = ELEM.make( _stateElem, 'span' )#, 'a' )
     _elems.push( @_monthMenu )
-    ELEM.setAttr( @_monthMenu, 'href', "javascript:HSystem.views[#{@viewId}].monthMenu()" )
+    # ELEM.setAttr( @_monthMenu, 'href', "javascript:HSystem.views[#{@viewId}].monthMenu()" )
+    Event.observe( ELEM.get( @_monthMenu ), 'click', ( -> _this.monthMenu() ), false )
     ELEM.setHTML( @_monthMenu, @monthName( _date ) )
 
     _spacer = ELEM.make( _stateElem, 'span' )
     _elems.push( _spacer )
     ELEM.setHTML( _spacer, ' ' )
 
-    @_yearMenu = ELEM.make( _stateElem, 'a' )
+    @_yearMenu = ELEM.make( _stateElem, 'span' )#, 'a' )
     _elems.push( @_yearMenu )
-    ELEM.setAttr( @_yearMenu, 'href', "javascript:HSystem.views[#{@viewId}].yearMenu()" )
+    Event.observe( ELEM.get( @_yearMenu ), 'click', ( -> _this.yearMenu() ), false )
+    # ELEM.setAttr( @_yearMenu, 'href', "javascript:HSystem.views[#{@viewId}].yearMenu()" )
     ELEM.setHTML( @_yearMenu, @year( _date ) )
 
     @viewMonth = [ _monthFirst.getUTCFullYear(), _monthFirst.getUTCMonth() ]
     @_drawCalendarElems = _elems
-)
 
 HCalendar.implement( HDateTime )

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

@@ -11,9 +11,9 @@
 </div>
 <div class="calendar_control" id="control#{_ID}">
   <div class="calendar_head">
-    <div class="calendar_head_prev_month" onclick="HSystem.views[#{this.viewId}].prevMonth();"></div>
+    <div class="calendar_head_prev_month" id="prevMonth#{_ID}"></div>
     <div class="calender_head_month_year" id="state#{_ID}"></div>
-    <div class="calendar_head_next_month" onclick="HSystem.views[#{this.viewId}].nextMonth();"></div>
+    <div class="calendar_head_next_month" id="nextMonth#{_ID}"></div>
   </div>
   <div class="calendar_weekdays" id="label#{_ID}"></div>
   <div class="calendar_weeks" id="value#{_ID}"></div>

data/js/datetime/timesheet_item/timesheet_item.js

@@ -73,7 +73,7 @@ HTimeSheetItem = HControl.extend({
       ELEM.addClassName( this.elemId, 'locked' );
     }
     else {
-      ELEM.removeClassName( this.elemId, 'locked' );
+      ELEM.delClassName( this.elemId, 'locked' );
     }
     this.refreshState();
     this.clearAllIcons();

data/js/foundation/geom/rect/rect.js

@@ -8,7 +8,7 @@
 
 /*** = Description
   ** A Rect object represents a rectangle. Rects are used throughout the
-  ** Components to define the frames of windows, views, bitmaps even the 
+  ** Components to define the frames of windows, views, bitmaps even the
   ** screen itself. A HRect is defined by its four sides, expressed as the public
   ** data members left, top, right, and bottom.
   **
@@ -26,7 +26,7 @@
   ** +rightBottom+::  A HPoint representing the coordinate of the rect's right bottom corner
   ** +width+::        The width of the rect.
   ** +height+::       The height of the rect.
-  ***/  
+  ***/
 var//RSence.Foundation.Geom
 HRect = HClass.extend({
 /** = Description
@@ -35,7 +35,7 @@ HRect = HClass.extend({
   * any initial values is invalid, until a specific assignment is made, either
   * through a set() function or by setting the object's data members directly.
   *
-  * = Parameters 
+  * = Parameters
   * using a HRect instance:
   * +rect+::  Another HRect.
   *
@@ -106,6 +106,29 @@ HRect = HClass.extend({
     this.bottom = _rect.bottom;
     this.right = _rect.right;
   },
+
+  toArray: function(){
+    var
+    _arr = new Array(6,null),
+    _this = this,
+    _view = HSystem.views[_this.viewIds[0]],
+    _parentSize = _view.parentSize();
+    if( _view && ( _view.flexRight || _view.flexBottom ) ){
+      if(_this.viewIds.length > 1){
+        console.log("warning: HRect#toArray doesn't work reliably with several views bound.");
+      }
+      _arr[0] = _view.flexLeft?_this.left:null;
+      _arr[1] = _view.flexTop?_this.top:null;
+      _arr[2] = ( _view.minWidth !== 0 )?_view.minWidth:null;
+      _arr[3] = ( _view.minHeight !== 0 )?_view.minHeight:null;
+      _arr[4] = _view.flexRight?_view.flexRightOffset:null;
+      _arr[5] = _view.flexBottom?_view.flexBottomOffset:null;
+      return _arr;
+    }
+    else {
+      return [ _this.left, _this.top, _this.width, _this.height ];
+    }
+  },
   
   _updateFlexibleDimensions: function(){
     var
@@ -115,44 +138,55 @@ HRect = HClass.extend({
     _parentSize,
     _parentWidth,
     _parentHeight,
+    _virtualWidth,
+    _virtualHeight,
     _viewId,
-    _view,
-    i = 0;
-    for(;i<_viewIds.length;i++){
-      _viewId = _viewIds[i];
-      _view = HSystem.views[_viewId];
-      if(_view.flexRight || _view.flexBottom){
-        ELEM.flush();
-        if( !_view.parent ){
-          _this.updateSecondaryValues();
-          return;
-        }
-        _parentElemId = _view.parent.elemId;
-        _parentSize = _view.parentSize();
-        // console.log('parentSize:',JSON.stringify(_parentSize));
-        _parentWidth = _parentSize[0];
-        if(_view.flexRight){
-          _this.right = _parentWidth - _view.flexRightOffset;
-        }
-        if(!_view.flexLeft){
-          _this.left = _this.right - _this.width;
-        }
-        _parentHeight = _parentSize[1];
-        if(_view.flexBottom){
-          _this.bottom = _parentHeight - _view.flexBottomOffset - _this.top;
+    _view;
+    if(_this.viewIds.length > 1){
+      console.log("warning: HRect#_updateFlexibleDimensions doesn't work reliably with several views bound.");
+    }
+    _viewId = _viewIds[0];
+    _view = HSystem.views[_viewId];
+    if(_view.flexRight || _view.flexBottom){
+      ELEM.flush();
+      _parentSize = _view.parentSize();
+      if( _view.flexRight && _view.flexLeft ){ // calculate width and right
+        _virtualWidth = _parentSize[0] - _this.left - _view.flexRightOffset;
+        if( _view.minWidth !== null && _virtualWidth < _view.minWidth ){
+          _this.width = _view.minWidth;
         }
-        if(!_view.flexTop){
-          _this.top = _this.bottom - _this.height;
+        else{
+          _this.width = _virtualWidth;
         }
-        if( _this.bottom-_this.top < 0 ){
-          _this.bottom = _this.top;
+        _this.right = _this.left+_this.width;
+      }
+      else if( _view.flexRight ){ // calculate left and right
+        _this.width = _view.minWidth;
+        _this.left = _parentSize[0] - _this.width - _view.flexRightOffset;
+        _this.right = _this.width + _this.left;
+      }
+      else { // calculate width
+        _this.width = _this.right - _this.left;
+      }
+      if( _view.flexTop && _view.flexBottom ){ // calculate height and bottom
+        _virtualHeight = _parentSize[1] - _this.top - _view.flexBottomOffset;
+        if( _view.minHeight !== null && _virtualHeight < _view.minHeight ){
+          _this.height = _view.minHeight;
         }
-        if( _this.right-_this.left < 0 ){
-          _this.right = _this.left;
+        else{
+          _this.height = _virtualHeight;
         }
-        // console.log(_this.left,this.top,this.right-this.left,this.bottom-this.top);
-        _this.updateSecondaryValues();
+        _this.bottom = _this.top+_this.height;
+      }
+      else if( _view.flexBottom ){ // calculate top and bottom
+        _this.height = _view.minHeight;
+        _this.top = _parentSize[1] - _this.height - _view.flexBottomOffset;
+        _this.bottom = _this.height + _this.top;
+      }
+      else { // calculate height
+        _this.height = _this.bottom - _this.top;
       }
+      _this.updateSecondaryValues( true );
     }
   },
 
@@ -166,7 +200,7 @@ HRect = HClass.extend({
   * Use the accompanied methods instead.
   *
   **/
-  updateSecondaryValues: function() {
+  updateSecondaryValues: function(_noSize) {
     
     // this._updateFlexibleDimensions();
     
@@ -181,7 +215,7 @@ HRect = HClass.extend({
     /**
       *
       * The Point-returning functions return the coordinates of one of the
-      * rectangle's four corners. 
+      * rectangle's four corners.
       **/
     this.leftTop = new HPoint(this.left, this.top);
     this.leftBottom = new HPoint(this.left, this.bottom);
@@ -192,8 +226,10 @@ HRect = HClass.extend({
       * The width and height of a Rect's rectangle, as returned through these
       * properties.
       **/
-    this.width = (this.right - this.left);
-    this.height = (this.bottom - this.top);
+    if(!_noSize){
+      this.width = (this.right - this.left);
+      this.height = (this.bottom - this.top);
+    }
   },
   
 /** = Description
@@ -363,7 +399,7 @@ HRect = HClass.extend({
 /** = Description
   * Moves the rects right and bottom sides to new coordinates. Does not affect the position.
   *
-  * = Parameters 
+  * = Parameters
   * by separate numeric values:
   * +_width+::   A numeric value representing the new target width of the rect.
   * +_height+::  A numeric value representing the new target height of the rect.
@@ -391,7 +427,7 @@ HRect = HClass.extend({
   },
   
 /** = Description
-  * Returns true if the Rect has any area even a corner or part 
+  * Returns true if the Rect has any area even a corner or part
   * of a side in common with rect, and false if it doesn't.
   *
   * = Parameters
@@ -414,7 +450,7 @@ HRect = HClass.extend({
     return (
       ( ( _rect.left >= this.left && _rect.left <= this.right ) ||
         ( _rect.right >= this.left && _rect.right <= this.right )
-      ) && 
+      ) &&
       ( ( _rect.top >= this.top && _rect.top <= this.bottom) ||
         ( _rect.bottom >= this.top && _rect.bottom <= this.bottom)
       )
@@ -467,12 +503,12 @@ HRect = HClass.extend({
   * left side moves (to the right) four units and the right side moves (to the
   * left) four units (and similarly with the top and bottom).
   *
-  * = Parameters 
+  * = Parameters
   * using a HPoint:
   * +point+::  A HPoint to inset by.
   *
   * using separate x and y coordinates:
-  * +x+::  x Coordinate 
+  * +x+::  x Coordinate
   * +y+::  y Coordinate
   *
   **/
@@ -501,7 +537,7 @@ HRect = HClass.extend({
   * Moves the Rect horizontally by x units and vertically by y
   * units. The rectangle's size doesn't change.
   *
-  * = Parameters 
+  * = Parameters
   * using a HPoint:
   * +point+::  A HPoint to offset by.
   *
@@ -534,12 +570,12 @@ HRect = HClass.extend({
 /** = Description
   * Moves the Rect to the location (x,y).
   *
-  * = Parameters 
+  * = Parameters
   * using a HPoint:
   * +point+::  A HPoint to offset to.
   *
   * using separate x and y coordinates):
-  * +x+::  X coordinate 
+  * +x+::  X coordinate
   * +y+::  Y coordinate
   *
   **/

data/js/foundation/thememanager/thememanager.js

@@ -289,6 +289,9 @@ HThemeManager = HClass.extend({
     if (null === _markup || undefined === _markup) {
       _markup = "";
     }
+    if( this._tmplCache[_themeName] === undefined ){
+      this._tmplCache[_themeName] = {};
+    }
     this._tmplCache[_themeName][_componentName] = _markup;
     return _markup;
   },

data/js/foundation/view/markupview/markupview.js

@@ -101,7 +101,7 @@ HMarkupView = HClass.extend({
         ELEM.addClassName(_elementId, _cssClass);
       }
       else {
-        ELEM.removeClassName(_elementId, _cssClass);
+        ELEM.delClassName(_elementId, _cssClass);
       }
     }
     return this;

data/js/foundation/view/view.js

@@ -541,6 +541,8 @@ HView = HClass.extend({
   **/
   _makeElem: function(_parentElemId){
     this.elemId = ELEM.make(_parentElemId,'div');
+    ELEM.setAttr( this.elemId, 'view_id', this.viewId );
+    ELEM.setAttr( this.elemId, 'elem_id', this.elemId );
   },
   
 /** --
@@ -613,10 +615,10 @@ HView = HClass.extend({
   *
   **/
   drawRect: function() {
-    if(!this.rect.isValid){
+    if(!this.rect.isValid && !this.isProduction){
       console.log('invalid rect:',this.rect);//,ELEM.get(this.elemId));
     }
-    if(!this.parent){
+    if(!this.parent && !this.isProduction){
       console.log('no parent:',ELEM.get(this.elemId));
     }
     if (this.parent && this.rect.isValid) {
@@ -759,7 +761,7 @@ HView = HClass.extend({
       _themeName = HThemeManager.currentTheme;
     }
     _markup = HThemeManager.getMarkup( _themeName, this.componentName, this.themePath );
-    if(_markup === false){
+    if(_markup === false && !this.isProduction){
       console.log('Warning: Markup template for "'+this.componentName+'" using theme "'+_themeName+'" not loaded.');
     }
     this.markup = _markup;
@@ -925,13 +927,23 @@ HView = HClass.extend({
   
   minWidth: 0,
   setMinWidth: function(_minWidth){
-    this.minWidth = _minWidth;
-    ELEM.setStyle( this.elemId, 'min-width', this.minWidth+'px', true);
+    if( typeof _minWidth === 'number' ){
+      this.minWidth = _minWidth;
+      ELEM.setStyle( this.elemId, 'min-width', this.minWidth+'px', true);
+    }
+    else if ( !this.isProduction) {
+      console.log('warning: setMinWidth( '+(typeof _minWidth)+' '+_minWidth+' ) should be a number; value ignored!');
+    }
   },
   minHeight: 0,
   setMinHeight: function(_minHeight){
-    this.minHeight = _minHeight;
-    ELEM.setStyle( this.elemId, 'min-height', this.minHeight+'px', true);
+    if( typeof _minHeight === 'number' ){
+      this.minHeight = _minHeight;
+      ELEM.setStyle( this.elemId, 'min-height', this.minHeight+'px', true);
+    }
+    else if ( !this.isProduction) {
+      console.log('warning: setMinHeight( '+(typeof _minHeight)+' '+_minHeight+' ) should be a number; value ignored!');
+    }
   },
   
 /** = Description
@@ -981,33 +993,54 @@ HView = HClass.extend({
           _parentHeight = _parentSize[1];
         }
         
-        if( (!_validLeftOffset && !_validRightOffset) ||
-            (!_validTopOffset && !_validBottomOffset) ){
-          console.log(_throwPrefix + '(left or top) and (top or bottom) must be specified.');
-        }
-        else if( (!_validWidth   && !(_validLeftOffset && _validRightOffset)) ||
-                 (!_validHeight  && !(_validTopOffset  && _validBottomOffset)) ){
-          console.log(_throwPrefix + 'the (height or width) must be specified unless both (left and top) or (top and bottom) are specified.');
+        if( !this.isProduction ){
+          if( (!_validLeftOffset && !_validRightOffset) ||
+              (!_validTopOffset && !_validBottomOffset) ){
+            console.log(_throwPrefix + '(left or top) and (top or bottom) must be specified.');
+          }
+          else if( (!_validWidth   && !(_validLeftOffset && _validRightOffset)) ||
+                   (!_validHeight  && !(_validTopOffset  && _validBottomOffset)) ){
+            console.log(_throwPrefix + 'the (height or width) must be specified unless both (left and top) or (top and bottom) are specified.');
+          }
         }
         
-        this.setFlexLeft(_validLeftOffset,_leftOffset);
-        this.setFlexTop(_validTopOffset,_topOffset);
-        this.setFlexRight(_validRightOffset,_rightOffset);
-        this.setFlexBottom(_validBottomOffset,_bottomOffset);
-        
         if(_validLeftOffset && _validWidth && !_validRightOffset){
           _right = _leftOffset + _width;
         }
         else if(!_validLeftOffset && _validWidth && _validRightOffset){
           _right = _parentWidth-_validRightOffset;
           _leftOffset = _right-_width;
+          this.setMinWidth( _width );
         }
         else if(_validLeftOffset && _validRightOffset){
           _right = _parentWidth - _rightOffset;
           if( _validWidth ){
             this.setMinWidth( _width );
+            if( _parentWidth - _leftOffset < _width ){
+              if( !this.isProduction ){
+                console.log('warning: the minWidth('+
+                  _width+
+                  ') is less than available width('+
+                  (_parentWidth-_leftOffset-_rightOffset)+
+                  '); right ('+_right+') yields to: '+_leftOffset+_width+'!');
+              }
+              _right = _leftOffset+_width;
+            }
+          }
+          else if ( _right < _leftOffset ) {
+            if( !this.isProduction ){
+              console.log('warning: there is not enough width ('+
+                _parentWidth+') to fit flexRightOffset ('+
+                _rightOffset+
+                ') and left ('+
+                _leftOffset+
+                '). right yields to ('+
+                _leftOffset+') and flexRightOffset yields to ('+
+                (_parentWidth-_leftOffset)+')!');
+            }
+            _rightOffset = _parentWidth-_leftOffset;
+            _right = _leftOffset;
           }
-          _right = _parentWidth - _rightOffset;
         }
         
         if(_validTopOffset && _validHeight && !_validBottomOffset){
@@ -1016,13 +1049,37 @@ HView = HClass.extend({
         else if(!_validTopOffset && _validHeight && _validBottomOffset){
           _bottom = _parentHeight-_validBottomOffset;
           _topOffset = _bottom-_height;
+          this.setMinHeight( _height );
         }
         else if(_validTopOffset && _validBottomOffset){
           _bottom = _parentHeight - _bottomOffset;
           if( _validHeight ){
             this.setMinHeight( _height );
+            if( _parentHeight - _topOffset < _height ){
+              if( !this.isProduction ){
+                console.log('warning: the minHeight('+
+                  _height+
+                  ') is less than available height('+
+                  (_parentHeight-_topOffset-_bottom)+
+                  '). bottom('+_bottom+') yields: '+(_topOffset + _height)+'!');
+              }
+              _bottom = _topOffset + _height;
+            }
+          }
+          else if ( _bottom < _topOffset ) {
+            if( !this.isProduction ){
+              console.log('warning: there is not enough height ('+
+                _parentHeight+') to fit flexBottomOffset ('+
+                _bottom+
+                ') and bottom ('+
+                _bottomOffset+
+                ') bottom yields to ('+
+                _topOffset+') and flexBottomOffset yields to ('+
+                (_parentHeight-_topOffset)+')!');
+            }
+            _bottomOffset = _parentHeight-_topOffset;
+            _bottom = _topOffset;
           }
-          _bottom = _parentHeight - _bottomOffset;
         }
         if( _leftOffset > _right ){
           _right = _leftOffset;
@@ -1030,8 +1087,14 @@ HView = HClass.extend({
         if( _topOffset > _bottom ){
           _bottom = _topOffset;
         }
+        this.setMinWidth(this.minWidth);
+        this.setMinHeight(this.minHeight);
+        this.setFlexLeft(_validLeftOffset,_leftOffset);
+        this.setFlexTop(_validTopOffset,_topOffset);
+        this.setFlexRight(_validRightOffset,_rightOffset);
+        this.setFlexBottom(_validBottomOffset,_bottomOffset);
         this.rect = HRect.nu(_leftOffset,_topOffset,_right,_bottom);
-        if(!this.rect.isValid){
+        if(!this.rect.isValid && !this.isProduction){
           console.log('---------------------------------------------');
           console.log('invalid rect:', this.rect.left, ',', this.rect.top, ',', this.rect.width, ',', this.rect.height, ',', this.rect.right, ',', this.rect.bottom );
           console.log(' parent size:', this.parentSize() );
@@ -1040,7 +1103,7 @@ HView = HClass.extend({
         }
         
       }
-      else {
+      else if (!this.isProduction){
         console.log(_throwPrefix + 'the length has to be either 4 or 6.');
       }
     }
@@ -1080,7 +1143,7 @@ HView = HClass.extend({
     else if(_stylesObjType==='h'){
       this.setStylesHash(_styles);
     }
-    else {
+    else if (!this.isProduction){
       console.log('HView#setStyles: Invalid data, expected array or hash; type: '+h+', data:',_styles);
     }
     return this;
@@ -1141,10 +1204,10 @@ HView = HClass.extend({
   **/
   setStyleOfPart: function(_partName, _name, _value, _force) {
     if (!this['markupElemIds']){
-      console.log('Warning, setStyleOfPart: no markupElemIds');
+      !this.isProduction && console.log('Warning, setStyleOfPart: no markupElemIds');
     }
     else if (this.markupElemIds[_partName]===undefined) {
-      console.log('Warning, setStyleOfPart: partName "'+_partName+'" does not exist for viewId '+this.viewId+'.');
+      !this.isProduction && console.log('Warning, setStyleOfPart: partName "'+_partName+'" does not exist for viewId '+this.viewId+'.');
     }
     else {
       ELEM.setStyle(this.markupElemIds[_partName], _name, _value, _force);
@@ -1166,7 +1229,7 @@ HView = HClass.extend({
   **/
   styleOfPart: function(_partName, _name, _force) {
     if (this.markupElemIds[_partName]===undefined) {
-      console.log('Warning, styleOfPart: partName "'+_partName+'" does not exist for viewId '+this.viewId+'.');
+      !this.isProduction && console.log('Warning, styleOfPart: partName "'+_partName+'" does not exist for viewId '+this.viewId+'.');
       return '';
     }
     return ELEM.getStyle(this.markupElemIds[_partName], _name, _force);
@@ -1186,7 +1249,7 @@ HView = HClass.extend({
   **/
   setMarkupOfPart: function( _partName, _value ) {
     if (this.markupElemIds[_partName]===undefined) {
-      console.log('Warning, setMarkupOfPart: partName "'+_partName+'" does not exist for viewId '+this.viewId+'.');
+      !this.isProduction && console.log('Warning, setMarkupOfPart: partName "'+_partName+'" does not exist for viewId '+this.viewId+'.');
     }
     else {
       ELEM.setHTML( this.markupElemIds[_partName], _value );
@@ -1207,30 +1270,64 @@ HView = HClass.extend({
   **/
   markupOfPart: function(_partName) {
     if (this.markupElemIds[_partName]===undefined) {
-      console.log('Warning, markupOfPart: partName "'+_partName+'" does not exist for viewId '+this.viewId+'.');
+      !this.isProduction && console.log('Warning, markupOfPart: partName "'+_partName+'" does not exist for viewId '+this.viewId+'.');
       return '';
     }
     return ELEM.getHTML(this.markupElemIds[_partName]);
   },
   
+/** = Description
+  * Sets a element attribute of the view's cell.
+  *
+  * = Parameters
+  * +_key+::       The attribute key to set.
+  * +_value+::     Value for markup element.
+  * +_force+::     Optional force switch, defaults to false
+  *
+  * = Returns
+  * +self+
+  *
+  **/
+  setAttr: function( _key, _value, _force ){
+    ELEM.setAttr( this.elemId, _key, _value, _force );
+    return this;
+  },
+
+/** = Description
+  * Gets a element attribute of the view's cell.
+  *
+  * = Parameters
+  * +_key+::       The attribute key to get.
+  * +_force+::     Optional force switch, defaults to false
+  *
+  * = Returns
+  * The attribute value.
+  *
+  **/
+  attr: function( _key, _force ){
+    return ELEM.getAttr( this.elemId, _key, _force );
+  },
+
 /** = Description
   * Sets a element attribute of a specified markup element that has been bound to this
   * view.
   *
   * = Parameters
   * +_partName+::  The identifier of the markup element.
+  * +_key+::       The attribute key to set
   * +_value+::     Value for markup element.
+  * +_force+::     Optional force switch, defaults to false
   *
   * = Returns
   * +self+
   *
   **/
-  setAttrOfPart: function( _partName, _value, _force ) {
+  setAttrOfPart: function( _partName, _key, _value, _force ) {
     if (this.markupElemIds[_partName]===undefined) {
-      console.log('Warning, setAttrOfPart: partName "'+_partName+'" does not exist for viewId '+this.viewId+'.');
+      !this.isProduction && console.log('Warning, setAttrOfPart: partName "'+_partName+'" does not exist for viewId '+this.viewId+'.');
     }
     else {
-      ELEM.setAttr( this.markupElemIds[_partName], _value, _force );
+      ELEM.setAttr( this.markupElemIds[_partName], _key, _value, _force );
     }
     return this;
   },
@@ -1241,17 +1338,19 @@ HView = HClass.extend({
   *
   * = Parameters
   * +_partName+::  The identifier of the markup element.
+  * +_key+::       The attribute key to get.
+  * +_force+::     Optional force switch, defaults to false
   *
   * = Returns
   * The attribute of a specified markup element.
   *
   **/
-  attrOfPart: function(_partName, _force) {
+  attrOfPart: function(_partName, _key, _force) {
     if (this.markupElemIds[_partName]===undefined) {
-      console.log('Warning, attrOfPart: partName "'+_partName+'" does not exist for viewId '+this.viewId+'.');
+      !this.isProduction && console.log('Warning, attrOfPart: partName "'+_partName+'" does not exist for viewId '+this.viewId+'.');
       return '';
     }
-    return ELEM.getAttr(this.markupElemIds[_partName], _force);
+    return ELEM.getAttr(this.markupElemIds[_partName], _key, _force);
   },
 
 /** = Description
@@ -1267,7 +1366,7 @@ HView = HClass.extend({
   **/
   elemOfPart: function(_partName) {
     if (this.markupElemIds[_partName]===undefined) {
-      console.log('Warning, elemOfPart: partName "'+_partName+'" does not exist for viewId '+this.viewId+'.');
+      !this.isProduction && console.log('Warning, elemOfPart: partName "'+_partName+'" does not exist for viewId '+this.viewId+'.');
       return '';
     }
     return ELEM.get( this.markupElemIds[_partName] );
@@ -1362,7 +1461,7 @@ HView = HClass.extend({
     this.stopAnimation();
     // Delete the children first.
     var _childViewId, i;
-    if(!this.views){
+    if(!this.views && !this.isProduction){
       console.log('HView#die: no subviews for component name: ',this.componentName,', self:',this);
     }
     while (this.views.length !== 0) {