rsence 2.1.11 → 2.2.0

data/js/core/event/event.js

@@ -92,7 +92,7 @@ Event = {
     Event.observers = false;
   },
   
-/** Starts observing the named event of the element and 
+/** Starts observing the named event of the element and
   * specifies a callback function.
   **/
   observe: function(_elem, _name, _function, _useCapture) {
@@ -145,7 +145,7 @@ Event = {
   
 };
 
-// Activates the garbage collector of Internet Explorer 
+// Activates the garbage collector of Internet Explorer
 // when the document is unloaded:
 if (BROWSER_TYPE.ie && !BROWSER_TYPE.ie9) {
   Event.observe(window, "unload", Event.unloadCache, false);

data/js/core/rsence_ns/rsence_ns.coffee

@@ -0,0 +1,31 @@
+
+# The RSence namespace
+RSence =
+  
+  # Call this method from the index page for
+  # client-only features
+  clientConf: (_clientPrefix)->
+    HThemeManager.themePath = _clientPrefix+'/themes'
+    HThemeManager._start()
+
+  # Call this method from the index page to
+  # setup the environment variables and to
+  # start synchronizing immediately afterwards.
+  serverConf: (_clientPrefix, _helloUrl) ->
+    COMM.ClientPrefix = _clientPrefix
+    COMM.Transporter.HelloUrl = _helloUrl
+    RSence.clientConf( _clientPrefix )
+    COMM.AutoSyncStarter.start()
+    null
+  
+  # Storage for guiTrees, cantains
+  # JSONRenderer instances by plugin name.
+  guiTrees: {}
+
+  killGuiTree: (_guiName)->
+    _guiTrees = RSence.guiTrees
+    _guiTree = _guiTrees[_guiName]
+    if _guiTree?
+      _guiTree.die()
+      _guiTrees[_guiName] = null
+      delete _guiTrees[_guiName]

data/js/core/rsence_ns/rsence_ns.js

@@ -6,18 +6,18 @@
  *   with this software package. If not, contact licensing@riassence.com
  */
 
-// RSence namespace, nothing here yet.
-// However, a future version of client_pkg will pack var's assigned like..
-//   var//RSence
-// ..into this namespace.
-// Additional logic for handling the namespaces will however be required.
-var RSence = {
+// RSence client-side namespace initialization.
+// Current contents are a store for guiTrees and the serverConf method for setting up variables before starting.
+var
+RSence = {
   
   // Configuration method for the html document of the server
   serverConf: function(_clientPrefix,_helloUrl){
     COMM.ClientPrefix=_clientPrefix;
     COMM.Transporter.HelloUrl=_helloUrl;
     HThemeManager.themePath=_clientPrefix+'/themes';
+    HThemeManager._start();
+    COMM.AutoSyncStarter.start();
   },
   
   // Structure reserved for JSONRenderer instances remotely populated by the server

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(#{_colSecs})" )
+          _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/js/datetime/calendar/themes/default/calendar.css

@@ -1,7 +1,6 @@
 .calendar_control {
   position: absolute;
-  left: 0px; top: 0px; right: 1px; bottom: 1px;
-  border: 1px solid #999;
+  left: 0px; top: 0px; right: 0px; bottom: 0px;
 }
 .calendar_head {
   position: absolute;
@@ -12,7 +11,6 @@
   position: absolute;
   top: 2px; width: 16px; height: 16px;
   font-size: 0; line-height: 0;
-  line-height: 20px;
   cursor: pointer;
   background-image: #{this.getCssFilePath('calendar_arrows.png')};
 }
@@ -55,7 +53,7 @@
   color: #000;
   font-family: Arial, sans-serif;
   font-size: 11px;
-  line-height: 15px;
+  line-height: 16px;
   vertical-align: middle;
   text-align: center;
 }
@@ -86,11 +84,8 @@
 }
 .calendar_weeks_week_col_no {
   color: #666;
-  border-left: 1px solid #999;
-  border-top: 1px solid #999;
 }
 .calendar_weeks_week_col_no:hover {
-  background-color: #fff;
   color: #000;
 }
 .calendar_weeks_week_col_yes,
@@ -98,11 +93,97 @@
   color: #000;
   background-color: #ddd;
   font-weight: bold;
-  border-left: 1px solid #666;
-  border-top: 1px solid #666;
+  border: 1px solid #666;
 }
 .calendar_weeks_week_col_sel,
 .calendar_weeks_week_col_yes:hover {
   background-color: #fff;
 }
+.calendar_bg {
+  position: absolute;
+  left: -1px; right: -1px;
+  top: -1px; bottom: -2px;
+}
+.calendar_bg * {
+  position: absolute;
+  font-size: 0; line-height: 0; /* ie bug work-arounds */
+}
+.disabled > .calendar_bg {
+  opacity: 0.9;
+}
+.calendar_bg .calendar_nw,
+.calendar_bg .calendar_n,
+.calendar_bg .calendar_ne,
+.calendar_bg .calendar_sw,
+.calendar_bg .calendar_s,
+.calendar_bg .calendar_se {
+  height: 12px;
+  background-image: #{this.getCssFilePath('calendar_parts1.png')};
+}
+.calendar_bg .calendar_c {
+  left: 12px; right: 12px; top: 12px; bottom: 12px;
+  background-color: #fbfafb;
+/*  background-image: #{this.getCssFilePath('calendar_bg.png')};*/
+}
+.calendar_bg .calendar_w,
+.calendar_bg .calendar_e {
+  top: 12px; bottom: 12px;
+  width: 12px;
+  background-image: #{this.getCssFilePath('calendar_parts2.png')};
+}
+.calendar_bg .calendar_n,
+.calendar_bg .calendar_s {
+  left: 12px; right: 12px;
+}
+.calendar_bg .calendar_nw,
+.calendar_bg .calendar_ne,
+.calendar_bg .calendar_sw,
+.calendar_bg .calendar_se {
+  width: 12px;
+}
+.calendar_bg .calendar_nw,
+.calendar_bg .calendar_n,
+.calendar_bg .calendar_ne {
+  top: 0px;
+}
+.calendar_bg .calendar_sw,
+.calendar_bg .calendar_s,
+.calendar_bg .calendar_se {
+  bottom: 0px;
+}
+.calendar_bg .calendar_nw,
+.calendar_bg .calendar_w,
+.calendar_bg .calendar_sw {
+  left: 0px;
+}
+.calendar_bg .calendar_ne,
+.calendar_bg .calendar_e,
+.calendar_bg .calendar_se {
+  right: 0px;
+}
+.calendar_bg .calendar_nw {
+  background-position: 0px 0px;
+}
+.calendar_bg .calendar_n {
+  background-position: 0px -24px;
+}
+.calendar_bg .calendar_ne {
+  background-position: -12px 0px;
+}
+.calendar_bg .calendar_sw {
+  background-position: 0px -12px;
+}
+.calendar_bg .calendar_s {
+  background-position: 0px -36px;
+}
+.calendar_bg .calendar_se {
+  background-position: -12px -12px;
+}
+.calendar_bg .calendar_w {
+  background-position: 0px 0px;
+}
+.calendar_bg .calendar_e {
+  background-position: -12px 0px;
+}
+