jiji 1.2.5

data/html/js/rt-setting-page.js

@@ -0,0 +1,152 @@
+
+// ネームスペース
+namespace( "fx.ui.pages" )
+
+// バックテスト新規作成
+fx.ui.pages.RtSettingPage = function() {
+  this.elementId = null // @Inject
+  this.processServiceStub = container.Inject;
+
+  this.agentSelector = container.Inject("rtSettingAgentSelector");
+  this.dialog = container.Inject;
+  this.topicPath = container.Inject;
+  this.tradeEnable = container.Inject;
+
+  // ボタン
+  var self = this;
+  this.applyButton = new util.Button("rt-setting__ok", "apply", function() {
+    self.ok();
+  }, fx.template.Templates.common.button.apply);
+  this.applyButton.setEnable( true );
+}
+fx.ui.pages.RtSettingPage.prototype = {
+
+  /**
+   * このページから画面を移動する際に呼び出される。
+   * 戻り値としてfalseを返すと遷移をキャンセルする。
+   */
+  from : function(toId) {
+    // ページを非表示
+    document.getElementById(this.elementId).style.display = "none";
+    this.topicPath.set( "" );
+    return true;
+  },
+  /**
+   * このページに画面を移動すると呼び出される。
+   */
+  to : function( fromId ) {
+    // ページを表示
+    document.getElementById(this.elementId).style.display = "block";
+
+    var msg = document.getElementById("rt-setting_msg");
+    msg.innerHTML = "";
+    msg.style.display = "none";
+
+    this.topicPath.set( fx.template.Templates.rtsetting.topicPath );
+
+    // 既存の設定情報を取得
+    this.reloadAgents();
+  },
+  initialize: function( ) {
+    this.agentSelector.initialize();
+  },
+  reloadAgents : function() {
+    var self = this;
+    this.getSetting( function( data ) {
+      document.getElementById("rt-setting_trade-enable").checked =
+        (data["trade_enable"] == true );
+      self.agentSelector.setAgents( data["agents"] );
+    }, null ); // TODO
+  },
+
+  ok: function(){
+
+    // エラーチェック
+    if ( this.agentSelector.hasError() ) {
+      this.dialog.show( "warn", {
+        message : fx.template.Templates.common.errorMsg.illegalAgentSetting,
+        buttons : [
+          { type:"ok", alt: fx.template.Templates.common.button.ok, key: "Enter" }
+        ]
+      } );
+      return;
+    }
+    var agents = this.agentSelector.getAgents();
+
+    // ダイアログを開く
+    var self = this;
+    this.dialog.show( "input", {
+      message : fx.template.Templates.rtsetting.apply.msg,
+      buttons : [
+        { type:"ok",
+          alt: fx.template.Templates.common.button.ok,
+          key: "Enter",
+          action: function(dialog){
+          var enable = document.getElementById("rt-setting_trade-enable").checked;
+          self.updateSetting( enable, agents, function(result) {
+
+            // 失敗した操作があればメッセージを表示
+            var error = "";
+            for ( var i in result ) {
+              var operation = fx.template.Templates.rtsetting.update.op.remove;
+              switch (result[i]["operation"]) {
+                case "add" : operation = fx.template.Templates.rtsetting.update.op.add; break;
+                case "update" : operation = fx.template.Templates.rtsetting.update.op.update; break;
+              }
+              error += fx.template.Templates.rtsetting.update.errorDetail.evaluate({
+                "operation": operation,
+                "name" : result[i]["info"]["name"],
+                "cause" : result[i]["cause"]
+              });
+            }
+            if ( error ) {
+	            self.dialog.show( "warn", {
+	              message : fx.template.Templates.rtsetting.update.error.evaluate({
+	                "error":error.escapeHTML()})
+	            });
+            }
+
+            // 更新時刻を表示
+            var dateStr = util.formatDate( new Date() );
+            var msg = document.getElementById("rt-setting_msg");
+            msg.innerHTML =fx.template.Templates.rtsetting.apply.success.evaluate( {dateStr:dateStr} );
+            msg.style.display = "block";
+
+            // 自動更新設定を更新
+            self.tradeEnable.set( enable );
+
+          }, function(error, detail){
+            self.dialog.show( "warn", {
+              message : fx.template.Templates.rtsetting.apply.error.evaluate({
+                "error":(String(error) + "\n" + String(detail["backtrace"])).escapeHTML()})
+            });
+          });
+        } },
+        { type:"cancel", alt: fx.template.Templates.common.button.cancel, key: "Esc" }
+      ]
+    } );
+  },
+
+  /**
+   * 設定値を取得する。
+   * @param {Function} success 成功時のコールバック
+   * @param {Function} fail 失敗時のコールバック
+   */
+  getSetting : function( success, fail ) {
+    this.processServiceStub.get( "rmt", success, fail );
+  },
+
+  /**
+   * 設定値を反映する
+   * @param {Boolean} tradeEnable 取引を行なうか
+   * @param {Object} agents エージェントとプロパティ一覧
+   * @param {Function} success 成功時のコールバック
+   * @param {Function} fail 失敗時のコールバック
+   */
+  updateSetting : function( tradeEnable, agents, success, fail ) {
+    this.processServiceStub.set( "rmt", {
+      "trade_enable": tradeEnable,
+      "agents": agents
+    }, success, fail );
+  }
+}

data/html/js/sidebar.js

@@ -0,0 +1,263 @@
+// ネームスペース
+namespace( "fx.ui" )
+
+fx.ui.SideBar = function() {
+
+  this.elementId = null // @Inject
+  this.processServiceStub = container.Inject;
+  this.pageManager = container.Inject;
+  this.dialog = container.Inject;
+
+  this.menu = new util.MenuBar( "menu", "left", "sidebar" );
+
+  this.process = []; // プロセス一覧
+  this.runnings = []; // 現在実行中のプロセス。
+
+  // 自動更新するためのタイマー
+  this.autoUpdate = null;
+}
+fx.ui.SideBar.prototype = {
+
+  // 初期化する
+  initialize : function(defaultPage) {
+
+    var self = this;
+
+    // メニュー
+    this.menu.pageManager = this.pageManager;
+    this.menu.initialize( defaultPage, function() {
+      self.to( this.id );
+    } );
+
+    // サーバーからプロセス一覧を取得
+    this.processServiceStub.list_test( function(list) {
+      self.process = list;
+
+      var container = document.getElementById( self.elementId );
+      self.runnings = [];
+      for ( var i=0,n=list.length; i<n; i++ ) {
+        var div = self.createProcessUI( list[i] );
+        container.appendChild( div );
+        if ( list[i].state == "RUNNING" ||  list[i].state == "WAITING" ) {
+          self.runnings.push( list[i].id );
+        }
+        self.setProgress( list[i] );
+      }
+
+      // 定期更新タイマーを起動
+      self.autoUpdate = new util.Timer( 5*1000, function(){
+        self.updateProcessList();
+      }, false );
+      self.autoUpdate.start();
+    }, function(){} ); // TODO
+  },
+  to : function( page, params ) {
+    var m = page.match( /sidebar\_(.*)/ );
+    if ( m ) {
+      var m2 = m[1].match( /result_(.*)/ );
+      if ( m2 ) {
+        if ( m2[1] == "rmt" ) {
+            this.menu.to( "result", {
+              id:m2[1],
+              menuId: m[1]
+            } );
+        } else{
+          for ( var i=0,n=this.process.length; i<n; i++ ) {
+            if ( m2[1] == this.process[i].id ) {
+              this.menu.to( "result", {
+                id:m2[1],
+                menuId: m[1],
+                name: this.process[i].name,
+                start: this.process[i].start_date,
+                end: this.process[i].end_date
+              } );
+            }
+          }
+        }
+      } else {
+        this.menu.to( m[1], params );
+      }
+    }
+    // UIを更新
+    for ( var i=0,n=this.process.length; i<n; i++ ) {
+      var div = document.getElementById( "process_" + this.process[i].id);
+      if ( !div ) { continue; }
+      if ( m2 && this.process[i].id == m2[1] ) {
+         div.className = "process_selected"
+      } else {
+         div.className = "process"
+      }
+    }
+  },
+  // プロセス一覧を更新する
+  updateProcessList : function() {
+    if ( this.runnings.length <= 0 ) return;
+    var self = this;
+    this.processServiceStub.status( this.runnings, function(list) {
+      var map = {};
+      for ( var i=0,n=list.length;i<n;i++ ) {
+        map[list[i].id] = list[i];
+      }
+      var tmp = [];
+      for ( var i=0,n=self.runnings.length;i<n;i++ ) {
+        var p = map[self.runnings[i]];
+        if (!p // 通信中に追加された場合、nullになる。
+            || (p.state == "RUNNING" && p.progress < 100)
+            || (p.state == "WAITING")   ) {
+          tmp.push( self.runnings[i] );
+        }
+        if ( p ) {
+          self.setProgress( p );
+        }
+      }
+      self.runnings = tmp;
+
+      if ( self.runnings.length <= 0 && self.autoUpdate ) {
+        self.autoUpdate.stop();
+      } else {
+        self.autoUpdate.start();
+      }
+    }, function(){} ); // TODO
+  },
+
+  restart : function( processId ) {
+    var self = this;
+    this.processServiceStub.restart( processId, null, function(p) {
+      // 削除
+      self._remove( processId );
+      // 追加
+      self.add( p.id );
+    }, function(error, detail){
+      self.dialog.show( "warn", {
+        message : fx.template.Templates.btcreate.start.error.evaluate({
+          "error":(String(error) + "\n" + String(detail["backtrace"])).escapeHTML()})
+      });
+    });
+  },
+
+  remove : function( processId ) {
+    var self = this;
+    this.dialog.show( "input", {
+        message : fx.template.Templates.sidebar.del.msg,
+        buttons : [
+           { type:"ok",
+             alt: fx.template.Templates.common.button.ok,
+             key: "Enter",
+             action: function(dialog){
+             self.processServiceStub.delete_test( processId, function(p) {
+               self._remove( processId );
+             }, function(){} ); // TODO
+           } },
+           { type:"cancel", alt: fx.template.Templates.common.button.cancel, key: "Esc" }
+        ]
+    } );
+  },
+  _remove : function( processId ) {
+      // 削除
+      var tmp = [];
+      for ( var i=0,n=this.runnings.length;i<n;i++ ) {
+        if ( this.runnings[i] != processId ) tmp.push( this.runnings[i] );
+      }
+      this.runnings = tmp;
+      var div = document.getElementById( "process_" + processId);
+      div.parentNode.removeChild(div);
+  },
+
+  add : function( processId ){
+    var self = this;
+    this.processServiceStub.get( processId, function(p) {
+      var container = document.getElementById( self.elementId );
+      var div = self.createProcessUI( p );
+      if ( container.firstChild ) {
+         container.insertBefore(div, container.firstChild);
+      } else {
+        container.appendChild( div );
+      }
+      self.setProgress( p );
+
+	    // 先頭に追加
+	    self.process.push( p );
+	    self.runnings.push( p.id )
+	    self.autoUpdate.start(); // 定期更新を再開
+    }, function(){} ); // TODO
+  },
+
+  // テストの進捗を更新する。
+  setProgress : function( p ) {
+    // 背景画像を移動
+    // 進捗が100以上ならステータスバーは非表示
+    var e = document.getElementById( "process_" + p.id + "_progress" );
+    var state = document.getElementById( "process_" + p.id + "_state" );
+    var name = document.getElementById( "process_" + p.id + "_name" );
+    var restart = document.getElementById( "process_" + p.id + "_restart" );
+
+    if ( p.state == "RUNNING" && p.progress < 100 ) {
+      e.style.display = "block";
+      var value = document.getElementById( "process_" + p.id + "_progress_value" );
+      value.innerHTML = p.progress + "%";
+      var bar = document.getElementById( "process_" + p.id + "_progress_bar" );
+      bar.style.backgroundPosition = (-180+Number(p.progress)) + "px 0px";
+      state.innerHTML = this.stateToDisplayName( p.state);
+    } else if ( p.state == "WAITING" ) {
+      e.style.display = "none";
+      state.innerHTML = this.stateToDisplayName( p.state );
+    } else {
+      e.style.display = "none";
+      restart.style.display = "inline"
+      state.innerHTML = this.stateToDisplayName( p.state == "RUNNING" ? "FINISHED" : p.state );
+      // 実行結果へのリンクを有効化する。
+      name.innerHTML = '<a href="javascript:fx.app.sideBar.to( \'sidebar_result_' + p.id + '\' );">' + p.name.escapeHTML() + "</a>";
+    }
+  },
+
+  /**
+   * プロセスの表示用UIを作成する
+   */
+  createProcessUI : function( process ) {
+    var div = document.createElement("div");
+    div.className = "process";
+    div.id = "process_" + process.id;
+    div.innerHTML = fx.template.Templates.sidebar.process.evaluate({
+       id : process.id,
+       name : process.name.escapeHTML(),
+       date : util.formatDate(new Date(process.create_date*1000)),
+       state : this.stateToDisplayName(process.state)
+    });
+    return div;
+  },
+  /**
+   * 状態の文字列を表示用の名前に変換する。
+   */
+  stateToDisplayName : function(state) {
+    var tmp = fx.template.Templates.sidebar.processState;
+    if( state == "WAITING" ) {
+      return tmp.waiting;
+    } else if( state == "RUNNING" ) {
+      return tmp.running;
+    } else if( state == "CANCELED" ) {
+      return tmp.canceled;
+    } else if( state == "FINISHED" ) {
+      return tmp.finished;
+    } else if( state == "ERROR_END" ) {
+      return tmp.errorEnd;
+    }
+  }
+}
+
+// トレード状態表示
+fx.ui.TradeEnable = function(elementId){
+  this.elementId = elementId;  //@Inject
+  this.processServiceStub = container.Inject;
+}
+fx.ui.TradeEnable.prototype = {
+  init: function() {
+    var self = this;
+    this.processServiceStub.get( "rmt", function( p ) {
+       self.set( p["trade_enable"] );
+    }, null ); // TODO
+  },
+  set: function( enable ) {
+     document.getElementById( this.elementId ).src =
+       enable ? "./img/auto_trade_on.gif" : "./img/auto_trade_off.gif";
+  }
+}