rsence 2.0.0.0.pre

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

@@ -0,0 +1,107 @@
+
+.default .textcontrol_input {
+  position: absolute;
+  display: block;
+  font-family: Arial, sans-serif;
+  font-size: 13px;
+  color: #000;
+  background-color: transparent;
+  vertical-align: middle;
+  border: 0px;
+  left: 0px; top: 0px;
+  #{(BROWSER_TYPE.firefox||BROWSER_TYPE.ie7||BROWSER_TYPE.ie8||BROWSER_TYPE.opera)?'padding-left:2px;width:100% !important;height:90% !important;':BROWSER_TYPE.ie6?'right:4px;bottom:2px;':'padding:2px;right:0px;bottom:0px;width:auto;height:auto;'}
+}
+
+.default .disabled .textcontrol_input {
+  color: #999;
+}
+
+.default .textcontrol_input_parent {
+  position: absolute;
+  #{(BROWSER_TYPE.firefox||BROWSER_TYPE.ie7||BROWSER_TYPE.ie8||BROWSER_TYPE.opera)?'left:0;padding-left:1px;top:0;right:4px;bottom:0;':BROWSER_TYPE.ie6?'left:2px;top:1px;right:1px;bottom:1px;':'left:-2px;top:-2px;right:-2px;bottom:-2px;'}
+}
+
+.default .textcontrol_bg {
+  position: absolute;
+  left: 2px; top: 2px; right: 2px; bottom: 2px;
+  background-color: #fff;
+  #{BROWSER_TYPE.ie6?'font-size:0;line-height:0;':''}
+}
+
+
+
+.default .textcontrol_ne,
+.default .textcontrol_nw,
+.default .textcontrol_se,
+.default .textcontrol_sw {
+  position: absolute;
+  width: 7px; height: 7px;
+  background-repeat: no-repeat;
+  background-image: #{this.getCssFilePath('textcontrol_parts1.png')};
+  #{BROWSER_TYPE.ie6?'font-size:0;line-height:0;':''}
+}
+
+.default .textcontrol_nw {
+  left: 0px; top: 0px;
+  background-position: 0px 0px;
+}
+
+.default .textcontrol_ne {
+  right: 0px; top: 0px;
+  background-position: -7px 0px;
+}
+
+.default .textcontrol_sw {
+  left: 0px; bottom: 0px;
+  background-position: 0px -7px;
+}
+
+.default .textcontrol_se {
+  right: 0px; bottom: 0px;
+  background-position: -7px -7px;
+}
+
+
+
+.default .textcontrol_w,
+.default .textcontrol_e {
+  position: absolute;
+  width: 7px; top: 7px; bottom: 7px;
+  background-repeat: repeat-y;
+  background-image: #{this.getCssFilePath('textcontrol_parts3.png')};
+  #{BROWSER_TYPE.ie6?'font-size:0;line-height:0;':''}
+}
+
+.default .textcontrol_w {
+  left: 0px;
+  background-position: 0px 0px;
+}
+
+.default .textcontrol_e {
+  right: 0px;
+  background-position: -7px 0px;
+}
+
+
+
+.default .textcontrol_n,
+.default .textcontrol_s {
+  position: absolute;
+  height: 7px; left: 7px; right: 7px;
+  background-repeat: repeat-x;
+  background-image: #{this.getCssFilePath('textcontrol_parts2.png')};
+  #{BROWSER_TYPE.ie6?'font-size:0;line-height:0;':''}
+}
+
+.default .textcontrol_n {
+  top: 0px;
+  background-position: 0px 0px;
+}
+
+.default .textcontrol_s {
+  bottom: 0px;
+  background-position: 0px -7px;
+}
+
+
+

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

@@ -0,0 +1,18 @@
+<div class="textcontrol_bg"></div>
+
+<div class="textcontrol_n"></div>
+<div class="textcontrol_s"></div>
+<div class="textcontrol_w"></div>
+<div class="textcontrol_e"></div>
+
+<div class="textcontrol_nw"></div>
+<div class="textcontrol_ne"></div>
+<div class="textcontrol_se"></div>
+<div class="textcontrol_sw"></div>
+
+<div id="label#{_ID}" title="#{this.label}" class="textcontrol_input_parent">
+  <input type="text" class="textcontrol_input" #{this.enabled?'':'disabled'}
+    onfocus="HSystem.views[#{this.viewId}].textFocus();" 
+    onblur="HSystem.views[#{this.viewId}].textBlur();" 
+    id="value#{_ID}" value="#{this.value}" />
+</div>

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,153 @@
+/*   Riassence Framework
+ *   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
+  *
+  *
+  *
+  **/
+
+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();
+    }
+  }
+});