rsence-pre 2.3.0.20 → 2.3.0.21

data/VERSION

@@ -1 +1 @@
-2.3.0.20.pre
+2.3.0.21.pre

data/conf/client_pkg.yaml

@@ -22,13 +22,11 @@
     
     # RSence.Core
     - class             # HClass
+    - sha               # SHA
     - elem              # ELEM
     - event             # Event
     - util_methods      # UtilMethods
     
-    # RSence.Util
-    - sha               # SHA
-    
     # RSence.Foundation
     - system            # HSystem
     - valueresponder    # HValueResponder

data/js/chat/speech_bubble/themes/default/speech_bubble.html

@@ -1,7 +1,7 @@
-<div class="speechbubble" #{BROWSER_TYPE.ie9?'style="filter:none;" ':' '}id="bg#{_ID}">
-  <div class="subview" id="subview#{_ID}"></div>
-  <div class="direction" id="directionbg#{_ID}"></div>
-  <div class="direction_inner"  id="directionupperfg#{_ID}"></div>
-  <div class="direction_inner2" id="directionlowerfg#{_ID}"></div>
-  <div class="text" id="value#{_ID}"></div>
+<div class="speechbubble" #{BROWSER_TYPE.ie9?'style="filter:none;" ':' '}id="bg]I[">
+  <div class="subview" id="subview]I["></div>
+  <div class="direction" id="directionbg]I["></div>
+  <div class="direction_inner"  id="directionupperfg]I["></div>
+  <div class="direction_inner2" id="directionlowerfg]I["></div>
+  <div class="text" id="value]I["></div>
 </div>

data/js/comm/jsloader/jsloader.js

@@ -65,25 +65,6 @@ COMM.JSLoader = HClass.extend({
     // console.log('jsLoader load:',_url);
     COMM.Queue.pause();
     _this._loadedJS.push(_url);
-    if(BROWSER_TYPE.symbian && _isFullUrl){
-      alert('Sorry, this browser does not support loading external scripts!');
-      return;
-    }
-    else if(BROWSER_TYPE.symbian){
-      _this._req = COMM.request(
-        _url, {
-          onSuccess: function(_resp){
-            _this._req = null;
-            COMM.Queue.unshiftEval(_resp.X.responseText);
-            COMM.Queue.resume();
-          },
-          onFailure: _this._fail,
-          method: 'GET',
-          async: true
-        }
-      );
-      return;
-    }
     var _script = document.createElement('script');
     if(BROWSER_TYPE.ie){
       _script.onreadystatechange = function(){

data/js/comm/queue/queue.js

@@ -22,6 +22,13 @@ COMM.Queue = HApplication.extend({
     
     // Run with priority 10; not too demanding but not too sluggish either
     this.base(10);
+
+    if( document.head ){
+      this._headElem = document.head;
+    }
+    else {
+      this._headElem = document.getElementsByTagName('head')[0];
+    }
   },
   
 /** Checks periodically, if the queue needs flushing.
@@ -189,16 +196,26 @@ COMM.Queue = HApplication.extend({
 
   addScript: function(_scriptId,_scriptSrc){
     var
-    _script = document.createElement('script');
+    _script = document.createElement('script'),
+    _scriptSrcNode;
     this._scripts[_scriptId] = _script;
-    _script.textContent = _scriptSrc;
-    document.head.appendChild(_script);
+    if( typeof _script.textContent !== 'undefined' && _script.textContent !== null ){
+      _script.textContent = _scriptSrc;
+    }
+    else if ( typeof _script.text !== 'undefined' && _script.text !== null ){
+      _script.text = _scriptSrc;
+    }
+    else {
+      _scriptSrcNode = document.createTextNode(_scriptSrc);
+      _script.appendChild( _scriptSrcNode );
+    }
+    this._headElem.appendChild(_script);
   },
 
   delScript: function(_scriptId){
     var
     _script = this._scripts[_scriptId];
-    document.head.removeChild(_script);
+    this._headElem.removeChild(_script);
     delete this._scripts[_scriptId];
   }
 }).nu();

data/js/controls/button/themes/bright/button.html

@@ -1,7 +1,7 @@
-<div class="button_control" id="control#{_ID}">
+<div class="button_control" id="control]I[">
   <div class="button_edge_left"></div>
   <div class="button_center"></div>
   <div class="button_edge_right"></div>
-  <div class="button_label" id="label#{_ID}">#{this.label}</div>
+  <div class="button_label" id="label]I[">#{this.label}</div>
   <div class="button_antiselect"></div>
 </div>

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

@@ -1,7 +1,7 @@
-<div class="button_control" id="control#{_ID}">
+<div class="button_control" id="control]I[">
   <div class="button_edge_left"></div>
   <div class="button_center"></div>
   <div class="button_edge_right"></div>
-  <div class="button_label" id="label#{_ID}">#{this.label}</div>
+  <div class="button_label" id="label]I[">#{this.label}</div>
   <div class="button_antiselect"></div>
 </div>

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

@@ -8,7 +8,7 @@
   left: 0px; top: 0px; right: 0px;
   cursor: pointer;
 }
-#{BROWSER_TYPE.ie6?'.disabled .checkbox_control':'.disabled > .checkbox_control'} {
+.disabled > .checkbox_control {
   cursor: default;
 }
 .checkbox_state {
@@ -18,30 +18,30 @@
   background-image: #{this.getCssFilePath('checkbox_parts1.png')};
 }
 
-#{BROWSER_TYPE.ie6?'.enabled .unchecked .checkbox_state':'.enabled > .unchecked > .checkbox_state'} {
+.enabled > .unchecked > .checkbox_state {
   background-position: -24px 0px;
 }
-#{BROWSER_TYPE.ie6?'.enabled .unchecked:hover .checkbox_state':'.enabled > .unchecked:hover > .checkbox_state'} {
+.enabled > .unchecked:hover > .checkbox_state {
   background-position: -24px -24px;
 }
-#{BROWSER_TYPE.ie6?'.enabled .unchecked:active .checkbox_state':'.enabled > .unchecked:active > .checkbox_state'} {
+.enabled > .unchecked:active > .checkbox_state {
   background-position: -24px -48px;
 }
 
-#{BROWSER_TYPE.ie6?'.enabled .checked .checkbox_state':'.enabled > .checked > .checkbox_state'} {
+.enabled > .checked > .checkbox_state {
   background-position: 0px 0px;
 }
-#{BROWSER_TYPE.ie6?'.enabled .checked:hover .checkbox_state':'.enabled > .checked:hover > .checkbox_state'} {
+.enabled > .checked:hover > .checkbox_state {
   background-position: 0px -24px;
 }
-#{BROWSER_TYPE.ie6?'.enabled .checked:active .checkbox_state':'.enabled > .checked:active > .checkbox_state'} {
+.enabled > .checked:active > .checkbox_state {
   background-position: 0px -48px;
 }
 
-#{BROWSER_TYPE.ie6?'.disabled .unchecked .checkbox_state':'.disabled > .unchecked > .checkbox_state'} {
+.disabled > .unchecked > .checkbox_state {
   background-position: -24px -72px;
 }
-#{BROWSER_TYPE.ie6?'.disabled .checked .checkbox_state':'.disabled > .checked > .checkbox_state'} {
+.disabled > .checked > .checkbox_state {
   background-position: 0px -72px;
 }
 
@@ -53,13 +53,13 @@
   font-size: 12px;
   color: #333;
 }
-#{BROWSER_TYPE.ie6?'.disabled .checkbox_control .checkbox_label':'.disabled > .checkbox_control > .checkbox_label'} {
+.disabled > .checkbox_control > .checkbox_label {
   color: #999;
 }
-#{BROWSER_TYPE.ie6?'.enabled .checkbox_control:hover .checkbox_label':'.enabled > .checkbox_control:hover > .checkbox_label'} {
+.enabled > .checkbox_control:hover > .checkbox_label {
   color: #000;
 }
-#{BROWSER_TYPE.ie6?'.enabled .checkbox_control:active .checkbox_label':'.enabled > .checkbox_control:active > .checkbox_label'} {
+.enabled > .checkbox_control:active > .checkbox_label {
   color: #000;
 }
 

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

@@ -1,5 +1,5 @@
-<div class="checkbox_control#{this.value?' checked':' unchecked'}" id="control#{_ID}">
-  <div class="checkbox_state" id="state#{_ID}"></div>
-  <div class="checkbox_label" id="label#{_ID}">#{this.label}</div>
+<div class="checkbox_control#{this.value?' checked':' unchecked'}" id="control]I[">
+  <div class="checkbox_state" id="state]I["></div>
+  <div class="checkbox_label" id="label]I[">#{this.label}</div>
   <div class="checkbox_antiselect"></div>
-</div>
+</div>

data/js/controls/dialogs/sheet/themes/default/sheet.html

@@ -1,5 +1,5 @@
-<div class="sheet_dimmer" id="dimmer#{_ID}"></div>
-<div class="sheet_content" id="state#{_ID}">
+<div class="sheet_dimmer" id="dimmer]I["></div>
+<div class="sheet_content" id="state]I[">
   <div class="sheet_bg"></div>
   <div class="sheet_body">
     <div class="sheet_body_edge_left"></div>
@@ -8,5 +8,5 @@
     <div class="sheet_body_corner_left"></div>
     <div class="sheet_body_corner_right"></div>
   </div>
-  <div class="sheet_subview" id="subview#{_ID}"></div>
-</div>
+  <div class="sheet_subview" id="subview]I["></div>
+</div>

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

@@ -1,10 +1,10 @@
-<div class="button_control" id="control#{_ID}">
+<div class="button_control" id="control]I[">
   <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="onoffbutton_on" id="onvalue]I["></div>
+  <div class="onoffbutton_off" id="offvalue]I["></div>
+  <div class="onoffbutton_label" id="label]I[">#{this.label}</div>
+  <div class="onoffbutton_label_off" id="offlabel]I[">#{this.offLabel}</div>
   <div class="button_antiselect"></div>
 </div>

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

@@ -10,9 +10,9 @@
 <div class="textcontrol_se"></div>
 <div class="textcontrol_sw"></div>
 
-<div id="label#{_ID}" title="#{this.label}" class="textcontrol_input_parent">
+<div id="label]I[" 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}" />
+    id="value]I[" value="#{this.value}" />
 </div>

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

@@ -18,30 +18,30 @@
   background-image: #{this.getCssFilePath('radiobutton_parts1.png')};
 }
 
-#{BROWSER_TYPE.ie6?'.enabled .unchecked .radiobutton_state':'.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'} {
+.enabled > .unchecked:hover > .radiobutton_state {
   background-position: -24px -24px;
 }
-#{BROWSER_TYPE.ie6?'.enabled .unchecked:active .radiobutton_state':'.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'} {
+.enabled > .checked > .radiobutton_state {
   background-position: 0px 0px;
 }
-#{BROWSER_TYPE.ie6?'.enabled .checked:hover .radiobutton_state':'.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'} {
+.enabled > .checked:active > .radiobutton_state {
   background-position: 0px -48px;
 }
 
-#{BROWSER_TYPE.ie6?'.disabled .unchecked .radiobutton_state':'.disabled > .unchecked > .radiobutton_state'} {
+.disabled > .unchecked > .radiobutton_state {
   background-position: -24px -72px;
 }
-#{BROWSER_TYPE.ie6?'.disabled .checked .radiobutton_state':'.disabled > .checked > .radiobutton_state'} {
+.disabled > .checked > .radiobutton_state {
   background-position: 0px -72px;
 }
 
@@ -53,13 +53,13 @@
   font-size: 12px;
   color: #333;
 }
-#{BROWSER_TYPE.ie6?'.disabled .radiobutton_control .radiobutton_label':'.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'} {
+.enabled > .radiobutton_control:hover > .radiobutton_label {
   color: #000;
 }
-#{BROWSER_TYPE.ie6?'.enabled .radiobutton_control:active .radiobutton_label':'.enabled > .radiobutton_control:active > .radiobutton_label'} {
+.enabled > .radiobutton_control:active > .radiobutton_label {
   color: #000;
 }
 

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

@@ -1,5 +1,5 @@
-<div class="radiobutton_control#{this.value?' checked':' unchecked'}" id="control#{_ID}">
-  <div class="radiobutton_state" id="state#{_ID}"></div>
-  <div class="radiobutton_label" id="label#{_ID}">#{this.label}</div>
+<div class="radiobutton_control#{this.value?' checked':' unchecked'}" id="control]I[">
+  <div class="radiobutton_state" id="state]I["></div>
+  <div class="radiobutton_label" id="label]I[">#{this.label}</div>
   <div class="radiobutton_antiselect"></div>
-</div>
+</div>

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

@@ -13,7 +13,11 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
-  #{(BROWSER_TYPE.firefox||BROWSER_TYPE.ie7||BROWSER_TYPE.ie8||BROWSER_TYPE.ie9||BROWSER_TYPE.opera)?'padding-left:2px;width:85% !important;height:90% !important;':BROWSER_TYPE.ie6?'right:3px;height:16px;':'padding:2px;padding-top:4px;right:3px;height:22px;width:auto;'}
+  #{(
+  (BROWSER_TYPE.firefox||BROWSER_TYPE.ie7||BROWSER_TYPE.ie8||BROWSER_TYPE.ie9||BROWSER_TYPE.opera)?
+    'padding-left:2px;width:85% !important;height:90% !important;':
+    'padding:2px;padding-top:4px;right:3px;height:22px;width:auto;'
+  )}
 }
 
 .default .searchfield_input:focus {
@@ -27,7 +31,11 @@
 
 .default .searchfield_input_parent {
   position: absolute;
-  #{(BROWSER_TYPE.firefox||BROWSER_TYPE.ie7||BROWSER_TYPE.ie8||BROWSER_TYPE.ie9||BROWSER_TYPE.opera)?'left:0;padding-left:1px;top:0;right:4px;bottom:0;':BROWSER_TYPE.ie6?'left:2px;top:1px;right:1px;height:20px;':'left:-2px;top:-2px;right:-2px;height:24px;'}
+  #{(
+  (BROWSER_TYPE.firefox||BROWSER_TYPE.ie7||BROWSER_TYPE.ie8||BROWSER_TYPE.ie9||BROWSER_TYPE.opera)?
+    'left:0;padding-left:1px;top:0;right:4px;bottom:0;':
+    'left:-2px;top:-2px;right:-2px;height:24px;'
+  )}
 }
 
 .default .searchfield_fade,
@@ -38,7 +46,6 @@
   height: 24px;
   background-repeat: no-repeat;
   background-image: #{this.getCssFilePath('searchfield_parts1.png')};
-  #{BROWSER_TYPE.ie6?'font-size:0;line-height:0;':''}
 }
 
 .default .searchfield_fade {

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

@@ -2,11 +2,11 @@
 <div class="searchfield_c"></div>
 <div class="searchfield_e"></div>
 
-<div id="label#{_ID}" title="#{this.label}" class="searchfield_input_parent">
+<div id="label]I[" title="#{this.label}" class="searchfield_input_parent">
   <input type="text" class="searchfield_input" #{this.enabled?'':'disabled'}
     onfocus="HSystem.views[#{this.viewId}].textFocus();" 
     onblur="HSystem.views[#{this.viewId}].textBlur();" 
-    id="value#{_ID}" value="#{this.value}" />
+    id="value]I[" value="#{this.value}" />
 </div>
 
 <div class="searchfield_fade"></div>

data/js/controls/sliders/slider/themes/default/slider.html

@@ -1,5 +1,5 @@
 <div class="slider_track_left"></div>
 <div class="slider_track_right"></div>
 <div class="slider_track"></div>
-<div class="slider_thumb" id="control#{_ID}"></div>
-${this.thumbSize=21;}
+<div class="slider_thumb" id="control]I["></div>
+${this.thumbSize=21;}

data/js/controls/sliders/vslider/themes/default/vslider.html

@@ -1,5 +1,5 @@
 <div class="vslider_track_top"></div>
 <div class="vslider_track_bottom"></div>
 <div class="vslider_track"></div>
-<div class="vslider_thumb" id="control#{_ID}"></div>
-${this.thumbSize=21;}
+<div class="vslider_thumb" id="control]I["></div>
+${this.thumbSize=21;}

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

@@ -1,2 +1,2 @@
-<div class="stepper_state" id="state#{_ID}"></div>
+<div class="stepper_state" id="state]I["></div>
 ${this.bgStateUp='0px -23px';this.bgStateDown='0px -46px';}

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

@@ -1 +1 @@
-<div class="stringview" id="value#{_ID}"></div>
+<div class="stringview" id="value]I["></div>

data/js/controls/tab/tab.js

@@ -166,7 +166,7 @@ HTab = HControl.extend({
     if(this.tabTriggerLink&&this.tabLabelElementTagName==='a'){
       ELEM.setAttr(_tabLabelElemId,'href','javascript:HSystem.views['+this.viewId+'].selectTab('+_tabIdx+');');
     }
-    else if (this.tabTriggerLink && !(BROWSER_TYPE.ie7 || BROWSER_TYPE.ie6)){
+    else if (this.tabTriggerLink && !BROWSER_TYPE.ie7){
       var _this = this;
       Event.observe( ELEM.get(_tabLabelElemId), 'click', function(){ _this.selectTab(_tabIdx); } );
     }

data/js/controls/tab/themes/bright/tab.html

@@ -1,6 +1,6 @@
-<div class="tab_bg"    id="bg#{_ID}">
+<div class="tab_bg"    id="bg]I[">
   <div class="tab_fg"></div>
 </div>
-<div class="tab_label" id="label#{_ID}"></div>
-<div class="tab_label_fill_bg" id="state#{_ID}"></div>
+<div class="tab_label" id="label]I["></div>
+<div class="tab_label_fill_bg" id="state]I["></div>
 ${this.tabLabelLeftEdge=12;this.tabLabelRightEdge=9;this.tabLabelHeight=24;this.fontStyle='font-size: 12px; font-weight: bold;';this.tabLabelFillBg=true;}

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

@@ -1,6 +1,6 @@
-<div class="tab_bg"    id="bg#{_ID}">
+<div class="tab_bg"    id="bg]I[">
   <div class="tab_fg"></div>
 </div>
-<div class="tab_label" id="label#{_ID}"></div>
-<div class="tab_label_fill_bg" id="state#{_ID}"></div>
+<div class="tab_label" id="label]I["></div>
+<div class="tab_label_fill_bg" id="state]I["></div>
 ${this.tabLabelLeftEdge=12;this.tabLabelRightEdge=9;this.tabLabelHeight=24;this.fontStyle='font-family:Arial,sans-serif;font-size:12px;font-weight:bold;';this.tabLabelFillBg=true;}

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

@@ -8,7 +8,11 @@
   vertical-align: middle;
   border: 0;
   left:0px;top:0px;
-  #{(BROWSER_TYPE.firefox||BROWSER_TYPE.ie7||BROWSER_TYPE.ie8||BROWSER_TYPE.ie9||BROWSER_TYPE.opera)?'padding:0;padding-left:2px;width:100% !important;height:100% !important;':BROWSER_TYPE.ie6?'right:2px;bottom:2px;':'padding:2px;right:0px;bottom:0px;width:auto;height:auto;'}
+  #{(
+  (BROWSER_TYPE.firefox||BROWSER_TYPE.ie7||BROWSER_TYPE.ie8||BROWSER_TYPE.ie9||BROWSER_TYPE.ie10||BROWSER_TYPE.opera)?
+    'padding:0;padding-left:2px;width:100% !important;height:100% !important;':
+    'padding:2px;right:0px;bottom:0px;width:auto;height:auto;'
+  )}
 }
 
 .default .disabled .textarea_input {
@@ -22,5 +26,11 @@
 .default .textarea_input_parent {
   position: absolute;
   z-index: 2;
-  #{(BROWSER_TYPE.firefox||BROWSER_TYPE.ie7||BROWSER_TYPE.ie8||BROWSER_TYPE.ie9||BROWSER_TYPE.opera)?'left:0;padding-left:1px;top:1px;right:3px;bottom:1px;':BROWSER_TYPE.ie?'left:2px;top:1px;right:1px;bottom:1px;':'left:-2px;top:-2px;right:-2px;bottom:-2px;'}
+  #{(
+  (BROWSER_TYPE.firefox||BROWSER_TYPE.ie7||BROWSER_TYPE.ie8||BROWSER_TYPE.ie9||BROWSER_TYPE.ie10||BROWSER_TYPE.opera)?
+    'left:0;padding-left:1px;top:1px;right:3px;bottom:1px;':
+    BROWSER_TYPE.ie?
+      'left:2px;top:1px;right:1px;bottom:1px;':
+      'left:-2px;top:-2px;right:-2px;bottom:-2px;'
+  )}
 }