unageanu-jiji 0.1.0

data/html/js/app.js

@@ -0,0 +1,226 @@
+
+// ネームスペース
+namespace( "fx" );
+
+
+// 定数
+fx.constants = {
+  SERVICE_URI : "./json"
+}
+
+fx.initialize = function(){
+  fx.container = new container.Container( function( binder ){
+
+    // App
+    binder.bind( fx.Application ).to( "app" ).inject({
+      pageManager: container.component("pageManager"),
+      sideBar:     container.component("sideBar")
+    });
+
+    // page manager
+    binder.bind( util.PageManager ).to( "pageManager" ).initialize( function( obj, container ) {
+        obj.init( container.gets("pages"));
+    });
+
+    // 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( );
+    });
+    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")
+    });
+    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( );
+    });
+    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( );
+    });
+
+    // page manager (結果一覧ページ用)
+    binder.bind( util.PageManager ).to( "resultPageManager" ).initialize( function( obj, container ) {
+        obj.init( container.gets("result_pages"));
+    });
+    binder.bind( fx.ui.pages.LogResultPage ).to( "result_pages" ).inject({
+      id : "log",
+      elementId : "subpage-log",
+      outputServiceStub: container.component("outputServiceStub")
+    });
+    binder.bind( fx.ui.pages.TradeResultPage ).to( "result_pages" ).inject({
+      id : "trade",
+      elementId : "subpage-trade",
+      tradeResultServiceStub: container.component("tradeResultServiceStub"),
+      dialog : container.component("dialog")
+    });
+    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( );
+    });
+    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")
+    });
+
+    // agent editor
+    binder.bind( fx.agent.ui.AgentSelector ).to( "rtSettingAgentSelector" ).inject({
+      id: "rt-setting_as",
+      agentServiceStub: container.component("agentServiceStub"),
+      dialog : container.component("dialog")
+    });
+    binder.bind( fx.agent.ui.AgentSelector ).to( "btCreateAgentSelector" ).inject({
+      id: "bt-create_as",
+      agentServiceStub: container.component("agentServiceStub"),
+      dialog : container.component("dialog")
+    });
+    binder.bind( fx.agent.ui.AgentSelector ).to( "subpageInfoAgentSelector" ).inject({
+      id: "subpage-info_as",
+      agentServiceStub: container.component("agentServiceStub"),
+      dialog : container.component("dialog")
+    });
+
+    // agent-edit
+    binder.bind( fx.ui.AgentFileListTable ).to( "agentFileListTable" ).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();
+    });
+
+    // topicPath
+    binder.bind( util.TopicPath ).to( "topicPath" ).inject({
+      elementId : "topic_path"
+    });
+
+    // tradeEnable
+    binder.bind( fx.ui.TradeEnable ).to( "tradeEnable" ).inject({
+      elementId : "head_trade_enable",
+      processServiceStub: container.component("processServiceStub")
+    }).initialize( function( obj, container ) {
+      obj.init();
+    });
+
+    // dialog
+    binder.bind( util.Dialog ).to( "dialog" );
+
+    // stub
+    binder.bindProvider( function() {
+      return JSONBrokerClientFactory.createFromList(
+        fx.constants.SERVICE_URI + "/agent",
+        ["list_agent_class",
+         "put_file",
+         "delete_files",
+         "list_agent",
+         "add_agent",
+         "remove_agent",
+         "off",
+         "on",
+         "list_files",
+         "get_file"] );
+    } ).to("agentServiceStub");
+
+    binder.bindProvider( function() {
+      return JSONBrokerClientFactory.createFromList(
+        fx.constants.SERVICE_URI + "/process",
+        ["list_test",
+         "get",
+         "set",
+         "new_test",
+         "status",
+         "delete_test",
+         "stop",
+         "restart"] );
+    } ).to("processServiceStub");
+    binder.bindProvider( function() {
+      return JSONBrokerClientFactory.createFromList(
+        fx.constants.SERVICE_URI + "/output",
+        [ "get_log", "list_outputs", "set_properties" ] );
+    } ).to("outputServiceStub");
+    binder.bindProvider( function() {
+      return JSONBrokerClientFactory.createFromList(
+        fx.constants.SERVICE_URI + "/trade_result",
+        [ "list" ] );
+    } ).to("tradeResultServiceStub");
+    binder.bindProvider( function() {
+      return JSONBrokerClientFactory.createFromList(
+        fx.constants.SERVICE_URI + "/rate",
+        [ "range" ] );
+    } ).to("rateServiceStub");
+  });
+  fx.app = fx.container.get( "app" );
+  fx.app.initialize();
+
+}
+
+
+fx.Application = function() {
+  this.agentSelector = null; //@Inject
+  this.pageManager = null; //@Inject
+}
+fx.Application.prototype = {
+
+  /**
+   * 初期化
+   */
+  initialize : function (  ) {
+
+    var self = this;
+    this.sideBar.to("sidebar_result_rmt");
+  },
+
+  /**
+   * エラーがあれば表示する。
+   * @param {Object} arg1 パラメータ
+   * @param {Object} arg2 パラメータ
+   */
+  showError: function(arg1, arg2){
+  	alert("error:" + arg1 + " " +arg2 );
+  }
+}
+
+function debug(str) {
+  document.getElementById('debug').innerHTML += str + "<br/>";
+}

data/html/js/bt-create-page.js

@@ -0,0 +1,186 @@
+
+// ネームスペース
+namespace( "fx.ui.pages" )
+
+// バックテスト作成画面
+fx.ui.pages.BtCreatePage = function() {
+  this.elementId = null // @Inject
+  this.processServiceStub = null; //@Inject
+  this.rateServiceStub = null; //@Inject
+
+  this.agentSelector = null; //@Inject
+  this.dialog = null; // @Inject
+  this.topicPath = null; // @Inject
+
+  // ボタン
+  var self = this;
+  this.startButton = new util.Button("bt-create__start", "start", function() {
+    self.start();
+  });
+  this.startButton.setEnable( true );
+
+  // カレンダー
+  this.startCalendar = new util.DateInput( "bt-create_range-start", "開始日" );
+  this.startCalendar.initialize();
+  this.endCalendar = new util.DateInput( "bt-create_range-end",  "終了日");
+  this.endCalendar.initialize();
+}
+fx.ui.pages.BtCreatePage.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("bt-create_msg");
+    msg.innerHTML = "";
+    msg.style.display = "none";
+
+    this.topicPath.set( "バックテスト:新規作成" );
+
+    // 利用可能な日時
+    var self = this;
+    if ( this.startCalendar ) this.startCalendar.destroy();
+    if ( this.endCalendar ) this.endCalendar.destroy();
+    document.getElementById("bt-create_range-start").innerHTML =
+      fx.template.Templates.common.loading;
+
+    this.rateServiceStub.range( "EURJPY", function(range) {
+      self.startCalendar = new util.DateInput( "bt-create_range-start", "開始日",
+        range.first*1000, range.last*1000 );
+      self.startCalendar.initialize();
+      var f = function(){ self.dateChanged();};
+      self.startCalendar.listener.addListener( "selected", f );
+      self.startCalendar.listener.addListener( "blur", f );
+      self.endCalendar = new util.DateInput( "bt-create_range-end",  "終了日",
+        range.first*1000, range.last*1000 );
+      self.endCalendar.initialize();
+      self.endCalendar.listener.addListener( "selected", f );
+      self.endCalendar.listener.addListener( "blur", f );
+    }, null ); // TODO
+  },
+  /**
+   * ページを初期化する。
+   * インスタンス生成時に1度だけ実行すること。
+   */
+  initialize: function( ) {
+
+    //
+    // エージェント
+    this.agentSelector.initialize();
+  },
+  start: function(){
+
+    // エラーチェック
+    if ( this.agentSelector.hasError() ) {
+      this.dialog.show( "warn", {
+        message : "エージェントの設定に問題があります。",
+        buttons : [
+          { type:"ok" }
+        ]
+      } );
+      return;
+    }
+
+    // 名前
+    var name = document.getElementById("bt-create_name").value;
+    if ( !name ) {
+      this.dialog.show( "warn", {
+        message : "名前が入力されていません。",
+        buttons : [ { type:"ok" }]
+      } );
+      return;
+    }
+
+    // 開始日時、終了日時
+    var startDate = this.startCalendar.getDate();
+    if ( !startDate ) {
+      this.dialog.show( "warn", {
+        message : "開始日が入力されていないか、フォーマットが不正です。",
+        buttons : [ { type:"ok" }]
+      } );
+      return;
+    }
+
+    var endDate = this.endCalendar.getDate();
+    if ( !endDate ) {
+      this.dialog.show( "warn", {
+        message : "終了日が入力されていないか、フォーマットが不正です。",
+        buttons : [{ type:"ok" }]
+      } );
+      return;
+    }
+    if ( endDate.getTime() <= startDate.getTime() ) {
+      this.dialog.show( "warn", {
+        message : "開始日または終了日が不正です。",
+        buttons : [{ type:"ok" }]
+      } );
+      return;
+    }
+    var agents = this.agentSelector.getAgents();
+
+    // ダイアログを開く
+    var self = this;
+    this.dialog.show( "input", {
+      message : "バックテストを開始します。よろしいですか?<br/>",
+      buttons : [
+        { type:"ok", action: function(dialog){
+          var memo = document.getElementById("bt-create_memo").value;
+          self.processServiceStub.new_test( name, memo,
+            startDate.getTime()/1000, endDate.getTime()/1000, agents, function(info) {
+
+            // サイドバーに追加
+            self.sideBar.add(info.id);
+
+            // 更新時刻を表示
+            var dateStr = util.formatDate( new Date(info.create_date*1000) );
+            var msg = document.getElementById("bt-create_msg");
+            msg.innerHTML = "※開始しました。( " + dateStr + " )";
+            msg.style.display = "block";
+
+          }, null ); //TODO
+        } },
+        { type:"cancel" }
+      ]
+    } );
+  },
+  /**
+   * 日時の要約パネルを更新する
+   */
+  dateChanged: function( ){
+    var el = document.getElementById("bt-create__range-summary");
+    var s = this.startCalendar.getDate();
+    var e = this.endCalendar.getDate();
+    if ( !s || !e ) { 
+      el.innerHTML = fx.template.Templates.btcreate.dateSummary.notSelect;
+      return;
+    }
+    if ( s.getTime() >= e.getTime() ) {
+      el.innerHTML = fx.template.Templates.btcreate.dateSummary.error;
+      return;
+    }
+    var day = Math.floor( (e.getTime() - s.getTime()) / 1000 / 60 / 60 / 24 );
+    var time = day * 5;
+    var str = "";
+    var h = Math.floor(time/60);
+    if ( h > 0 ) str = h + fx.template.Templates.common.date.h;
+    str += (time%60) + fx.template.Templates.common.date.mm ;
+    el.innerHTML = fx.template.Templates.btcreate.dateSummary.selected.evaluate( {
+      range : day + fx.template.Templates.common.date.d, 
+      time: str
+    } );
+     
+  }
+}

data/html/js/codepress/codepress.css

@@ -0,0 +1,21 @@
+body {
+	margin-top:13px;
+	_margin-top:14px;
+	background:#E5E5E5;
+	margin-left:32px;
+  font-family: verdana, 'trebuchet ms', sans-serif;
+	font-size:13px;
+	white-space:pre;
+	background-image:url("images/line-numbers.gif");
+	background-repeat:repeat-y;
+	background-position:0 0px;
+	line-height:16px;
+	height:100%;
+}
+pre {margin:0;}
+html>body{background-position:0 0px;}
+P {margin:0;padding:0;border:0;outline:0;display:block;white-space:pre;}
+b, i, s, u, a, em, tt, ins, big, cite, strong, var, dfn {text-decoration:none;font-weight:normal;font-style:normal;font-size:13px;}
+
+body.hide-line-numbers {background:white;margin-left:16px;}
+body.show-line-numbers {background-image:url("images/line-numbers.png");margin-left:32px;}

data/html/js/codepress/codepress.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<head>
+	<title>CodePress - Real Time Syntax Highlighting Editor written in JavaScript</title>
+	<meta name="description" content="CodePress - source code editor window" />
+
+	<script type="text/javascript">
+	var language = 'generic';
+	var engine = 'older';
+	var ua = navigator.userAgent;
+	var ts = (new Date).getTime(); // timestamp to avoid cache
+	var lh = location.href;
+	
+	if(ua.match('MSIE')) engine = 'msie';
+	else if(ua.match('KHTML')) engine = 'khtml'; 
+	else if(ua.match('Opera')) engine = 'opera'; 
+	else if(ua.match('Gecko')) engine = 'gecko';
+
+	if(lh.match('language=')) language = lh.replace(/.*language=(.*?)(&.*)?$/,'$1');
+
+	document.write('<link type="text/css" href="codepress.css?ts='+ts+'" rel="stylesheet" />');
+	document.write('<link type="text/css" href="languages/'+language+'.css?ts='+ts+'" rel="stylesheet" id="cp-lang-style" />');
+	document.write('<scr'+'ipt type="text/javascript" src="engines/'+engine+'.js?ts='+ts+'"></scr'+'ipt>');
+	document.write('<scr'+'ipt type="text/javascript" src="languages/'+language+'.js?ts='+ts+'"></scr'+'ipt>');
+	</script>
+
+</head>
+
+<script type="text/javascript">
+if(engine == "msie" || engine == "gecko") document.write('<body><pre> </pre></body>');
+else if(engine == "opera") document.write('<body></body>');
+// else if(engine == "khtml") document.write('<body> </body>');
+</script>
+
+</html>