unageanu-jiji 1.1.4 → 1.2.1

data/html/js/agent-editor/agent-list-tree.js

@@ -0,0 +1,251 @@
+// ネームスペース
+namespace( "fx.ui" );
+
+//エージェント一覧ツリー
+fx.ui.AgentFileListTree = function() {
+  this.elementId = null; // @Inject
+  this.agentEditor = container.Inject;
+  this.tree = null; // YUI Tree
+  this.nodeId = 0; // ノードの連番
+}
+fx.ui.AgentFileListTree.prototype = {
+  init : function() {
+    if ( this.tree )  return
+    
+    this.tree = new YAHOO.widget.TreeView(this.elementId);
+
+    this.createBranch( {name:"エージェント", path:fx.constants.AGENTS_DIR, type:"directory"},
+        null, false, this.listFiles, true );
+    this.createBranch( {name:"共有ライブラリ", path:fx.constants.SHARED_LIB_DIR, type:"directory"},
+        null, false, this.listFiles, true );
+    this.tree.draw();
+    var self = this;
+    this.tree.subscribe( "clickEvent", function( ev, node ) {
+      return  self.onClick( ev );
+    } );
+  },
+  /**
+   * 枝ノードを追加する。
+   * @param {Object} data 枝ノードのデータ
+   * @param {Object} parent 親ノード。nullの場合rootに追加
+   * @param {boolean} insertFirst ノードの最初に追加するか?falseの場合末尾に追加。
+   * @param {Function} provider 次の一覧を返す関数 nullの場合、子を持たない。
+   * @param {boolean} expand 枝を開くかどうか
+   */
+  createBranch: function( data, parent, insertFirst, provider, expand  ) {
+    var thiz = this;
+    if ( !parent ) parent = this.tree.getRoot();
+
+    var id = this.nodeId++;
+    var node = new YAHOO.widget.HTMLNode(
+      this.createNode(data, id), null, false, true);
+    node.data = {"node-id":"node:"+id, data:data, path:data.path};
+    data.id = id;
+    
+    if ( provider ) {
+      node.setDynamicLoad (function(parentNode, onCompleteCallback) {
+        provider.call( thiz, parentNode, onCompleteCallback);
+      });
+    }
+    if ( insertFirst && parent.hasChildren(false) ) {
+      node.insertBefore(parent.children[0]);
+    } else {
+      parent.appendChild(node);
+    }
+    if ( this.visible ) {
+      parent.refresh();
+      parent.expand();
+    }
+    if ( provider && expand ) {
+      node.expand();
+    }
+    return node;
+  },
+  /**
+   * ノードを作成する
+   */
+  createNode : function(data, id) {
+    var type = data.type;
+    if ( data.path == fx.constants.AGENTS_DIR ) type = "agents";
+    if ( data.path == fx.constants.SHARED_LIB_DIR ) type = "shared_lib";
+    return fx.template.Templates.agentEditor.tree.node.evaluate( {
+      name : data.name,
+      id : id,
+      type : type,
+      selected : this.agentEditor.isSelected( data.path ) ? "selected" : ""
+    });
+  },
+  /**
+   * 子要素を一覧する
+   */
+  listFiles : function(parentNode, onCompleteCallback) {
+    var self = this;
+    var data = parentNode.data;
+    this.agentEditor.list( data.data.path, function( list ) {
+      for(var i=0,l=list.length;i<l;i++) {
+        var childData = list[i];
+        self.createBranch( childData,parentNode, false,
+            childData.type == "directory" ? self.listFiles : null, false );
+      }
+      onCompleteCallback();
+    }, function() {
+      onCompleteCallback();
+    });
+  },
+
+  /**
+   * ノードを破棄する
+   */
+  remove: function( id ) {
+    var node = this.findNodeById( id );
+    if ( node ) {
+      var p = node.parent;
+      this.tree.removeNode( node, true );
+      if ( p && !p.hasChildren(false) ) {
+        p.expanded = false;
+      }
+    }
+  },
+
+  /**
+   * ノードの表示内容を更新する
+   */
+  updateNode: function( path ) {
+    var node = this.tree.getNodeByProperty( "path", path );
+    var expanded = node.expanded;
+    this.tree.removeChildren( node );
+    if ( expanded ) node.expand();
+  },
+
+  /**
+   * ツリーを描画する。
+   */
+  draw: function() {
+    this.tree.draw();
+    this.visible = true;
+  },
+  /**
+   * ノードを順に特定するインデックスを作る。
+   */
+  createIndex : function( node, buff ) {
+    if ( node.parent ) this.createIndex( node.parent, buff );
+    buff.push( node.index );
+    return buff;
+  },
+  /*
+   * クリックされたら呼び出される。
+   */
+  onClick : function(ev) {
+    var data = ev.node.data.data;
+    if (!data.index) data.index = this.createIndex( ev.node, [] );
+
+//    if ( !this.prevSelect )  {
+//      this.prevSelect = { time : new Date().getTime(), target:data.path };
+//    } else {
+//      var diff = new Date().getTime() - this.prevSelect.time;
+//      if ( this.prevSelect.target == data.path 
+//          && diff > 300 && diff < 600 ) {
+//        //  リネーム開始
+//        if ( data.path == "agents" || data.path == "shared_lib" ) return false;
+//        this.agentEditor.clear();
+//        this.agentEditor.select(data);
+//        editNode();
+//        return false;
+//      }
+//      this.prevSelect = null;
+//    }
+    
+    // 選択変更
+    // 選択がない
+    if ( ev.event.ctrlKey ) {
+      // CTRL + クリック
+      if ( this.agentEditor.isSelected( data.path ) ) {
+        this.agentEditor.unselect(data);
+      } else {
+        this.agentEditor.select(data);
+      }
+      this.rangeSelectStart = null;
+    } else if ( ev.event.shiftKey ) {
+      // SHIFT + クリック
+      var selections = this.agentEditor.getSelections();
+      // 基点が決まっていない場合、基点を決める
+      if ( !this.rangeSelectStart  ) {
+        if ( selections.size() > 0 ) {
+          // 選択されているアイテムの中で一番上のものを範囲選択の基点とする。
+          selections =  this.sortByIndex(selections);
+          this.rangeSelectStart = selections[0]; 
+        } else {
+          // 選択がなければ、クリックと同じ動作
+          this.agentEditor.clear();
+          this.agentEditor.select(data);
+          this.rangeSelectStart = null;
+        }
+      }
+      // 基点から、クリックした位置までの要素を選択。
+      this.agentEditor.clear();
+      var range = this.sortByIndex([this.rangeSelectStart,data]);
+      var current = this.findNodeByPath( range[0].path ); 
+      var end = this.findNodeByPath( range[1].path );
+      while( current && current != end ) {
+        var tmp = current.data.data;
+        if (!tmp.index) tmp.index = this.createIndex( current, [] );
+        this.agentEditor.select(tmp);
+        if ( current.expanded && current.children.length > 0 ) {
+          current = current.children[0];
+          continue;
+        }
+        if (current.nextSibling) { 
+          current = current.nextSibling;
+          continue;
+        }
+        tmp = current.parent;
+        current = null;
+        while ( tmp ) {
+          if ( tmp.nextSibling ) {
+            current = tmp.nextSibling;
+            break;
+          } else {
+            tmp = tmp.parent;
+          }
+        }
+      }
+      if ( current ) {
+        var tmp = current.data.data;
+        if (!tmp.index) tmp.index = this.createIndex( current,[] );
+        this.agentEditor.select(tmp);
+      }
+    } else {
+      this.agentEditor.clear();
+      this.agentEditor.select(data);
+      this.rangeSelectStart = null;
+    }
+    return false;
+  },
+  
+  sortByIndex : function( array ) {
+    return array.sort( function( a,b ) {
+      var n = Math.min( a.index.length, b.index.length );
+      for ( var i=0; i<n; i++ ) {
+        var x =  a.index[i] - b.index[i];
+        if (x != 0) return x; 
+      }
+      return a.index.length - b.index.length
+    } );
+  },
+  /**
+   * パスに対応するノードを検索する。
+   * @param {String} path パス
+   * @return パスに対応するノード
+   */
+  findNodeByPath: function( path ) {
+    return this.tree.getNodeByProperty( "path", path );
+  },
+  /**
+   * IDに対応するノードを検索する。
+   * @param {String} nodeId ノードID
+   * @return IDに対応するノード
+   */
+  findNodeById: function( nodeId ) {
+    return this.tree.getNodeByProperty( "node-id", "node:" + nodeId );
+  }
+}

data/html/js/agent-selector.js

@@ -6,14 +6,12 @@ namespace( "fx.agent.ui" )
 // エージェント選択UI
 fx.agent.ui.AgentSelector = function( id ) {
 
-  this.id = id; //@Inject
-  this.agentServiceStub = null; //@Inject
-
+  this.id = id;
+  this.agentServiceStub = container.Inject;
   this.agentClassListTable = null;
   this.agentListTable = null;
   this.agentPropertyEditor = null;
-
-  this.dialog = null; // @Inject
+  this.dialog = container.Inject;
 
   // データ
   this.agentClasses = null;
@@ -101,10 +99,7 @@ fx.agent.ui.AgentSelector.prototype = {
   add: function(){
     // エージェント一覧、プロパティエディタを表示
     var self = this;
-    var msg = "追加するエージェントを選択してください。"
-      + '<div style="margin-top:10px;border: 1px solid #FFFFFF;">'
-      + '  <div id="agent_class_list"></div>'
-      + '</div>';
+    var msg = fx.template.Templates.agentSelector.addMsg;
     this.dialog.show( "input", {
       message : msg,
       init : function( dialog ) {
@@ -121,14 +116,14 @@ fx.agent.ui.AgentSelector.prototype = {
         }, null ); // TODO
       },
       buttons : [
-        { type:"ok", 
+        { type:"ok",
           alt: fx.template.Templates.common.button.ok,
           key: "Enter", action: function(dialog){
 
             var selectedRowIds = self.agentClassListTable.table.getSelectedRows();
             var error = null;
             if ( selectedRowIds <= 0 ) {
-              error = "エージェントが選択されていません。";
+              error = fx.template.Templates.common.errorMsg.notSelected;
             }
             if ( !error ) {
               var agents = [];
@@ -171,7 +166,7 @@ fx.agent.ui.AgentSelector.prototype = {
     // 名前を追加。
     for ( var i=0; i<newAgents.length; i++) {
       var k = 1;
-      while ( set["名称未設定エージェント"+k] ) { k++; }
+      while ( set[fx.template.Templates.agentSelector.defaultName+k] ) { k++; }
 
       // 初期値からプロパティ値を作成
       var defs = newAgents[i].properties;
@@ -181,13 +176,13 @@ fx.agent.ui.AgentSelector.prototype = {
       for ( var j=0, s=defs.length;j<s;j++  ) {
         def[defs[j]["id"]] = defs[j];
         prop[defs[j]["id"]] = defs[j]["default"] || "";
-        error = error || this.agentPropertyEditor.validate[defs[j].type].call( 
+        error = error || this.agentPropertyEditor.validate[defs[j].type].call(
             this.agentPropertyEditor, prop[defs[j]["id"]], defs[j].restrict );
       }
-      
+
       var a = {
         "id": UUID.generate(),
-        "name": "名称未設定エージェント"+k,
+        "name": fx.template.Templates.agentSelector.defaultName+k,
         "class":newAgents[i].class_name + "@" + newAgents[i].file_name,
         "class_name":newAgents[i].class_name,
         "file_name":newAgents[i].file_name,
@@ -215,7 +210,7 @@ fx.agent.ui.AgentSelector.prototype = {
     }
     // 確認
     var self = this;
-    var msg = "削除します。よろしいですか?";
+    var msg = fx.template.Templates.common.errorMsg.deleteConfirm;
     this.dialog.show( "input", {
       message : msg,
       buttons : [
@@ -252,7 +247,7 @@ fx.agent.ui.AgentSelector.prototype = {
     if ( selectedRowIds.length <= 0 ) {
       // 選択なし
       removeEnable = false;
-      self.agentPropertyEditor.clear( "エージェントを選択してください。" );
+      self.agentPropertyEditor.clear( fx.template.Templates.common.errorMsg.selectAgent );
     } else if ( selectedRowIds.length == 1 ) {
       removeEnable = true;
       // エディタも更新する。
@@ -264,7 +259,7 @@ fx.agent.ui.AgentSelector.prototype = {
         self.agentPropertyEditor.set( data );
       } else {
         removeEnable = false;
-        self.agentPropertyEditor.clear( "エージェントを選択してください。" );
+        self.agentPropertyEditor.clear( fx.template.Templates.common.errorMsg.selectAgent );
       }
     } else {
       removeEnable = true;
@@ -287,7 +282,7 @@ fx.agent.ui.AgentSelector.prototype = {
       this.agentListTable.update( this.agentPropertyEditor.target, newData );
       this.agentPropertyEditor.target = null;
       this.agentPropertyEditor.end();
-      
+
       this.checkDuplicateName();
     }
   },
@@ -460,7 +455,7 @@ fx.agent.ui.AgentPropertyEditor.prototype = {
       props += fx.template.Templates.agentPropertyEditor.property.evaluate({
         "name": agent.property_def[i].name.escapeHTML(),
         "id": agent.property_def[i].id,
-        "default": agent.properties[agent.property_def[i].id] != null 
+        "default": agent.properties[agent.property_def[i].id] != null
             ? agent.properties[agent.property_def[i].id] : agent.property_def[i]["default"]
       });
     }
@@ -531,7 +526,7 @@ fx.agent.ui.AgentPropertyEditor.prototype = {
   },
   end : function() {
     this.editing = null;
-    this.clear( "エージェントを選択してください。" );
+    this.clear( fx.template.Templates.common.errorMsg.selectAgent );
   },
   /**
    * 何も編集していない状態にする。
@@ -564,7 +559,7 @@ fx.agent.ui.AgentPropertyEditor.prototype = {
          var rs = this.agentsSelector.agentListTable.table.getRecordSet().getRecords( 0, this.agentsSelector.agentListTable.length() );
           for ( var i=0,n=rs.length;i<n;i++) {
             if ( rs[i].getData().name == value && this.editing.id !=  rs[i].getData().id ) {
-              error = "名前が重複しています。";
+              error = fx.template.Templates.common.errorMsg.dupricateName;
               break;
             }
           }
@@ -576,13 +571,13 @@ fx.agent.ui.AgentPropertyEditor.prototype = {
       var error = this.validate.nullable( value, restrict );
       if ( value ) {
         if ( restrict.length > 0 && value.length >= restrict.length ) {
-          error = "値が長すぎます。";
+          error = fx.template.Templates.common.errorMsg.tooLong;
         }
         if ( util.CONTROLL_CODE.test( value )  ) {
-          error = "使用できない文字が含まれています。";
+          error = fx.template.Templates.common.errorMsg.illegalChar;
         }
         if ( restrict.format && !new RegExp( restrict.format ).test( value ) ) {
-          error = "値のフォーマットが不正です。";
+          error = fx.template.Templates.common.errorMsg.illegalFormat;
         }
       }
       return error;
@@ -593,17 +588,17 @@ fx.agent.ui.AgentPropertyEditor.prototype = {
       if ( value ) {
         if ( (restrict.max != null && Number( value ) > restrict.max )
           || ( restrict.min != null && Number( value ) < restrict.min )  ) {
-          error = "値が範囲外です。";
+          error = fx.template.Templates.common.errorMsg.outOfRange;
         }
         if ( !/^[\-\.\d]+$/.test( value ) ) {
-          error = "数値を入力してください。";
+          error = fx.template.Templates.common.errorMsg.notNumber;
         }
       }
       return error;
     },
     nullable : function( value, restrict ) {
       if ( !value && !restrict.nullable ) {
-        return "値が入力されていません。";
+        return fx.template.Templates.common.errorMsg.notInput;
       } else {
         return null;
       }

data/html/js/app.js

@@ -5,17 +5,17 @@ namespace( "fx" );
 
 // 定数
 fx.constants = {
-  SERVICE_URI : "./json"
+  SERVICE_URI : "./json",
+  AGENTS_DIR : "agents",
+  SHARED_LIB_DIR : "shared_lib"
 }
 
-fx.initialize = function(){
-  fx.container = new container.Container( function( binder ){
-
+// モジュール
+fx.modules = {
+  // UIモジュール
+  ui : function(binder) {
     // App
-    binder.bind( fx.Application ).to( "app" ).inject({
-      pageManager: container.component("pageManager"),
-      sideBar:     container.component("sideBar")
-    });
+    binder.bind( fx.Application ).to( "app" );
 
     // page manager
     binder.bind( util.PageManager ).to( "pageManager" ).initialize( function( obj, container ) {
@@ -24,47 +24,22 @@ fx.initialize = function(){
 
     // pages
     binder.bind( fx.ui.pages.RtSettingPage ).to( "pages" ).inject({
-    	id : "rt_setting",
-    	elementId : "page-rt-setting",
-    	agentSelector: container.component("rtSettingAgentSelector"),
-    	processServiceStub: container.component("processServiceStub"),
-    	topicPath: container.component("topicPath"),
-    	tradeEnable: container.component("tradeEnable"),
-    	dialog : container.component("dialog")
-    }).initialize( function( obj, container ) {
-      obj.initialize( );
-    });
+      id : "rt_setting",
+      elementId : "page-rt-setting"
+    }).initialize("initialize");
     binder.bind( fx.ui.pages.AgentEditorPage ).to( "pages" ).inject({
-    	id : "agent_edit",
-    	elementId : "page-agent-edit",
-    	agentServiceStub: container.component("agentServiceStub"),
-    	agentFileListTable: container.component("agentFileListTable"),
-    	topicPath: container.component("topicPath"),
-    	dialog : container.component("dialog")
+      id : "agent_edit",
+      elementId : "page-agent-edit",
+      editorElementId : "agent_editor"
     });
     binder.bind( fx.ui.pages.BtCreatePage ).to( "pages" ).inject({
       id : "bt_create",
-      elementId : "page-bt-create",
-      agentSelector: container.component("btCreateAgentSelector"),
-      processServiceStub: container.component("processServiceStub"),
-      rateServiceStub: container.component("rateServiceStub"),
-      topicPath: container.component("topicPath"),
-      sideBar: container.component("sideBar"),
-      dialog : container.component("dialog")
-    }).initialize( function( obj, container ) {
-      obj.initialize( );
-    });
+      elementId : "page-bt-create"
+    }).initialize("initialize");
     binder.bind( fx.ui.pages.ResultPage ).to( "pages" ).inject({
       id : "result",
-      elementId : "page-result",
-      processServiceStub: container.component("processServiceStub"),
-      pageManager: container.component("resultPageManager"),
-      topicPath: container.component("topicPath"),
-      sideBar: container.component("sideBar"),
-      dialog : container.component("dialog")
-    }).initialize( function( obj, container ) {
-      obj.initialize( );
-    });
+      elementId : "page-result"
+    }).initialize("initialize");
 
     // page manager (結果一覧ページ用)
     binder.bind( util.PageManager ).to( "resultPageManager" ).initialize( function( obj, container ) {
@@ -72,62 +47,40 @@ fx.initialize = function(){
     });
     binder.bind( fx.ui.pages.LogResultPage ).to( "result_pages" ).inject({
       id : "log",
-      elementId : "subpage-log",
-      outputServiceStub: container.component("outputServiceStub")
+      elementId : "subpage-log"
     });
     binder.bind( fx.ui.pages.TradeResultPage ).to( "result_pages" ).inject({
       id : "trade",
-      elementId : "subpage-trade",
-      tradeResultServiceStub: container.component("tradeResultServiceStub"),
-      dialog : container.component("dialog")
+      elementId : "subpage-trade"
     });
     binder.bind( fx.ui.pages.InfoResultPage ).to( "result_pages" ).inject({
       id : "info",
-      elementId : "subpage-info",
-      processServiceStub: container.component("processServiceStub"),
-      agentSelector: container.component("subpageInfoAgentSelector"),
-      dialog : container.component("dialog")
-    }).initialize( function( obj, container ) {
-      obj.initialize( );
-    });
+      elementId : "subpage-info"
+    }).initialize("initialize");
     binder.bind( fx.ui.pages.GraphSettingResultPage ).to( "result_pages" ).inject({
       id : "graph",
-      elementId : "subpage-graph",
-      processServiceStub: container.component("processServiceStub"),
-      outputServiceStub: container.component("outputServiceStub"),
-      dialog : container.component("dialog")
+      elementId : "subpage-graph"
     });
 
     // agent editor
     binder.bind( fx.agent.ui.AgentSelector ).to( "rtSettingAgentSelector" ).inject({
-      id: "rt-setting_as",
-      agentServiceStub: container.component("agentServiceStub"),
-      dialog : container.component("dialog")
+      id: "rt-setting_as"
     });
     binder.bind( fx.agent.ui.AgentSelector ).to( "btCreateAgentSelector" ).inject({
-      id: "bt-create_as",
-      agentServiceStub: container.component("agentServiceStub"),
-      dialog : container.component("dialog")
+      id: "bt-create_as"
     });
     binder.bind( fx.agent.ui.AgentSelector ).to( "subpageInfoAgentSelector" ).inject({
-      id: "subpage-info_as",
-      agentServiceStub: container.component("agentServiceStub"),
-      dialog : container.component("dialog")
+      id: "subpage-info_as"
     });
 
     // agent-edit
-    binder.bind( fx.ui.AgentFileListTable ).to( "agentFileListTable" ).inject({
+    binder.bind( fx.ui.AgentFileListTree ).to( "agentFileListTree" ).inject({
       elementId : "agent-file-list"
     });
 
     // side-bar
     binder.bind( fx.ui.SideBar ).to( "sideBar" ).inject({
-      elementId : "back-tests",
-      pageManager:     container.component("pageManager"),
-      processServiceStub: container.component("processServiceStub"),
-      dialog : container.component("dialog")
-    }).initialize( function( obj, container ) {
-      obj.initialize();
+      elementId : "back-tests"
     });
 
     // topicPath
@@ -137,27 +90,31 @@ fx.initialize = function(){
 
     // tradeEnable
     binder.bind( fx.ui.TradeEnable ).to( "tradeEnable" ).inject({
-      elementId : "head_trade_enable",
-      processServiceStub: container.component("processServiceStub")
-    }).initialize( function( obj, container ) {
-      obj.init();
-    });
+      elementId : "head_trade_enable"
+    }).initialize("init");
 
     // dialog
     binder.bind( util.Dialog ).to( "dialog" );
+  },
+
+  // 非UI
+  core : function( binder ) {
+
+    // ctrl
+    binder.bind( fx.AgentEditor ).to( "agentEditor" ).initialize("init");
 
     // stub
     binder.bindProvider( function() {
       return JSONBrokerClientFactory.createFromList(
         fx.constants.SERVICE_URI + "/agent",
         ["list_agent_class",
-         "put_file",
-         "delete_files",
+         "put_file", "add_file", "mkcol",
+         "remove",
+         "move", "rename",
          "list_agent",
          "add_agent",
          "remove_agent",
-         "off",
-         "on",
+         "off", "on",
          "list_files",
          "get_file"] );
     } ).to("agentServiceStub");
@@ -177,7 +134,7 @@ fx.initialize = function(){
     binder.bindProvider( function() {
       return JSONBrokerClientFactory.createFromList(
         fx.constants.SERVICE_URI + "/output",
-        [ "get_log", "list_outputs", "set_properties" ] );
+        [ "get_log", "list_outputs", "set_properties", "delete_output" ] );
     } ).to("outputServiceStub");
     binder.bindProvider( function() {
       return JSONBrokerClientFactory.createFromList(
@@ -189,16 +146,22 @@ fx.initialize = function(){
         fx.constants.SERVICE_URI + "/rate",
         [ "range" ] );
     } ).to("rateServiceStub");
+  }
+}
+
+fx.initialize = function(){
+  fx.container = new container.Container( function( binder ){
+    fx.modules.ui( binder );
+    fx.modules.core( binder );
   });
   fx.app = fx.container.get( "app" );
   fx.app.initialize();
-
 }
 
 
 fx.Application = function() {
-  this.agentSelector = null; //@Inject
-  this.pageManager = null; //@Inject
+  this.pageManager = container.Inject;
+  this.sideBar = container.Inject;
 }
 fx.Application.prototype = {
 
@@ -206,8 +169,8 @@ fx.Application.prototype = {
    * 初期化
    */
   initialize : function (  ) {
-
     var self = this;
+    this.sideBar.initialize();
     this.sideBar.to("sidebar_result_rmt");
   },
 
@@ -221,6 +184,15 @@ fx.Application.prototype = {
   }
 }
 
-function debug(str) {
-  document.getElementById('debug').innerHTML += str + "<br/>";
+function debug(obj) {
+  var out = document.getElementById('debug');
+  if ( typeof obj == "string" ) {
+    out.innerHTML += obj + "<br/>";
+  } else {
+    out.innerHTML += "---<br/>";
+    out.innerHTML += obj + "<br/>";
+    for ( var i in obj ) {
+      out.innerHTML += i + " : " + obj[i] + "<br/>";
+    }
+  }
 }