rsence-pre 2.3.0.16 → 2.3.0.17

data/js/controls/numerictextcontrol/numerictextcontrol.coffee

@@ -0,0 +1,109 @@
+#### = Description
+  ## HNumericTextControl is an extension of HTextControl that
+  ## validates the input as a number. It supports value ranges.
+  ##
+  ## If you need decimal numbers (floating-point), pass the 
+  ## decimalNumber: true option to the constructor.
+  ####
+HNumericTextControl = HTextControl.extend
+  
+  defaultEvents:
+    mouseWheel:  true
+    textEnter:   true
+    contextMenu: true
+    keyDown:     true
+
+  controlDefaults: HTextControl.prototype.controlDefaults.extend
+    numberIncrement: 1
+    decimalNumber: false
+    decimalPlaces: -1
+    decimalSeparator: '.'
+    withStepper: false
+  
+  ## Uses the mouseWheel event to step up/down the value.
+  mouseWheel: (_delta)->
+    _value = @value
+    if _delta < 0
+      _value = _value-@options.numberIncrement
+    else
+      _value = _value+@options.numberIncrement
+    _value = @validateNumber(_value)
+    @setValue( _value )
+
+  keyDown: (_key)->
+    if _key == Event.KEY_UP
+      @mouseWheel(1)
+      return true
+    else if _key == Event.KEY_DOWN
+      @mouseWheel(-1)
+      return true
+    false
+
+  _numbers: ['0','1','2','3','4','5','6','7','8','9']
+  validateNumber: (_value)->
+    if @options.decimalNumber
+      _value = parseFloat(_value)
+      if @options.decimalPlaces != -1
+        _decPlaces = Math.pow(10,@options.decimalPlaces)
+        _value = Math.round(_value*_decPlaces)/_decPlaces
+    else
+      _value = parseInt( _value, 10 )
+    if isNaN( _value )
+      _value = @value
+    if _value > @maxValue
+      _value = @maxValue
+    else if _value < @minValue
+      _value = @minValue
+    _value
+
+  fieldToValue: (_unFilteredValue)->
+    _value = ''
+    for _chr, i in _unFilteredValue.split('')
+      if _chr == '.' or _chr == @options.decimalSeparator
+        _value += '.'
+        continue
+      if _chr == '-' and i == 0
+        _value += '-'
+      continue unless ~@_numbers.indexOf(_chr)
+      _value += _chr
+    @validateNumber( _value )
+  valueToField: (_value)->
+    _value = @validateNumber(_value)
+    if @options.decimalNumber and @options.decimalPlaces != -1
+      if _value - Math.round(_value) == 0
+        _value = _value+@options.decimalSeparator
+        for n in [0...@options.decimalPlaces]
+          _value += '0'
+      else
+        _value = _value.toString().replace('.',@options.decimalSeparator)
+    _value
+
+  refreshValue: ->
+    @base()
+    @stepper.setValue(@value) if @stepper?
+
+  ### = Description
+  ## Extends the validateText method to ensure the
+  ## input is a number.
+  ###
+  validateText: (_value)-> _value
+
+  drawSubviews: ->
+    @base()
+    @setStyleOfPart('value','textAlign','right')
+    if @options.withStepper
+      @setStyleOfPart('label','right','14px')
+      _top = Math.round((@rect.height-22)/2)
+      @stepper = HStepper.extend(
+        refreshValue: ->
+          @base()
+          @parent.setValue(@value)
+      ).new( [null,_top,14,24,0,null], @,
+        value: @value
+        valueObj: @valueObj
+        minValue: @minValue
+        maxValue: @maxValue
+        stepSize: @options.numberIncrement
+        enabled: @enabled
+      )
+      @stepper.bringToFront()

data/js/controls/onoffbutton/onoffbutton.coffee

@@ -0,0 +1,44 @@
+HOnOffButton = HCheckbox.extend
+  componentName: 'onoffbutton'
+  defaultEvents:
+    click: true
+  controlDefaults: HControlDefaults.extend
+    label: 'ON'
+    labelOff: 'OFF'
+    constructor: (_ctrl)->
+      if @label instanceof Array
+        @labelOff = @label[1]
+        @label = @label[0]
+      _ctrl.labelOff = @labelOff
+  markupElemNames: [ 'label', 'offlabel', 'control', 'onvalue', 'offvalue' ]
+  refreshLabel: ->
+    @base()
+    @refreshLabelOff()
+  setLabel: (_arr)->
+    if _arr instanceof Array
+      _label = _arr[0]
+      @setLabelOff( _arr[1] )
+    else
+      _label = _arr
+    @setMarkupOfPart('label',_label)
+  setLabelOff: (_label)->
+    @offLabel = _label
+    @refreshLabelOff()
+  refreshLabelOff: ->
+    @setMarkupOfPart( 'offlabel', @labelOff )
+  refreshValue: ->
+    if @value != false
+      @setStyleOfPart( 'offvalue', 'display', 'none' )
+    if @value != true
+      @setStyleOfPart( 'onvalue', 'display', 'none' )
+    if @value == false
+      @setStyleOfPart( 'offvalue', 'display', 'block' )
+    if @value == true
+      @setStyleOfPart( 'onvalue', 'display', 'block' )
+  click: (x,y)->
+    hw = @rect.width*0.5
+    x = x-@pageX()
+    if x < hw
+      @setValue(true)
+    else
+      @setValue(false)

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

@@ -0,0 +1,50 @@
+.onoffbutton_label,
+.onoffbutton_label_off {
+  position: absolute;
+  top: 2px; height: 20px; line-height: 20px;
+  text-align: center; vertical-align: middle;
+  font-family: Arial, sans-serif;
+  font-size: 12px; font-weight: bold;
+  color: #333;
+}
+.onoffbutton_label {
+  left: 6px; right: 50%; 
+}
+.onoffbutton_label_off {
+  right: 6px; left: 50%; 
+}
+.disabled > .button_control > .onoffbutton_label,
+.disabled > .button_control > .onoffbutton_label_off {
+  color: #999;
+}
+.enabled > .button_control:hover > .onoffbutton_label,
+.enabled > .button_control:active > .onoffbutton_label_off {
+  color: #000;
+}
+.enabled > .button_control:active > .onoffbutton_label,
+.enabled > .button_control:active > .onoffbutton_label_off {
+  color: #000;
+}
+.onoffbutton_on,
+.onoffbutton_off {
+  position: absolute;
+  display: none;
+  top: 1px; height: 20px;
+  opacity: 0.6;
+}
+.onoffbutton_off {
+  left: 50%; right: 1px;
+  background-color: #660000;
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.onoffbutton_on {
+  right: 50%; left: 1px;
+  background-color: #006600;
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.disabled > .button_control > .onoffbutton_off,
+.disabled > .button_control > .onoffbutton_on {
+  opacity: 0.3;
+}

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

@@ -0,0 +1,10 @@
+<div class="button_control" id="control#{_ID}">
+  <div class="button_edge_left"></div>
+  <div class="button_center"></div>
+  <div class="button_edge_right"></div>
+  <div class="onoffbutton_on" id="onvalue#{_ID}"></div>
+  <div class="onoffbutton_off" id="offvalue#{_ID}"></div>
+  <div class="onoffbutton_label" id="label#{_ID}">#{this.label}</div>
+  <div class="onoffbutton_label_off" id="offlabel#{_ID}">#{this.offLabel}</div>
+  <div class="button_antiselect"></div>
+</div>

data/js/controls/textcontrol/textcontrol.coffee

@@ -0,0 +1,291 @@
+#### = Description
+  ## HTextControl is a control unit that represents an editable input 
+  ## line of text. Commonly, textcontrol is used as a single text field in 
+  ## the request forms. HTextControl view or theme can be changed; the 
+  ## default_theme is used by default.
+  ##
+  ## = Instance variables
+  ## +type+::   '[HTextControl]'
+  ## +value+::  The string that is currently held by this object.
+  ####
+HTextControl = HControl.extend
+
+  componentName: 'textcontrol'
+
+  # allows text selection
+  textSelectable: true
+  
+  defaultEvents:
+    textEnter: true
+    contextMenu: true
+  
+  controlDefaults: HControlDefaults.extend
+    labelStyle:
+      textIndent: 0
+      fontSize: '10px'
+      color: '#666'
+    refreshAfter:   1
+    refreshOnBlur:  true
+    refreshOnInput: true
+    refreshOnIdle:  true
+    focusOnCreate:  false
+
+  ## This flag is true, when the text input field has focus.
+  hasTextFocus: false
+  
+  ### = Description
+  ## The contextMenu event for text input components is not prevented by default.
+  ###
+  contextMenu: -> true
+
+  ### = Description
+  ## The refreshLabel method sets the title property of the text
+  ## field, essentially creating a tooltip using the label.
+  ###
+  refreshLabel: ->
+    return unless @label
+    if @markupElemIds? and @markupElemIds.label?
+      @setAttrOfPart( 'label', 'title', @label )
+    else
+      return
+    if @_labelView?
+      @_labelView.setLabel( @label )
+    else
+      @_labelView = HLabel.new( [ 2, 2, 2000, 28 ], @,
+        label: @label
+        style: @options.labelStyle
+      )
+    _labelWidth = @_labelView.stringWidth( @label, null, @_labelView.markupElemIds.value )+4
+    @_labelView.rect.setWidth( _labelWidth )
+    @_labelView.drawRect()
+    if @componentName == 'textarea'
+      @setStyleOfPart('value','textIndent',_labelWidth+'px')
+    else
+      @setStyleOfPart('label','left',_labelWidth+'px')
+  
+  drawSubviews: ->
+    ELEM.setStyle(@elemId,'overflow','visible')
+    @base()
+    if @options.focusOnCreate
+      @getInputElement().focus()
+      @setSelectionRange( @value.length, @value.length ) if @typeChr(@value) == 's'
+  
+  lostActiveStatus: ->
+    if @markupElemIds? && @markupElemIds.value?
+      ELEM.get( @markupElemIds.value ).blur()
+      @textBlur()
+  
+  setStyle: (_name, _value, _cacheOverride)->
+    @base(_name, _value, _cacheOverride)
+    return unless @markupElemIds? && @markupElemIds.value?
+    @setStyleOfPart('value', _name, _value, _cacheOverride)
+  
+  setEnabled: (_flag)->
+    @base(_flag)
+    if @markupElemIds? and @markupElemIds.value?
+      ELEM.get(@markupElemIds.value).disabled = !@enabled
+  
+  _clipboardEventTimer: null
+  _getChangeEventFn: ->
+    _this = @
+    return (e)->
+      clearTimeout( _this._clipboardEventTimer ) if _this._clipboardEventTimer
+      _this._clipboardEventTimer = setTimeout( ( -> _this.clipboardEvent() ), 200 )
+      return true
+  _changedFieldValue: (_value1,_value2)-> _value1 != _value2
+  _updateValueFromField: ->
+    _validatedValue = @validateText( @getTextFieldValue() )
+    if @_changedFieldValue( _validatedValue, @value )
+      @setValue( _validatedValue )
+  
+  clipboardEvent: ->
+    @_updateValueFromField()
+    clearTimeout( @_clipboardEventTimer )
+    @_clipboardEventTimer = null
+  
+  _changeEventFn: null
+  _clearChangeEventFn: ->
+    if @_changeEventFn
+      Event.stopObserving( ELEM.get(@markupElemIds.value), 'paste', @_changeEventFn )
+      Event.stopObserving( ELEM.get(@markupElemIds.value), 'cut', @_changeEventFn )
+      @_changeEventFn = null
+
+  _setChangeEventFn: ->
+    @_clearChangeEventFn() if @_changeEventFn
+    @_changeEventFn = @_getChangeEventFn()
+    Event.observe( ELEM.get(@markupElemIds.value), 'paste', @_changeEventFn )
+    Event.observe( ELEM.get(@markupElemIds.value), 'cut', @_changeEventFn )
+  
+  ### = Description
+  ## Special event for text entry components.
+  ## Called when the input field gains focus.
+  ##
+  ###
+  textFocus: ->
+    EVENT.changeActiveControl( @ )
+    @hasTextFocus = true
+    @_setChangeEventFn()
+    true
+
+  ### = Description
+  ## Special event for text entry components.
+  ## Called when the input field loses focus.
+  ###
+  textBlur: ->
+    @hasTextFocus = false
+    @_clearChangeEventFn()
+    if @options.refreshOnBlur
+      @_updateValueFromField()
+      @refreshValue()
+    true
+  
+  idle: ->
+    @refreshAfter() if @hasTextFocus and @options.refreshOnIdle and @options.refreshOnInput
+  
+  refreshValue: ->
+    @setTextFieldValue( @value )
+
+  ### = Description
+  ## Placeholder method for validation of the value.
+  ##
+  ###
+  validateText: (_value)->
+    @fieldToValue(_value)
+  
+  ### = Description
+  ## Returns the input element or null, if no input element created (yet).
+  ###
+  getInputElement: ->
+    return ELEM.get( @markupElemIds.value ) if @markupElemIds and @markupElemIds.value
+    null
+  
+  ### = Description
+  ## Returns the value of the input element.
+  ###
+  getTextFieldValue: ->
+    _inputElement = @getInputElement()
+    if _inputElement?
+      return _inputElement.value
+    else
+      return ''
+  
+  valueToField: (_value)-> _value
+  fieldToValue: (_value)-> _value
+
+  ### = Description
+  ## Sets the value of the input element.
+  ##
+  ## = Parameters
+  ## +_value+::  The value to set.
+  ###
+  setTextFieldValue: (_value)->
+    _inputElement = @getInputElement()
+    return unless _inputElement?
+    [ _selectionStart, _selectionEnd ] = @getSelectionRange()
+    _value = @valueToField(_value)
+    _inputElement.value = _value if _inputElement.value != _value.toString()
+    @setSelectionRange( _selectionStart, _selectionEnd )
+  
+  # returns a random number prefixed and suffixed with '---'
+  _randomMarker: -> '---'+Math.round((1+Math.random())*10000)+'---'
+  
+  die: ->
+    @getInputElement().blur() if @hasTextFocus
+    clearTimeout(@_refreshTimer) if @_refreshTimer
+    @_refreshTimer = null
+    @_clearChangeEventFn()
+    @base()
+  
+  ### = Description
+  ## Returns the selection (or text cursor position) of the input element
+  ## as an +Array+ like +[ startOffset, endOffset ]+.
+  ###
+  getSelectionRange: ->
+    _inputElement = @getInputElement()
+    if _inputElement == null or @hasTextFocus == false
+      _rangeArr = [ 0, 0 ]
+    ## Internet Explorer:
+    else if document.selection
+      # create a range object
+      _range = document.selection.createRange()
+      # original range text
+      _rangeText = _range.text
+      _rangeLength = _rangeText.length
+      # make a copy of the text and replace \r\n with \n
+      _origValue = _inputElement.value.replace(/\r\n/g, "\n")
+      # create random marker to replace the text with
+      _marker = @_randomMarker()
+      # re-generate marker if it's found in the text.
+      _marker = @_randomMarker() until ~_origValue.indexOf( _marker )
+      _markerLength = _marker.length
+      # temporarily set the text of the selection to the unique marker
+      _range.text = _marker
+      _markerValue = _inputElement.value.replace(/\r\n/g, "\n")
+      _range.text = _rangeText
+      _markerIndex = _markerValue.indexOf( _marker )
+      _rangeArr = [ _markerIndex, _markerIndex + _rangeLength ]
+    ## Other browsers
+    else if _inputElement.selectionStart
+      _rangeArr = [ _inputElement.selectionStart, _inputElement.selectionEnd ]
+    ## No support:
+    else
+      _rangeArr = [ 0, 0 ]
+    return _rangeArr
+  
+  _refreshTimer: null
+  _lastFieldValue: null
+  refreshAfter: ->
+    _fieldValue = @getTextFieldValue()
+    if @_lastFieldValue == null or _fieldValue != @_lastFieldValue
+      @_lastFieldValue = _fieldValue
+      if @_refreshTimer
+        clearTimeout( @_refreshTimer )
+        @_refreshTimer = null
+      if @options.refreshAfter and @options.refreshAfter > 0
+        _this = @
+        @_refreshTimer = setTimeout( (->
+          _this._updateValueFromField()
+        ), @options.refreshAfter*1000 )
+      else
+        @_updateValueFromField()
+    # @setValue( @validateText( @getTextFieldValue() ) )
+    # @refreshValue()
+
+  ### = Description
+  ## Sets the selection (or text cursor position) of the input element.
+  ##
+  ## = Parameters
+  ## +_selectionStart+::   The start of the selection (or an Array containing
+  ##                       both start and end offset, see below).
+  ## +_selectionEnd+::     The end offset of the selection.
+  ##
+  ## = Note
+  ## - +_selectionStart+ can also be given as an +Array+
+  ##   like +[ startOffset, endOffset ]+.
+  ## - If the +_selectionEnd+ is omitted, no selection is made; the text 
+  ##   cursor is positioned at the startOffset instead.
+  ###
+  setSelectionRange: ( _selectionStart, _selectionEnd )->
+    if @typeChr( _selectionStart ) == 'a'
+      _selectionEnd = _selectionStart[1];
+      _selectionStart = _selectionStart[0];
+    unless _selectionEnd?
+      _selectionEnd = _selectionStart
+    _inputElement = @getInputElement()
+    return if _inputElement == null or @hasTextFocus == false
+    # Internet Explorer
+    if _inputElement.createTextRange
+      _range = _inputElement.createTextRange()
+      _range.move( 'character', _selectionStart, _selectionEnd )
+      _range.select()
+    # Other browsers:
+    else if _inputElement.selectionStart
+      _inputElement.setSelectionRange( _selectionStart, _selectionEnd )
+  
+  ### = Description
+  ## Receives the +textEnter+ event to update the value
+  ## based on what's (potentially) entered in the text input field.
+  ###
+  textEnter: ->
+    @refreshAfter() if @options.refreshOnInput
+    return false

data/js/core/class/class.js

@@ -96,7 +96,7 @@ HClass.prototype = {
             _returnValue = _method.apply(this, arguments);
           }
           catch(e){
-            !this.isProduction && console.warn("An exception occurred while calling base: ",this._exceptionProperties(e)," object: ",_ancestor);
+            !this.isProduction && console.warn("An exception occurred while calling base: ",HClass.prototype._exceptionProperties(e)," object: ",_ancestor);
             _returnValue = null;
           }
           // then because event this function can be called from child method

data/js/core/elem/elem.coffee

@@ -21,6 +21,9 @@ BROWSER_TYPE =
   firefox2: false
   firefox3: false
   firefox4: false # version 4 or newer
+  ios: false
+  iphone: false # also true for iPod touch
+  ipad: false
 
 ###
 The DOM Element abstraction engine
@@ -796,7 +799,80 @@ ELEM = HClass.extend
     else
       @_runCmd( @_domLoadQueue.shift() )
     null
-  
+
+  ###
+  Returns an array of key, value style string pair containing the gradient style supported by the current browser.
+
+  The format of the colorSteps Object with the following items:
+    Key      Description
+    start    Default background color in a valid hexadecimal color format, also the start color
+    end      Default gradient end color for dumber browsers
+    type     Currently only 'linearTopBottom' is supported
+    steps    An Array containing color, percent (number without suffix) pairs, like [ 10, '#fff']
+  ###
+  _standardGradientSteps: (_startColor,_stepsIn,_endColor)->
+    _steps = [ "#{_startColor} 0%" ]
+    if _stepsIn.length != 0
+      for _step in _stepsIn
+        _steps.push "#{_step[1]} #{_step[0]}%"
+    _steps.push "#{_endColor} 100%"
+    return _steps
+  _linearGradientStyle: (_gradient)->
+    # IE6-8
+    if BROWSER_TYPE.ie and not BROWSER_TYPE.ie9 and not BROWSER_TYPE.ie10
+      _key   = 'filter'
+      _value = "progid:DXImageTransform.Microsoft.gradient( startColorstr='#{_gradient.start}', endColorstr='#{_gradient.end}',GradientType=0 )"
+    # IE9
+    else if BROWSER_TYPE.ie9 or BROWSER_TYPE.ie10
+      # IE9 SVG, needs conditional override of 'filter' to 'none'
+      # Also static white-shaded svg, needs a svg source to base64 utility
+      _key = 'background'
+      _svg = '<?xml version="1.0" ?>'
+      _svg += '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">'
+      _svg += '<linearGradient id="gradientie9" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%">'
+      _svg += """<stop offset="0%" stop-color="##{_gradient.start}" />"""
+      for _step in _gradient.steps
+        _svg += """<stop offset="#{_step[0]}%" stop-color="##{_step[1]}" />"""
+      _svg += """<stop offset="100%" stop-color="##{_gradient.end}" />"""
+      _svg += _svgSteps.join('')
+      _svg += '</linearGradient>'
+      _svg += '<rect x="0" y="0" width="1" height="1" fill="url(#gradientie9)" />'
+      _svg += '</svg>'
+      _svg64 = @sha.str2Base64(_svg)
+      _value = "url(data:image/svg+xml;base64,#{_svg64})"
+    else if BROWSER_TYPE.ie10
+      _key   = 'background'
+      _steps = @_standardGradientSteps(_gradient.start,_gradient.steps,_gradient.end).join(',')
+      _value = "-ms-linear-gradient(top, #{_steps})"
+    # Firefox 3.6 and newer
+    else if BROWSER_TYPE.firefox4 or BROWSER_TYPE.firefox3
+      _key   = 'background'
+      _steps = @_standardGradientSteps(_gradient.start,_gradient.steps,_gradient.end).join(', ')
+      _value = "-moz-linear-gradient(top, #{_steps})"
+    # Chrome and Safari
+    else if BROWSER_TYPE.safari or BROWSER_TYPE.chrome
+      _key   = 'background'
+      # Chrome10+,Safari5.1+
+      _steps = @_standardGradientSteps(_gradient.start,_gradient.steps,_gradient.end).join(',')
+      _value = "-webkit-linear-gradient(top, #{_steps})"
+      # Chrome,Safari4+ (unsupported)
+      # -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(9%,#efefef), color-stop(91%,#e0e0e0), color-stop(100%,#efefef))
+    # Opera 11.10+
+    else if BROWSER_TYPE.opera
+      _key   = 'background'
+      _steps = @_standardGradientSteps(_gradient.start,_gradient.steps,_gradient.end).join(',')
+      _value = "-o-linear-gradient(top, )"
+    else
+      # Old browsers
+      _key   = 'background'
+      _value = _gradient.start
+      # W3C standard:
+      # _steps = @_standardGradientSteps(_gradient.start,_gradient.steps,_gradient.end).join(',')
+      # _value = "linear-gradient(to bottom, #{_steps})"
+    return [ _key, _value ]
+  _linearGradientCSS: (_gradient)->
+    @_linearGradientStyle(_gradient).join(': ')+';'
+
   ###
   Does browser version checks and starts the document loaded check poll
   ###
@@ -816,6 +892,7 @@ ELEM = HClass.extend
       _browserType.ie9 = !!~_ua.indexOf('MSIE 9')
       _browserType.ie10 = !!~_ua.indexOf('MSIE 10')
       unless _browserType.ie9
+        @sha = SHA.new(8) # SHA1 needed for IE9/10 SVG base64 encoding
         _browserType.ie9 = _browserType.ie10 # IE 10 is treated like IE 9
     _browserType.mac = !!~_ua.indexOf('Macintosh')
     _browserType.win = !!~_ua.indexOf('Windows')
@@ -823,6 +900,11 @@ ELEM = HClass.extend
     _browserType.firefox2 = !!~_ua.indexOf('Firefox/2.')
     _browserType.firefox3 = !!~_ua.indexOf('Firefox/3.')
     _browserType.firefox4 = _browserType.firefox and not _browserType.firefox2 and not _browserType.firefox3
+    _iPhone = !!~_ua.indexOf('iPhone') or !!~_ua.indexOf('iPod')
+    _iPad = !!~_ua.indexOf('iPad')
+    _browserType.ios = _iPhone or _iPad
+    _browserType.iphone = _iPhone
+    _browserType.ipad = _iPad
     @_domWaiter()
     null