rsence-pre 2.2.0.29 → 2.2.0.30

data/VERSION

@@ -1 +1 @@
-2.2.0.29.pre
+2.2.0.30.pre

data/js/core/elem/elem.coffee

@@ -187,6 +187,20 @@ ELEM = HClass.extend({
     _elem = @_elements[_id]
     [ _elem.offsetWidth, _elem.offsetHeight ]
   
+  ###
+  Returns the position of the element as a [ x, y ] tuple
+  ###
+  getPosition: (_id)->
+    _elem = @_elements[_id]
+    [ _elem.offsetLeft, _elem.offsetTop ]
+
+  ###
+  Returns the scroll position of the element as a [ x, y ] tuple
+  ###
+  getScrollPosition: (_id)->
+    _elem = @_elements[_id]
+    [ _elem.scrollLeft, _elem.scrollTop ]
+
   ###
   Returns the scroll size of the element as a [ width, height ] tuple
   ###
@@ -266,6 +280,14 @@ ELEM = HClass.extend({
     @setStyle( _id, 'height', h+'px' )
     null
   
+  ###
+  Gets box coordinates [ x, y, width, height )
+  ###
+  getBoxCoords: (_id)->
+    [ x, y ] = @getPosition( _id )
+    [ w, h ] = @getSize( _id )
+    [ x, y, w, h ]
+  
   ###
   Computes extra size (padding and border size) of element
   ###

data/js/datetime/calendar/calendar.coffee

@@ -0,0 +1,307 @@
+##   RSence
+ #   Copyright 2009-2011 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
+  ## Use HCalendar to display a month calendar that displays days as columns
+  ## 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(
+  
+  componentName: 'calendar'
+
+  ## 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
+  
+  ## Calls HCalendar#nextMonth or HCalendar#prevMonth based on delta change
+  ## of the mouseWheel event
+  mouseWheel: (_delta)->
+    if _delta < 0
+      @nextMonth()
+    else
+      @prevMonth()
+  
+  ## Simple click-through for the themed hyperlinks
+  click: ->
+    false
+  
+  ## 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
+  localizedDays: ->
+    _str = HLocale.dateTime.strings
+    _arr = HVM.clone( _str.weekDaysShort )
+    _arr.push( _arr.shift() )
+    _arr.unshift( _str.weekShort )
+    _arr
+  
+  _destroyWeekDayElems: ->
+    if @_weekDayElems?
+      for _elemId in @_weekDayElems
+        ELEM.del( _elemId )
+      @_weekDayElems = null
+
+  ## Refreshes the week days header
+  refreshWeekDays: ->
+    @_destroyWeekDayElems()
+    _dayNames = @localizedDays()
+    _availWidth = @rect.width-2
+    _dayWidth = Math.floor( _availWidth/8 )
+    _leftOffset = ( _availWidth % 8 ) - 1
+    _parentElem = @markupElemIds.label
+    _dayElems = []
+    for _dayName, i in _dayNames
+      _dayElem = ELEM.make( _parentElem )
+      ELEM.setHTML( _dayElem, _dayName )
+      ELEM.setStyle( _dayElem, 'width', _dayWidth+'px' )
+      _left = i * _dayWidth + _leftOffset
+      ELEM.setStyle( _dayElem, 'left', _left+'px' )
+    @_weekDayElems = _dayElems
+  
+  ## Calls #refreshWeekDays when theme is applied
+  refreshLabel: ->
+    @refreshWeekDays() if @markupElemIds? and not @_weekDayElems?
+  
+  ## Calculates the first and last week of the month of the _date
+  ##
+  ## Params:
+  ## - _date:  A Date instance to check date range from
+  ##
+  ## Returns:
+  ## [Object]: {
+  ##   week: {
+  ##     firstDate: [Date]
+  ##     lastDate:  [Date]
+  ##     firstNum:  [Number]
+  ##     lastNum:   [Number]
+  ##     count:     [Number]
+  ##   }
+  ##   month: {
+  ##     firstDate: [Date]
+  ##     lastDate:  [Date]
+  ##   }
+  ## }
+  calendarDateRange: (_date)->
+    _monthFirst = @firstDateOfMonth( _date )
+    _monthLast  = @lastDateOfMonth( _date )
+    _weekFirst  = @firstDateOfWeek( _monthFirst )
+    _weekLast   = @lastDateOfWeek( _monthLast )
+    _firstWeekNum = @week( _weekFirst )
+    _lastWeekNum  = @week( _weekLast )
+    _weeks = _firstWeekNum - _lastWeekNum
+    if _weeks == 5 
+      if _weekFirst.getDate() == 1
+        _weekFirst = new Date( _weekFirst.getTime() - @msWeek )
+      else
+        _weekLast = new Date( _weekLast.getTime() + @msWeek )
+    else if _weeks == 4
+      _weekFirst = new Date( _weekFirst.getTime() - @msWeek )
+    return {
+      week: {
+        firstDate: _weekFirst
+        lastDate:  _weekLast
+        firstNum: _firstWeekNum
+        lastNum: _lastWeekNum
+        count: _weeks
+      }
+      month: {
+        firstDate: _monthFirst
+        lastDate:  _monthLast
+      }
+    }
+
+  ## Calls #drawCalendar when the value is changed
+  refreshValue: ->
+    @drawCalendar( @date() )
+  
+  ## Draws the next month
+  nextMonth: ->
+    _dateNext = new Date( @viewMonth[0], @viewMonth[1]+1, 1 )
+    _dateMs = _dateNext.getTime() - @tzMs(_dateNext)
+    @drawCalendar( new Date(_dateMs) )
+  
+  ## Drows the prev month
+  prevMonth: ->
+    _datePrev = new Date( @viewMonth[0], @viewMonth[1]-1, 1 )
+    _dateMs = _datePrev.getTime() - @tzMs(_datePrev)
+    @drawCalendar( new Date(_dateMs) )
+  
+  ## Stores the currently viewed year and month
+  viewMonth: [ 1970, 0 ]
+
+  ## Shows a pulldown menu for month selection
+  monthMenu: ->
+    return unless HMiniMenu?
+    _calendar = this
+    _monthValues = []
+    for _monthName, i in HLocale.dateTime.strings.monthsLong
+      _monthValues.push( [ i, _monthName ] )
+    _rect = ELEM.getBoxCoords( @_monthMenu )
+    _rect[0] += 20
+    _rect[2] = 80 if _rect[2] < 80
+    HMiniMenu.extend(
+      _killAfterRefresh: false
+      menuHide: ->
+        @base()
+        _menu = @
+        _menu._killAfterRefresh = true
+        COMM.Queue.push( ->
+          if _menu._killAfterRefresh
+            _menu.refreshValue()
+        )
+        return true;
+      refreshValue: ->
+        @base()
+        if @_killAfterRefresh
+          @_killAfterRefresh = false
+          _calendar.setValue( _calendar.setMonth( @value ) )
+          if _calendar.month() != @value
+            _calendar.setValue( _calendar.setMday( 30 ) )
+            _calendar.setValue( _calendar.setMonth( this.value ) )
+          if _calendar.month() != @value
+            _calendar.setValue( _calendar.setMday( 29 ) )
+            _calendar.setValue( _calendar.setMonth( @value ) )
+          if _calendar.month() != this.value
+            _calendar.setValue( _calendar.setMday( 28 ) )
+            _calendar.setValue( _calendar.setMonth( @value ) )
+          _menu = this
+          COMM.Queue.push( ->
+            _menu.die()
+          )
+    ).new( _rect, @,
+      value: @month()
+      initialVisibility: true
+    ).setListItems( _monthValues )
+  
+  ## Shows a text field for year selection
+  yearMenu: ->
+    _calendar = @
+    _rect = ELEM.getBoxCoords( @_yearMenu )
+    _rect[0] += 20
+    _rect[2] = 40 if _rect[2] < 40
+    _rect[3] = 20
+    HNumericTextControl.extend(
+      refreshValue: ->
+        @base()
+        _calendar.setValue( _calendar.setYear( @value ) )
+      textBlur: ->
+        @base()
+        _year = this
+        COMM.Queue.push( ->
+          _year.die() if _year.markupElemIds?
+        )
+      textEnter: ->
+        @base()
+        _returnKeyPressed = EVENT.status[ EVENT.keysDown ].indexOf( 13 ) != -1
+        _noKeysPressed = EVENT.status[ EVENT.keysDown ].length == 0
+        if _returnKeyPressed or _noKeysPressed
+          ELEM.get( @markupElemIds.value ).blur()
+    ).new( _rect, @,
+      value: @year()
+      minValue: -38399
+      maxValue: 38400
+      focusOnCreate: true
+      refreshOnInput: false
+    )
+  
+  _destroyCalendarElems: ->
+    if @_drawCalendarElems?
+      for _elemId in @_drawCalendarElems
+        ELEM.del( _elemId )
+      @_drawCalendarElems = null
+  
+  die: ->
+    @_destroyWeekDayElems()
+    @_destroyCalendarElems()
+    @base()
+
+  ## Draws the calendar with the date open given as input.
+  ##
+  ## Params:
+  ## - _date: The date on which calendar UI is opened at.
+  drawCalendar: (_date)->
+    @_destroyCalendarElems()
+    _date = @date() unless ( _date instanceof Date )
+    _calendarDateRange = @calendarDateRange( _date )
+    _monthFirst = _calendarDateRange.month.firstDate
+    _monthLast  = _calendarDateRange.month.lastDate
+    _firstDate  = _calendarDateRange.week.firstDate
+    _lastDate   = _calendarDateRange.week.lastDate
+    _availWidth = @rect.width - 2
+    _availHeight = @rect.height - 36
+    _leftPlus = ( _availWidth % 8 ) - 2
+    _topPlus  = ( _availHeight % 6 )
+    _colWidth = Math.floor( _availWidth / 8 )
+    _rowHeight = Math.floor( _availHeight / 6 )
+    _parentElem = @markupElemIds.value
+    ELEM.setStyle( _parentElem, 'visibility', 'hidden', true )
+    _elems = []
+    for _row in [0..5]
+      _weekElem = ELEM.make( _parentElem )
+      _elems.push( _weekElem )
+      ELEM.addClassName( _weekElem, 'calendar_weeks_week_row' )
+      ELEM.setStyle( _weekElem, 'width', _availWidth+'px' )
+      ELEM.setStyle( _weekElem, 'height', _availHeight+'px' )
+      _top = (_row*_rowHeight)+_topPlus
+      ELEM.setStyle( _weekElem, 'top', _top+'px' )
+      for _col in [0..7]
+        if _col == 0
+          _colDate = new Date( _firstDate.getTime() + (_row*@msWeek) + (_col*@msDay) )
+          _colMs   = _colDate.getTime()
+          _colElem = ELEM.make( _weekElem )
+          _elems.push( _colElem )
+          ELEM.addClassName( _colElem, 'calendar_weeks_week_col_wk' )
+          ELEM.setStyle( _colElem, 'left', '0px' )
+          ELEM.setStyle( _colElem, 'width', _colWidth+'px' )
+          ELEM.setStyle( _colElem, 'height', _rowHeight+'px' )
+          ELEM.setStyle( _colElem, 'line-height', _rowHeight+'px' )
+          ELEM.setHTML( _colElem, @week( _colDate ) )
+        else
+          _colDate = new Date( _firstDate.getTime() + (_row*@msWeek) + ((_col-1)*@msDay) )
+          _colMs   = _colDate.getTime()
+          _colSecs = Math.round( _colMs/1000 )
+          _colElem = ELEM.make( _weekElem, 'a' )
+          _elems.push( _colElem )
+          if @value >= _colSecs and @value < _colSecs+86400
+            ELEM.addClassName( _colElem, 'calendar_weeks_week_col_sel' )
+          else if _colDate < _monthFirst or _colDate > _monthLast
+            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(#{_colMs})" )
+          _left = (_col*_colWidth+_leftPlus)
+          ELEM.setStyle( _colElem, 'left', _left+'px' )
+          ELEM.setStyle( _colElem, 'width', (_colWidth-1)+'px' )
+          ELEM.setStyle( _colElem, 'height', (_rowHeight-1)+'px' )
+          ELEM.setStyle( _colElem, 'line-height', _rowHeight+'px' )
+          ELEM.setHTML( _colElem, @mday( _colDate ) )
+    ELEM.setStyle( _parentElem, 'visibility', 'inherit' )
+    _stateElem = @markupElemIds.state
+
+    @_monthMenu = ELEM.make( _stateElem, 'a' )
+    _elems.push( @_monthMenu )
+    ELEM.setAttr( @_monthMenu, 'href', "javascript:HSystem.views[#{@viewId}].monthMenu()" )
+    ELEM.setHTML( @_monthMenu, @monthName( _date ) )
+
+    _spacer = ELEM.make( _stateElem, 'span' )
+    _elems.push( _spacer )
+    ELEM.setHTML( _spacer, '&nbsp;' )
+
+    @_yearMenu = ELEM.make( _stateElem, 'a' )
+    _elems.push( @_yearMenu )
+    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/lib/rsence/pluginmanager.rb

@@ -642,12 +642,19 @@ module RSence
     end
     
     attr_reader :transporter
-    attr_reader :sessions
     attr_reader :autoreload
     attr_reader :name_prefix
     attr_reader :plugin_paths
     attr_reader :parent_manager
     
+    def sessions
+      warn "no sessions" unless @sessions
+      @sessions
+    end
+    def sessions=(ses_manager)
+      @sessions = ses_manager
+    end
+
     @@pluginmanager_id = 0
     # Initialize with a list of directories as plugin_paths.
     # It's an array containing all plugin directories to scan.
@@ -671,7 +678,7 @@ module RSence
       
       if options[:transporter]
         @transporter = options[:transporter]
-        @sessions    = options[:transporter].sessions
+        #@sessions    = options[:transporter].sessions
       end
       
       @autoreload = options[:autoreload]

data/lib/rsence/transporter.rb

@@ -53,6 +53,7 @@ module RSence
       @valuemanager = ValueManager.new
       RSence.value_manager = @valuemanager
       @sessions = SessionManager.new( self )
+      @plugins.sessions = @sessions
       RSence.session_manager = @sessions
       if RSence.config[:session_conf][:reset_sessions]
         puts "Resetting all sessions..."

data/plugins/client_pkg/lib/client_pkg_build.rb

@@ -276,6 +276,8 @@ class ClientPkgBuild
     rescue CoffeeScript::CompilationError
       warn "Invalid CoffeeScript supplied:\n----\n#{src}----\n"
       js = "function(){console.log('ERROR; invalid CoffeeScript supplied: #{src.to_json}');}"
+    rescue
+      js = "function(){console.log('ERROR; CoffeeScript compilation failed: #{src.to_json}');}"
     end
     js = squeeze( js )
     return js[1..-3] if js.start_with?('(') and js.end_with?(');')

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rsence-pre
 version: !ruby/object:Gem::Version
-  version: 2.2.0.29
+  version: 2.2.0.30
   prerelease: 
 platform: ruby
 authors:
@@ -10,19 +10,19 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2011-11-30 00:00:00.000000000 Z
+date: 2011-12-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rsence-deps
-  requirement: &70283801667420 !ruby/object:Gem::Requirement
+  requirement: &70312415196520 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - =
       - !ruby/object:Gem::Version
-        version: '965'
+        version: '966'
   type: :runtime
   prerelease: false
-  version_requirements: *70283801667420
+  version_requirements: *70312415196520
 description: ! 'RSence is a different and unique development model and software frameworks
   designed first-hand for real-time web applications. RSence consists of separate,
   but tigtly integrated data- and user interface frameworks.
@@ -271,7 +271,7 @@ files:
 - js/core/iefix/iefix.js
 - js/core/rsence_ns/rsence_ns.coffee
 - js/core/rsence_ns/rsence_ns.js
-- js/datetime/calendar/calendar.js
+- js/datetime/calendar/calendar.coffee
 - js/datetime/calendar/themes/default/calendar.css
 - js/datetime/calendar/themes/default/calendar.html
 - js/datetime/calendar/themes/default/calendar_arrows-ie6.gif

data/js/datetime/calendar/calendar.js

@@ -1,310 +0,0 @@
-/*   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
-  ** Use HCalendar to display a month calendar that displays days as columns
-  ** 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).
-  ***/
-var//RSence.DateTime
-HCalendar = HControl.extend({
-  componentName: 'calendar',
-  weekdaysLocalized: function(){
-    var
-    _localeStrings = HLocale.dateTime.strings,
-    _outputArray = COMM.Values.clone( _localeStrings.weekDaysShort );
-    _outputArray.push( _outputArray.shift() );
-    _outputArray.unshift( _localeStrings.weekShort );
-    return _outputArray;
-  },//['Wk','Mon','Tue','Wed','Thu','Fri','Sat','Sun'],
-  defaultEvents: {
-    mouseWheel: true,
-    click: true
-  },
-/** = Description
-  * Calls HCalendar#nextMonth or HCalendar#prevMonth based on delta 
-  * of mouseWheel. 
-  *
-  **/
-  mouseWheel: function(_delta){
-    if ( _delta < 0 ) {
-      this.nextMonth();
-    }
-    else {
-      this.prevMonth();
-    }
-  },
-
-/** = Description
-  * Simple clickthrough
-  **/
-  click: function(){
-    return false;
-  },
-
-/** = Description
-  * Refreshes weekdays.
-  *
-  **/
-  refreshLabel: function(){
-    if(!this['markupElemIds']){
-      return;
-    }
-    var _weekdays_localized = this.weekdaysLocalized(),
-        _availWidth = this.rect.width-2,
-        _weekdays_width = Math.floor(_availWidth/8),
-        _leftPlus = (_availWidth % 8)-1,
-        _weekdays_html = [],
-        i = 0,
-        _weekdays_html_pre = ['<div style="width:'+_weekdays_width+'px;left:','px">'],
-        _weekdays_html_suf = '</div>';
-    for(;i<_weekdays_localized.length;i++){
-      _weekdays_html.push([
-        _weekdays_html_pre.join(i*_weekdays_width+_leftPlus),
-        _weekdays_localized[i],
-        _weekdays_html_suf
-      ].join('') );
-    }
-    ELEM.setHTML(this.markupElemIds.label, _weekdays_html.join(''));
-  },
-
-/** = Description
-  * Checks the date range for the month which the date given as input belongs.
-  * 
-  * = Parameters
-  * +_date+:: A Date instance to check date range from
-  *
-  * = Returns
-  * Array of [0] first week's date and [1] last week's date.
-  *
-  **/
-  calendarDateRange: function(_date){
-    var _date_begin = this.firstDateOfMonth(_date),
-        _date_end = this.lastDateOfMonth(_date),
-        _firstWeeksDate = this.firstDateOfWeek(_date_begin),
-        _lastWeeksDate  = this.lastDateOfWeek(_date_end),
-        _week_begin = this.week(_firstWeeksDate),
-        _week_end = this.week(_lastWeeksDate),
-        _weeks = _week_end-_week_begin;
-    if((_weeks===5) && (_firstWeeksDate.getDate() !== 1)){
-      _lastWeeksDate = new Date( _lastWeeksDate.getTime() + this.msWeek );
-    }
-    else if((_weeks===5) && (_firstWeeksDate.getDate() === 1)){
-      _firstWeeksDate = new Date( _firstWeeksDate.getTime() - this.msWeek );
-    }
-    else if(_weeks===4){
-      _firstWeeksDate = new Date( _firstWeeksDate.getTime() - this.msWeek );
-      _lastWeeksDate = new Date( _lastWeeksDate.getTime() + this.msWeek );
-    }
-    return [
-      _firstWeeksDate,
-      _lastWeeksDate
-    ];
-  },
-
-/** = Description
-  * Refreshes the calendar.
-  *
-  **/
-  refreshValue: function(){
-    var _date = this.date();
-    this.drawCalendar(_date);
-  },
-
-/** = Description
-  * Draws the next month on calendar.
-  *
-  **/
-  nextMonth: function(){
-    var _date = new Date( this.viewMonth[0], this.viewMonth[1]+1, 1 );
-    this.drawCalendar( new Date(_date.getTime() - this.tzMs(_date)) );
-  },
-
-/** = Description
-  * Draws the previous month on calendar.
-  *
-  **/
-  prevMonth: function(){
-    var _date = new Date( this.viewMonth[0], this.viewMonth[1]-1, 1 );
-    this.drawCalendar( new Date(_date.getTime() - this.tzMs(_date)) );
-  },
-  viewMonth: [1970,0],
-
-  monthMenu: function(){
-    if(!HPopupMenu){
-      console.log('HPopupMenu not included; cannot continue');
-      return;
-    }
-    var
-    _calendar = this,
-    _menu = HMiniMenu.extend({
-      refreshValue: function(){
-        this.base();
-        if( this._killAfterRefresh ){
-          this._killAfterRefresh = false;
-          var _menu = this;
-          _calendar.setValue( _calendar.setMonth( this.value ) );
-          if( _calendar.month() !== this.value ){
-            _calendar.setValue( _calendar.setMday( 30 ) );
-            _calendar.setValue( _calendar.setMonth( this.value ) );
-          }
-          if( _calendar.month() !== this.value ){
-            _calendar.setValue( _calendar.setMday( 29 ) );
-            _calendar.setValue( _calendar.setMonth( this.value ) );
-          }
-          if( _calendar.month() !== this.value ){
-            _calendar.setValue( _calendar.setMday( 28 ) );
-            _calendar.setValue( _calendar.setMonth( this.value ) );
-          }
-          COMM.Queue.push( function(){_menu.die();} );
-        }
-      },
-      _killAfterRefresh: false,
-      menuHide: function(){
-        this.base();
-        var _menu = this;
-        _menu._killAfterRefresh = true;
-        COMM.Queue.push( function(){_menu._killAfterRefresh && _menu.refreshValue();} );
-        return true;
-      }
-    }).nu( [24, 0, Math.round(this.rect.width*0.66)-24, 20 ], this, {
-      value: this.month(),
-      initialVisibility: true
-    } ),
-    _monthValues = [],
-    i = 0,
-    _monthNames = HLocale.dateTime.strings.monthsLong;
-    for(;i<_monthNames.length;i++){
-      _monthValues.push( [ i, _monthNames[i] ] );
-    }
-    _menu.setListItems( _monthValues );
-  },
-
-  yearMenu: function(){
-    var
-    _calendar = this,
-    _year = HNumericTextControl.extend({
-      refreshValue: function(){
-        this.base();
-        _calendar.setValue( _calendar.setYear( this.value ) );
-      },
-      textBlur: function(){
-        this.base();
-        COMM.Queue.push( function(){_year.die();} );
-      },
-      textEnter: function(){
-        this.base();
-        if( ( EVENT.status[ EVENT.keysDown ].indexOf( 13 ) !== -1 ) || ( EVENT.status[ EVENT.keysDown ].length === 0 ) ){
-          ELEM.get( this.markupElemIds.value ).blur();
-        }
-      }
-    }).nu(
-      HRect.nu(this.rect.width/2,0,this.rect.width-32,20),
-      this, {
-        value: this.year(),
-        minValue: -38399,
-        maxValue: 38400,
-        focusOnCreate: true,
-        refreshOnInput: false
-      }
-    );
-  },
-
-/** = Description
-  * Draws the calendar with the date open given as input.
-  *
-  * = Parameters
-  * +_date+:: The date on which calendar UI is opened at.
-  *
-  **/
-  drawCalendar: function(_date){
-    _date = (_date instanceof Date)?_date:this.date();
-    var _calendarDateRange = this.calendarDateRange(_date),
-        _monthFirst = this.firstDateOfMonth(_date),
-        _monthLast = this.lastDateOfMonth(_date),
-        _firstDate = _calendarDateRange[0],
-        _lastDate = _calendarDateRange[1],
-        _availWidth = this.rect.width-2,
-        _availHeight = this.rect.height-36,
-        _leftPlus = (_availWidth%8)-2,
-        _topPlus = _availHeight%6,
-        _column_width = Math.floor(_availWidth/8),
-        _row_height = Math.floor(_availHeight/6),
-        _week_html_pre = ['<div class="calendar_weeks_week_row" style="width:'+(_availWidth)+'px;height:'+_row_height+'px;top:','px">'],
-        _week_html_suf = '</div>',
-        _col_html_pre = ['<a href="javascript:void(HSystem.views['+this.viewId+'].setValue(','));" class="calendar_weeks_week_col','" style="width:'+_column_width+'px;height:'+_row_height+'px;line-height:'+_row_height+'px;left:','px">'],
-        _col_html_suf = '</a>',
-        _col_week_pre = '<div class="calendar_weeks_week_col_wk" style="width:'+_column_width+'px;height:'+_row_height+'px;line-height:'+_row_height+'px;left:0px">',
-        _col_week_suf = '</div>',
-        _month_html = [],
-        _week_html,
-        _col_html,
-        _row = 0,
-        _col,
-        _colMs,
-        _colSecs,
-        _colDate,
-        _monthYearHTML,
-        _extraCssClass;
-    for(; _row<6; _row++){
-      _week_html = [];
-      for(_col = 0; _col<8; _col++){
-        _colDate = new Date(_firstDate.getTime()+((_row*this.msWeek)+((_col-1)*this.msDay)));
-        _colMs = _colDate.getTime();
-        if(_col===0){
-          _col_html = [
-            _col_week_pre,
-            this.week(_colDate),
-            _col_week_suf
-          ].join('');
-        }
-        else {
-          _colSecs = Math.round(_colMs/1000);
-          if((this.value >= _colSecs) && (this.value < (_colSecs+86400))){
-            _extraCssClass = '_'+'sel';
-          }
-          else{
-            _extraCssClass = (_colDate<_monthFirst || _colDate > _monthLast)?'_'+'no':'_'+'yes';
-          }
-          _col_html = [
-            _col_html_pre[0],
-            _colSecs,
-            _col_html_pre[1],
-            _extraCssClass,
-            _col_html_pre[2],
-            (_col*_column_width+_leftPlus),
-            _col_html_pre[3],
-            this.mday(_colDate),
-            _col_html_suf
-          ].join('');
-        }
-        _week_html.push(_col_html);
-      }
-      _month_html.push([
-        _week_html_pre.join(_row*_row_height+_topPlus),
-        _week_html.join(''),
-        _week_html_suf
-      ].join('') );
-    }
-    ELEM.setHTML( this.markupElemIds.value, _month_html.join('') );
-    _monthYearHTML = [
-      '<a href="javascript:void(HSystem.views[',
-      this.viewId,
-      '].monthMenu());">',
-      this.monthName(_date),
-      '</a>&nbsp;<a href="javascript:void(HSystem.views[',
-      this.viewId,
-      '].yearMenu());">',
-      this.year(_date),
-      '</a>'
-    ].join('');
-    ELEM.setHTML( this.markupElemIds.state, _monthYearHTML );
-    this.viewMonth = [_monthFirst.getUTCFullYear(),_monthFirst.getUTCMonth()];
-  }
-});
-HCalendar.implement(HDateTime);