rsence-pre 2.1.0.1.pre

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

@@ -0,0 +1,108 @@
+.uploader_iframe {
+  visibility: hidden;
+  width: 0px;
+  height: 0px;
+  border-width: 0px;
+}
+
+.uploader_form {
+  visibility: hidden;
+  position: absolute;
+  display: block;
+  left: 0px;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  cursor: pointer;
+}
+
+.uploader_file_wrap {
+  position: absolute;
+  left: -350px; top: 0px;
+  bottom: 0px; right: 0px;
+  line-height: 200px;
+  font-size: 200px;
+}
+
+.uploader_file {
+  position: absolute;
+  right: 0px; top: 0px;
+  display: block;
+  line-height: 200px;
+  font-size: 200px;
+  width: 1000px;
+  height: 200px;
+  -moz-opacity:0;
+  filter:alpha(opacity: 0);
+  opacity: 0.0;
+  text-align: right;
+  cursor: pointer;
+  z-index: 100;
+}
+.uploader_file:hover {
+  background-color: #ff0;
+}
+
+.ack_button {
+  visibility: hidden;
+  left: auto; right: 0px; width: 48px;
+}
+
+.upload_progress {
+  visibility: hidden;
+  position: absolute;
+  left: 0px; top: 0px;
+  right: 0px; height: 24px;
+  font-family: Arial, sans-serif;
+  line-height: 24px;
+  vertical-align: middle;
+  font-size: 12px;
+  color: #333;
+}
+.upload_progress .progress_label {
+  position: absolute;
+  left: 8px; top: 0px; height: 24px; right: 8px;
+  line-height: 24px; vertical-align: middle;
+}
+.upload_progress .progress_indicator {
+  position: absolute;
+  right: 0px; top: 4px; width: 16px; height: 16px;
+  background-image: #{this.getCssFilePath('upload_progress.gif')};
+}
+
+.disabled > .uploader > .button_control > .button_edge_left {
+  background-position: 0px -144px;
+}
+.enabled > .uploader:hover > .button_control > .button_edge_left {
+  background-position: 0px -48px;
+}
+.enabled > .uploader:active > .button_control > .button_edge_left {
+  background-position: 0px -96px;
+}
+.disabled > .uploader > .button_control > .button_edge_right {
+  background-position: -24px -144px;
+}
+.enabled > .uploader:hover > .button_control > .button_edge_right {
+  background-position: -24px -48px;
+}
+.enabled > .uploader:active > .button_control > .button_edge_right {
+  background-position: -24px -96px;
+}
+.disabled > .uploader > .button_control > .button_center {
+  background-position: 0px -168px;
+}
+.enabled > .uploader:hover > .button_control > .button_center {
+  background-position: 0px -72px;
+}
+.enabled > .uploader:active > .button_control > .button_center {
+  background-position: 0px -120px;
+}
+.disabled > .uploader > .button_control > .button_label {
+  color: #999;
+}
+.enabled > .uploader:hover > .button_control > .button_label {
+  color: #000;
+}
+.enabled > .uploader:active > .button_control > .button_label {
+  color: #000;
+}

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

@@ -0,0 +1,27 @@
+<div class="uploader">
+  <iframe id="iframe#{this.elemId}" name="upload_target_#{this.elemId}" src="/U/iframe_html" class="uploader_iframe"></iframe>
+  <div class="upload_progress" id="upload_progress#{this.elemId}">
+    <div id="progress_label#{this.elemId}" class="progress_message">#{this.label}</div>
+    <div id="progress_indicator#{this.elemId}" class="progress_indicator"></div>
+  </div>
+  <div class="button_control" id="button#{this.elemId}">
+    <div class="button_edge_left"></div>
+    <div class="button_center"></div>
+    <div class="button_edge_right"></div>
+    <div class="button_label" id="button_label#{_ID}">#{this.label}</div>
+    <div class="button_antiselect"></div>
+  </div>
+  <div class="button_control ack_button" id="ack_button#{this.elemId}">
+    <div class="button_edge_left"></div>
+    <div class="button_center"></div>
+    <div class="button_edge_right"></div>
+    <div class="button_label">OK</div>
+    <div class="button_antiselect"></div>
+  </div>
+  <form id="form#{this.elemId}" name="upload_form_#{this.elemId}" enctype="multipart/form-data" method="POST" action="/U/NoUploadKey" target="upload_target_#{this.elemId}" class="uploader_form">
+    <div class="uploader_file_wrap">
+      <input align="right" id="file#{this.elemId}"  name="file_data" type="file" onchange="HSystem.views[#{this.viewId}].upload();" class="uploader_file" size="1" />
+    </div>
+    <input id="value#{this.elemId}" name="value_id"  type="hidden" value="NoUploadValue" />
+  </form>
+</div>

data/js/controls/uploader/uploader.js

@@ -0,0 +1,154 @@
+/*   RSence
+ *   Copyright 2008 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
+  * HUploader class
+  *
+  *
+  *
+  **/
+
+var//RSence.Controls
+HUploader = HControl.extend({
+  componentName: 'uploader',
+  uploadState: false,
+  uploadKey: false,
+  uploadStateLabels: {
+    
+    // -- Upload success states: ++
+     '0': "Select file...",
+     '1': "Uploading...",
+     '2': "Processing data...",
+     '3': "Upload Complete",
+     '4': "Preparing upload",
+    
+    // -- Upload failure states: ++
+     '-1': "Error: Invalid request",
+     '-2': "Error: Invalid upload key",
+     '-3': "Error: Invalid data format",
+     '-4': "Error: File too big",
+     '-6': "Error: Post-processing failed"
+  },
+  markupElemNames: [
+    'form',
+    'file',
+    'iframe',
+    'upload_progress',
+    'progress_label',
+    'progress_indicator',
+    'button',
+    'button_label',
+    'value',
+    'ack_button'
+  ],
+
+/** = Description
+  * setUploadState function
+  *
+  * = Parameters
+  * +_state+::
+  * +_uploadKey+::
+  *
+  **/
+  setUploadState: function(_state,_uploadKey){
+    if(_state!==this.uploadState){
+      this.uploadState = _state;
+      var _stateKey = _state.toString();
+      //console.log('stateKey:',_stateKey);
+      if(this.uploadStateLabels[_stateKey]!==undefined){
+        ELEM.get(this.markupElemIds.value).value=this.valueObj.id;
+        var _label = this.uploadStateLabels[_stateKey];
+        //console.log('stateLabel:',_label);
+        if(_state===0){
+          ELEM.setStyle(this.markupElemIds.upload_progress,'visibility','hidden');
+          ELEM.setStyle(this.markupElemIds.progress_indicator,'visibility','hidden');
+          ELEM.setStyle(this.markupElemIds.ack_button,'visibility','hidden');
+          ELEM.setHTML(this.markupElemIds.button_label,_label);
+          ELEM.setStyle(this.markupElemIds.button,'visibility','inherit');
+          ELEM.setStyle(this.markupElemIds.form,'visibility','inherit');
+          ELEM.setAttr(this.markupElemIds.form,'action','/U/'+_uploadKey,true);
+          //console.log('uploadKey:',ELEM.getAttr(this.markupElemIds.form,'action',true));
+          ELEM.get(this.markupElemIds.file).value='';
+          this.uploadKey = _uploadKey;
+        }
+        else if(_state===1||_state===2||_state===3||_state===4){
+          ELEM.setStyle(this.markupElemIds.upload_progress,'visibility','inherit');
+          if(_state===1||_state===2||_state===4){
+            ELEM.setStyle(this.markupElemIds.progress_indicator,'visibility','inherit');
+            ELEM.setStyle(this.markupElemIds.ack_button,'visibility','hidden');
+          }
+          else {
+            ELEM.setStyle(this.markupElemIds.progress_indicator,'visibility','hidden');
+            ELEM.setStyle(this.markupElemIds.ack_button,'visibility','inherit');
+          }
+          ELEM.setHTML(this.markupElemIds.progress_label,_label);
+          ELEM.setStyle(this.markupElemIds.button,'visibility','hidden');
+          ELEM.setStyle(this.markupElemIds.form,'visibility','hidden');
+          if(_state===1){
+            ELEM.get(this.markupElemIds.form).submit();
+          }
+        }
+        else if(_state < 0){
+          ELEM.setStyle(this.markupElemIds.progress_indicator,'visibility','hidden');
+          ELEM.setStyle(this.markupElemIds.ack_button,'visibility','inherit');
+          ELEM.setHTML(this.markupElemIds.progress_label,'<span style="color:red;">'+_label+'</span>');
+          ELEM.setStyle(this.markupElemIds.button,'visibility','hidden');
+          ELEM.setStyle(this.markupElemIds.form,'visibility','hidden');
+        }
+      }
+    }
+  },
+  
+  /** = Description
+    * refreshValue function
+    *
+    *
+    **/
+  refreshValue: function(){
+    if(typeof this.value !== 'string'){return;}
+    if(this.value.indexOf(':::')<1){return;}
+    var _stateAndKey = this.value.split(':::');
+    if(_stateAndKey.length!==2){
+      return;
+    }
+    var _state = parseInt(_stateAndKey[0],10),
+        _uploadKey    = _stateAndKey[1];
+    this.setUploadState(_state,_uploadKey);
+  },
+  
+  /** = Description
+    * upload function
+    *
+    *
+    **/
+  upload: function(){
+    this.setValue('1:::'+this.uploadKey);
+  },
+  
+  /** = Description
+    *getNewUploadKey function
+    *
+    *
+    **/
+  getNewUploadKey: function(){
+    this.setValue('4:::'+this.uploadKey);
+  },
+  
+  /** = Description
+    * click function
+    *
+    *
+    **/
+  click: function(){
+    //console.log('click');
+    if((this.uploadState===3)||(this.uploadState<0)){
+      //console.log('clicked, state=',this.uploadState);
+      this.getNewUploadKey();
+    }
+  }
+});

data/js/controls/validatorview/validatorview.js

@@ -0,0 +1,62 @@
+/*   RSence
+ *   Copyright 2008 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
+ */
+
+var//RSence.Controls
+HValidatorView = HControl.extend({
+
+  controlDefaults: (HControlDefaults.extend({
+    value: false,
+    valueField: false
+  })),
+
+  setRect: function(_rect) {
+    var _options = this.options;
+    if(_options){
+      if(_options.valueField){
+        _rect.offsetTo(
+          _options.valueField.rect.right,
+          _options.valueField.rect.top
+        );
+      }
+    }
+    this.base(_rect);
+  },
+  
+/** = Description
+  * Ensures the value set is a Boolean.
+  *
+  * = Parameters
+  * +_flag+::   True to set the status to selected, false to set to unselected.
+  *
+  **/
+  setValue: function(_flag) {
+    if (!_flag && _flag !== false) {
+      _flag = false;
+    }
+    this.base(_flag);
+  },
+
+/** = Description
+  * Updates the graphics to match the Boolean value.
+  *
+  **/
+  refreshValue: function(){
+    var _this = this,
+        _value = _this.value,
+        _trueValue = _value === true,
+        _x = _trueValue?-21:0,
+        _y = _this.enabled?0:-21,
+        _title = _trueValue?'':_value,
+        _elemId = _this.elemId;
+    ELEM.setStyle(_elemId,'background-image',"url("+_this.getThemeGfxFile('validator.png')+")");
+    ELEM.setStyle(_elemId,'background-repeat','no-repeat');
+    ELEM.setStyle(_elemId,'background-position',_x+'px '+_y+'px');
+  }
+
+  
+});

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

@@ -0,0 +1,219 @@
+
+
+.window_titlebar,
+.window_titlebar_edge_left, 
+.window_titlebar_center,
+.window_titlebar_edge_right,
+.window_bg,
+.window_body,
+.window_body_edge_left,
+.window_body_edge_right,
+.window_body_corner_left,
+.window_body_corner_right,
+.window_body_edge_bottom,
+.window_label,
+.window_controls,
+.window_subview,
+.window_controls_close,
+.window_controls_collapse,
+.window_controls_zoom {
+  position: absolute;
+  display: block;
+  overflow: hidden;
+  cursor: inherit;
+  background-repeat: no-repeat;
+}
+
+.window_controls * {
+  cursor: pointer;
+}
+
+.window_titlebar {
+  left: 0px; top: 0px; height: 24px; min-width: 96px; right: 0px;
+}
+
+.window_titlebar * {
+  background-image: #{this.getCssFilePath('window_parts1.png')};
+}
+
+.window_titlebar_edge_left {
+  left: 0px; top: 0px; width: 24px; height: 24px;
+  background-position: 0px 0px;
+}
+
+.inactive .window_titlebar_edge_left {
+  background-position: 0px -48px;
+}
+
+.window_titlebar_edge_right {
+  right: 0px; top: 0px; width: 24px; height: 24px;
+  background-position: -24px 0px;
+}
+
+.inactive .window_titlebar_edge_right {
+  right: 0px; top: 0px; width: 24px; height: 24px;
+  background-position: -24px -48px;
+}
+
+.window_titlebar_center {
+  left: 24px; top: 0px; right: 24px; height: 24px;
+  background-position: 0px 0px;
+  background-repeat: repeat-x;
+  background-image: #{this.getCssFilePath('window_parts2.png')};
+}
+
+.inactive .window_titlebar_center {
+  background-position: 0px -48px;
+}
+
+.window_bg {
+  left: 24px; top: 24px; right: 24px; bottom: 24px;
+  background-repeat: repeat;
+  background-image: #{this.getCssFilePath('window_bg_active.png')};
+}
+
+.inactive .window_bg {
+  background-image: #{this.getCssFilePath('window_bg_inactive.png')};
+}
+
+.window_body {
+  left: 0px; top: 24px; right: 0px; bottom: 0px;
+}
+
+.window_body * {
+  background-image: #{this.getCssFilePath('window_parts1.png')};
+}
+
+.window_body_edge_left {
+  left: 0px; top: 0px; bottom: 24px; width: 24px;
+  background-repeat: repeat-y;
+  background-position: -72px 0px;
+}
+
+.inactive .window_body_edge_left {
+  background-position: -120px 0px;
+}
+
+.window_body_edge_right {
+  right: 0px; top: 0px; bottom: 24px; width: 24px;
+  background-repeat: repeat-y;
+  background-position: -96px 0px;
+}
+
+.inactive .window_body_edge_right {
+  background-position: -144px 0px;
+}
+
+.window_body_corner_left {
+  left: 0px; bottom: 0px; height: 24px; width: 24px;
+  background-position: 0px -24px;
+}
+.inactive .window_body_corner_left {
+  background-position: 0px -72px;
+}
+
+.window_body_corner_right {
+  right: 0px; bottom: 0px; height: 24px; width: 24px;
+  background-position: -24px -24px;
+}
+
+.inactive .window_body_corner_right {
+  background-position: -24px -72px;
+}
+
+.window_body_edge_bottom {
+  left: 24px; bottom: 0px; right: 24px; height: 24px;
+  background-repeat: repeat-x;
+  background-position: 0px -24px;
+  background-image: #{this.getCssFilePath('window_parts2.png')};
+}
+
+.inactive .window_body_edge_bottom {
+  background-position: 0px -72px;
+}
+
+.window_label {
+  left: 0px; top: 0px; right: 0px; height: 24px;
+  line-height: 25px;
+  text-align: center;
+  vertical-align: middle;
+  font-family: Arial, sans-serif;
+  font-size: 13px;
+  font-weight: bold;
+  color: #000;
+}
+
+.inactive .window_label {
+  color: #666;
+}
+
+.window_controls {
+  left: 0px; top: 0px; right: 0px; bottom: 0px;
+}
+
+.window_subview {
+  left: 2px; top: 26px; right: 2px; bottom: 2px;
+}
+
+.window_resize_se {
+  position: absolute;
+  right: 0px; bottom: 0px; width: 13px; height: 13px;
+  cursor: se-resize;
+  z-index: 10000;
+  background-position: -59px -35px;
+  font-size: 0px;
+  background-image: #{this.getCssFilePath('window_parts1.png')};
+}
+
+.inactive .window_resize_se {
+  background-position: -59px -83px;
+}
+
+.window_controls_close,
+.window_controls_collapse,
+.window_controls_zoom {
+  top: 6px; width: 15px; height: 15px;
+  background-image: #{this.getCssFilePath('window_buttons.png')};
+}
+
+.window_controls_close {
+  left: 8px;
+  background-position: 0px 0px;
+}
+
+.window_controls:hover .window_controls_close {
+  background-position: 0px -15px;
+}
+
+.window_controls:hover .window_controls_close:active {
+  background-position: 0px -30px;
+}
+
+
+.window_controls_collapse {
+  left: 27px;
+  background-position: -30px 0px;
+}
+
+.window_controls:hover .window_controls_collapse {
+  background-position: -30px -15px;
+}
+
+.window_controls:hover .window_controls_collapse:active {
+  background-position: -30px -30px;
+}
+
+
+.window_controls_zoom {
+  left: 46px;
+  background-position: -15px 0px;
+}
+
+.window_controls:hover .window_controls_zoom {
+  background-position: -15px -15px;
+}
+
+.window_controls:hover .window_controls_zoom:active {
+  background-position: -15px -30px;
+}
+

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

@@ -0,0 +1,17 @@
+<div class="window_titlebar">
+  <div class="window_titlebar_edge_left"></div>
+  <div class="window_titlebar_center"></div>
+  <div class="window_titlebar_edge_right"></div>
+</div>
+<div class="window_bg"></div>
+<div class="window_body">
+  <div class="window_body_edge_left"></div>
+  <div class="window_body_edge_right"></div>
+  <div class="window_body_edge_bottom"></div>
+  <div class="window_body_corner_left"></div>
+  <div class="window_body_corner_right"></div>
+</div>
+<div class="window_label" id="label#{_ID}">#{this.label}</div>
+<div class="window_controls" id="control#{_ID}">#{this.options.closeButton?'<div class="window_controls_close" onclick="HSystem.views['+this.viewId+'].windowClose();"></div>':''}#{this.options.collapseButton?'<div class="window_controls_collapse" onclick="HSystem.views['+this.viewId+'].windowCollapse();"></div>':''}#{this.options.zoomButton?'<div class="window_controls_zoom" onclick="HSystem.views['+this.viewId+'].windowZoom();"></div>':''}</div>
+<div class="window_subview" id="subview#{_ID}"></div>
+#{this.options.noResize?'':'<div class="window_resize_se"></div>'}