unageanu-jiji 1.1.4 → 1.2.1

data/html/js/sidebar.js

@@ -4,9 +4,9 @@ namespace( "fx.ui" )
 fx.ui.SideBar = function() {
 
   this.elementId = null // @Inject
-  this.processServiceStub = null; //@Inject
-  this.pageManager = null; //@Inject
-  this.dialog = null; // @Inject
+  this.processServiceStub = container.Inject;
+  this.pageManager = container.Inject;
+  this.dialog = container.Inject;
 
   this.menu = new util.MenuBar( "menu", "left", "sidebar" );
 
@@ -55,7 +55,6 @@ fx.ui.SideBar.prototype = {
     var m = page.match( /sidebar\_(.*)/ );
     if ( m ) {
       var m2 = m[1].match( /result_(.*)/ );
-      var m3 = m[1].match( /agent_edit_(.*)/ );
       if ( m2 ) {
         if ( m2[1] == "rmt" ) {
             this.menu.to( "result", {
@@ -75,11 +74,6 @@ fx.ui.SideBar.prototype = {
             }
           }
         }
-      } else if ( m3 ) {
-         this.menu.to( "agent_edit", {
-           id:m3[1],
-           menuId: m[1]
-         } );
       } else {
         this.menu.to( m[1], params );
       }
@@ -126,31 +120,48 @@ fx.ui.SideBar.prototype = {
     }, 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 : "バックテストを削除します。よろしいですか?",
+        message : fx.template.Templates.sidebar.del.msg,
         buttons : [
-           { type:"ok", 
-             alt: fx.template.Templates.common.button.ok, 
+           { type:"ok",
+             alt: fx.template.Templates.common.button.ok,
              key: "Enter",
              action: function(dialog){
              self.processServiceStub.delete_test( processId, function(p) {
-               var tmp = [];
-               for ( var i=0,n=self.runnings.length;i<n;i++ ) {
-                 if ( self.runnings[i] != processId ) tmp.push( self.runnings[i] );
-               }
-               self.runnings = tmp;
-
-               var div = document.getElementById( "process_" + processId);
-               div.parentNode.removeChild(div);
-
+               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;
@@ -178,6 +189,7 @@ fx.ui.SideBar.prototype = {
     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";
@@ -191,6 +203,7 @@ fx.ui.SideBar.prototype = {
       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>";
@@ -216,16 +229,17 @@ fx.ui.SideBar.prototype = {
    * 状態の文字列を表示用の名前に変換する。
    */
   stateToDisplayName : function(state) {
+    var tmp = fx.template.Templates.sidebar.processState;
     if( state == "WAITING" ) {
-      return "待機中";
+      return tmp.waiting;
     } else if( state == "RUNNING" ) {
-      return "実行中";
+      return tmp.running;
     } else if( state == "CANCELED" ) {
-      return "中止";
+      return tmp.canceled;
     } else if( state == "FINISHED" ) {
-      return "完了";
+      return tmp.finished;
     } else if( state == "ERROR_END" ) {
-      return "<span class='error'>エラー終了</span>";
+      return tmp.errorEnd;
     }
   }
 }
@@ -233,7 +247,7 @@ fx.ui.SideBar.prototype = {
 // トレード状態表示
 fx.ui.TradeEnable = function(elementId){
   this.elementId = elementId;  //@Inject
-  this.processServiceStub = null; //@Inject
+  this.processServiceStub = container.Inject;
 }
 fx.ui.TradeEnable.prototype = {
   init: function() {

data/html/js/templates.js

@@ -1,7 +1,7 @@
 
 // ネームスペース
-namespace( "fx.template" )
-
+namespace( "fx" );
+namespace( "fx.template" );
 fx.template.Templates = {
   common: {
     loading : '<img src="./img/loading.gif"  alt="loading.." title="loading.." />',
@@ -15,27 +15,91 @@ fx.template.Templates = {
       update : "更新",
       add : "追加",
       del : "削除",
+      fileAdd : "ファイルを追加",
+      mkcol : "ディレクトリを追加",
+      rename : "選択したファイル/ディレクトリの名前を変更",
       save : "保存",
       ok  : "OK",
       cancel: "キャンセル",
       yes  : "はい",
       no: "いいえ"
+    },
+    column : {
+      name : "名前",
+      update : "最終更新日時",
+      profitOrLoss : "損益",
+      swap : "スワップ",
+      sellOrBuy : "売/買",
+      state : "状態",
+      pair : "通貨ペア",
+      rate : "レート",
+      fixRate : "決済レート",
+      count : "数量",
+      trader : "エージェント",
+      date : "取引日時",
+      fixDate : "決済日時",
+      totalProfitOrLoss: "損益合計",
+      totalSwap : "累計スワップ",
+      tradeSummary : "取引回数/約定済み",
+      winRate : "勝率",
+      maxProfit: "最大利益",
+      maxLoss: "最大損失",
+      avgProfitOrLoss:"平均損益",
+      profitRatio:"損益率"
+    },
+    sell : "売",
+    buy : "買",
+    positionState : {
+      order: "注文中",
+      having: "所有中",
+      settle: "決済注文中",
+      settled: "決済済",
+      lost: "ロスト",
+      unknown: "不明"
+    },
+    item : {
+      file: "ファイル",
+      directory: "ディレクトリ"
+    },
+    errorMsg : {
+      notFound: new Template("#{name}が見つかりませんでしました。"),
+      alreadyExist: "名前が重複しています。",
+      isNotFile: "ファイルではありません",
+      isNotFolder: "フォルダではありません",
+      illegalName: new Template("#{name}名が不正です。半角英数字、および「_+-#!~[]().'{}」のみ使用可能です。"),
+
+      systemError : "内部エラーが発生しました。",
+      serverError : "サーバーでエラーが発生しました。",
+      notSelected : "エージェントが選択されていません。",
+      deleteConfirm:"削除します。よろしいですか?",
+      selectAgent : "エージェントを選択してください。",
+      notInput : "値が入力されていません。",
+      notNumber : "数値を入力してください。",
+      outOfRange : "値が範囲外です。",
+      tooLong : "値が長すぎます。",
+      illegalChar:"使用できない文字が含まれています。",
+      illegalFormat : "値のフォーマットが不正です。",
+      dupricateName : "名前が重複しています。",
+      emptyName : "名前が入力されていません。",
+      illegalAgentSetting: "エージェントの設定に問題があります。",
+      illegalDate : "開始日または終了日が不正です。",
+      illegalStartDate : "開始日が入力されていないか、フォーマットが不正です。",
+      illegalEndDate : "終了日が入力されていないか、フォーマットが不正です。"
     }
   },
   agentSelector: {
-    error : new Template( '<div class="problem">※#{error}</div>#{msg}')
+    defaultName : "名称未設定エージェント",
+    error : new Template( '<div class="problem">※#{error}</div>#{msg}'),
+    addMsg : "追加するエージェントを選択してください。"
+      + '<div style="margin-top:10px;border: 1px solid #FFFFFF;">'
+      + '  <div id="agent_class_list"></div>'
+      + '</div>'
   },
   agentEditor: {
-    topicPath: {
-      agent: "エージェント:エージェントの作成/編集",
-      sharedLib: "エージェント:共有ライブラリの作成/編集"
-    },
-    desc: {
-        agent: "※エージェントを作成・編集します。一覧からファイルを選択して編集、または追加ボタンから追加して下さい。<br/>"
-          + "※改変後のコードは次にエージェントを使用した場合に有効になります。",
-        sharedLib:  "※共有ライブラリを作成・編集します。一覧からファイルを選択して編集、または追加ボタンから追加して下さい。<br/>"
-          + "※改変後のコードは次にライブラリのクラスや関数を使用した場合に有効になります。"
-    },
+    topicPath: "エージェント:作成/編集",
+    desc: "※エージェントまたは共有ライブラリを作成・編集します。ツリーからファイルをダブルクリックして編集して下さい。"
+        + "エージェントの作り方は<a href='http://unageanu.sakura.ne.jp/jiji/?page=agent&param=a_agent_0' target='_blank'>こちら。</a><br/>"
+        + "※改変後のコードは次にエージェントや共有ライブラリのAPIを使用した場合に有効になります。",
     saved : {
       error : new Template(
           '<span class="problem">※コンパイルエラー</span> <span style="color: #FF3366;">( #{now} ) <br/>' +
@@ -44,30 +108,32 @@ fx.template.Templates = {
     },
     dosave : "未保存のデータがあります。保存しますか?",
     add : {
+      prefix : {
+        add : "追加する",
+        rename : "新しい"
+      },
       error : new Template(
         '<div class="problem">※#{error}</div>'
       ),
       body : new Template(
-        "追加するファイル名を入力してください。<br/>" +
+        "#{prefix}#{type}名を入力してください。<br/>" +
         '<form action="javascript:void(0);" name="file_name_input_form">' +
         '  <input id="file_name_input" name="file_name_input" type="text"' +
         '    style="width:360px;margin-top:10px;" value="#{text}" />'+
-        '</form>'),
-      errormsgs : {
-        no          : "ファイル名が入力されていません。",
-        illegalChar : "ファイル名が不正です。半角英数字、および「-_*+-#![]()?\.」のみ使用可能です。",
-        conflict    : "ファイル名が重複しています。"
-      }
+        '</form>')
     },
     remove: {
-      body : "ファイルを削除します。削除したファイルは復元できません。<br/>よろしいですか?"
+      body : "ファイルを削除します。削除したファイルは復元できません。<br/>よろしいですか?",
+      error: new Template("<span class='problem'>※ファイルまたはフォルダの削除に失敗しました。" +
+          "<pre style='width:350px;height:200px;overflow:scroll;font-size:11px;font-weight:normal'>#{error}</pre>" +
+          "</span>")
     },
     defaultFileName: "( ファイルを選択してください。 )",
-    fileList : {
-      column : {
-        name : "名前",
-        update : "最終更新日時"
-      }
+    tree : {
+      node : new Template(
+          '<div id="agent_tree_node_#{id}" class="node #{type} #{selected}">' +
+          '  <span class="name">#{name}</span>'+
+          '</div>')
     }
   },
   agentPropertyEditor: {
@@ -123,8 +189,34 @@ fx.template.Templates = {
       '</div>' )
   },
   sidebar : {
+    del : {
+      msg : "バックテストを削除します。よろしいですか?"
+    },
+    processState : {
+      waiting :  "待機中",
+      running : "実行中",
+      canceled : "中止",
+      finished : "完了",
+      errorEnd : "<span class='error'>エラー終了</span>"
+    },
     process : new Template (
-      '  <div class="name"><span id="process_#{id}_name">#{name} </span><span class="process_delete"><a href="javascript:fx.app.sideBar.remove(\'#{id}\');" id="process_#{id}_delete">[削除]</a></span></div>' +
+      '  <div class="name">' +
+      '    <span id="process_#{id}_name">#{name}</span>' +
+      '    <span class="process_restart">' +
+      '<a href="javascript:fx.app.sideBar.restart(\'#{id}\');" id="process_#{id}_restart" style="display:none;padding-left:2px;" title="再実行" alt="再実行">' +
+      '<img src="./img/control_play.png" title="再実行" alt="再実行" '  +
+      '         onmouseover="this.src=\'./img/control_play_blue.png\'" '  +
+      '         onmouseout="this.src=\'./img/control_play.png\'" />' +
+      '</a>' +
+      '</span>' +
+      '<span class="process_delete">' +
+      '<a href="javascript:fx.app.sideBar.remove(\'#{id}\');" id="process_#{id}_delete"  title="削除" alt="削除">' +
+      '<img src="./img/bin_closed.png" title="削除" alt="削除"' +
+      '         onmouseover="this.src=\'./img/bin_empty.png\'"'  +
+      '         onmouseout="this.src=\'./img/bin_closed.png\'" />' +
+      '</a>' +
+      '</span>' +
+      '  </div>' +
       '  <div class="detail">'+
       '    <div class="date">#{date}</div>' +
       '    <div class="state" id="process_#{id}_state">状態:#{state}</div>' +
@@ -136,6 +228,10 @@ fx.template.Templates = {
       '  </div>')
   },
   btcreate : {
+    calendar : {
+      start: "開始日",
+      end: "終了日"
+    },
     dateSummary : {
       notSelect: "※開始日、終了日を選択して下さい。",
       selected: new Template('<table class="values small" style="width:360px;" cellspacing="0" cellpadding="0">' +
@@ -145,17 +241,46 @@ fx.template.Templates = {
       error: "<span class='problem'>※開始日、終了日の設定が不正です。</span>"
     },
     start : {
+      msg : "バックテストを開始します。よろしいですか?<br/>",
+      success:  new Template("※開始しました。( #{dateStr} )"),
       error: new Template("<span class='problem'>※テストの開始に失敗しました。" +
       		"<pre style='width:350px;height:200px;overflow:scroll;font-size:11px;font-weight:normal'>#{error}</pre>" +
       		"</span>")
     }
   },
   rtsetting : {
+    topicPath: "リアルトレード:設定",
     apply: {
+        msg : "設定を反映します。よろしいですか?<br/>",
+        success: new Template("※設定を反映しました。( #{dateStr} )"),
         error: new Template("<span class='problem'>※設定の反映に失敗しました。" +
             "<pre style='width:350px;height:200px;overflow:scroll;font-size:11px;font-weight:normal'>#{error}</pre>" +
             "</span>")
-      }
+    },
+    update : {
+      op : {
+        add: "追加",
+        update: "更新",
+        remove: "削除"
+      },
+      errorDetail : new Template("#{name}の#{operation}に失敗しました : #{cause}\n"),
+      error: new Template("<span class='problem'>※設定の更新に失敗しました。" +
+	      "<pre style='width:350px;height:200px;overflow:scroll;font-size:11px;font-weight:normal'>#{error}</pre>" +
+	      "</span>")
+    }
+  },
+  result :  {
+    topicPath: {
+      real :  "リアルトレード:状況を見る" ,
+      backtest: "バックテスト:結果を見る:"
+    },
+    aggregate : {
+      unknownAgent : "(不明)"
+    },
+    tradeEnable : {
+      yes: "する",
+      no: "しない"
+    }
   },
   submenu : {
     info : {
@@ -224,11 +349,17 @@ fx.template.Templates = {
           '<tr><td class="label small" >#{pair}</td><td class="value">#{value}</td></tr>' )
     },
     graph : {
+      noAgent : '<div style="margin:10px 0px 0px 0px;">( グラフはありません。)</div>',
       agent : new Template(
-          '  <div class="agent">#{agentName}</div>'+
-          '  <table class="graphs" cellspacing="0" cellpadding="0">' +
+          '  <div class="agent" id="output_#{id}">#{agentName} #{remove}</div>'+
+          '  <table id="output_t_#{id}" class="graphs" cellspacing="0" cellpadding="0">' +
           '      #{items}'+
           '  </table>'),
+      remove : new Template('<span class="output_delete">' +
+      '<a href="javascript:void(0);" id="output_#{id}_delete"  title="グラフを削除" alt="グラフを削除">[グラフを削除]' +
+      '</a>' +
+      '</span>'),
+      removeMsg : "グラフを削除します。よろしいですか?",
       item : new Template(
           '     <tr>' +
           '       <td>' +
@@ -236,7 +367,11 @@ fx.template.Templates = {
           '         <label for="submenu-graph_checked_#{id}" title="#{name}">#{name}</label>' +
           '       </td>' +
           '       <td class="color">#{colors}</td>'+
-          '     </tr>' )
+          '     </tr>' ),
+       noGraphItem :
+         '     <tr>' +
+         '       <td>( グラフはありません。)</td>' +
+         '     </tr>'
     }
   }
-}
+}

data/html/js/utils.js

@@ -239,8 +239,8 @@ util.Button = function( id, imgName, action, alt, accesskey, enable, prefix, suf
   if (accesskey) { this.a.accessKey = accesskey; }
   this.n.appendChild( this.a );
   this.img = document.createElement("img");
-  if (alt)  { 
-     this.img.alt = accesskey ? alt + "( " +accesskey+ " )" : alt; 
+  if (alt)  {
+     this.img.alt = accesskey ? alt + "( " +accesskey+ " )" : alt;
      this.img.title =  this.img.alt;
   }
   this.img.src = prefix + this.imgName + suffix;
@@ -392,13 +392,13 @@ util.BasicTable = {
     self.table.subscribe("rowMouseoverEvent", self.table.onEventHighlightRow);
     self.table.subscribe("rowMouseoutEvent", self.table.onEventUnhighlightRow);
     self.table.subscribe("rowClickEvent", self.table.onEventSelectRow);
-    
+
     // リサイザーを強制的に利用可にする。
     var res = document.getElementsByClassName("yui-dt-resizer", self.elementId);
     for ( var i=0,n=res.length;i<n;i++ ) {
       res[i].style.height = "19px";
     }
-    
+
     // ローディングを作成
     this.table_elm = document.getElementById(self.elementId);
     this.loading_elm = document.createElement('div');
@@ -417,7 +417,7 @@ util.BasicTable = {
       this.table.deleteRows( 0, this.length() );
     }
     this.table.addRows(data);
-    if ( this.sortBy ) { 
+    if ( this.sortBy ) {
       this.table.sortColumn(  this.table.getColumn( this.sortBy) );
     }
   },
@@ -449,6 +449,9 @@ util.fillZero = function( number, size ) {
   return str+number;
 }
 
+/**
+ * リスナ
+ */
 util.Listener = function() {
   this.listener = {};
 }
@@ -470,10 +473,18 @@ util.Listener.prototype = {
     }
     return this.listener[type];
   },
-  fire : function( type, event ) {
+  fire : function( type, event, f ) {
     var list = this.getListeners(type);
     for( var i=0,n=list.length;i<n;i++ ) {
-      list[i].call( null, event );
+      if ( f ) {
+        if ( typeof f == "function" ) {
+          f.call( null, list[i], event );
+        } else {
+          list[i][f]( event );
+        }
+      } else {
+        list[i].call( null, event );
+      }
     }
   }
 }
@@ -749,6 +760,131 @@ util.ColorPicker.prototype = {
 //  return this.evaluate_org( object );
 //}
 
+/***
+ * パス文字列の操作
+ */
+util.PathUtils = {
+  /**
+   * 末尾の"/"以降の名前を取得する
+   */
+  basename : function(path) {
+    if (!path) return "";
+    var i = path.lastIndexOf("/");
+    if (i < 0 ) return path;
+    if (i+1 >= path.length ) return "";
+    return path.substring( i+1 );
+  },
+  /**
+   * 末尾の"/"以前の名前を取得する
+   */
+  dirname : function(path) {
+    if (!path) return "";
+    var i = path.lastIndexOf("/");
+    if (i <= 0 ) return "";
+    return path.substring( 0, i );
+  },
+  /**
+   * 指定ディリクトリ配下のファイル/フォルダであるか評価する
+   * @param path {String} 評価対象のパス
+   * @param dir {String} 親ディレクトリ
+   * @return {Boolean} 親ディレクトリの配下の要素であればtrue
+   */
+  isChild : function( path, dir ) {
+    return path.startsWith( dir + "/" );
+  },
+  /**
+   * パスの配列を探索し、親とその子が含まれていれば、親だけを残す。
+   * @param paths {Array:String} パスの配列
+   * @return {Array:String} 親のみのパス
+   */
+  normarize : function(paths) {
+    var result = [];
+    paths = paths.sortBy( function( value ) { return value.length; } );
+    for ( var j=0;j<paths.length;j++ ) {
+      var isChild = false;
+      for ( var i=0;i<result.length;i++ ) {
+        if ( util.PathUtils.isChild( paths[j], result[i] ) ) {
+          isChild = true;
+          break;
+        }
+      }
+      if (!isChild) result.push( paths[j] );
+    }
+    return result;
+  }
+}
+
+/**基本の例外ハンドラ*/
+util.BasicExceptionHandler = function( error, detail, option ) {
+  // エラーコードがない場合はメッセージをそのまま積む。
+  if ( !detail.code ) return error;
+  switch ( detail.code ) {
+    case "not_found": 
+      return fx.template.Templates.common.errorMsg.notFound.evaluate( option );
+    case "already_exist": 
+      return fx.template.Templates.common.errorMsg.alreadyExist;
+    case "is_not_file": 
+      return fx.template.Templates.common.errorMsg.isNotFile;
+    case "is_not_folder": 
+      return fx.template.Templates.common.errorMsg. isNotFolder;
+    case "illegal_name":
+      return fx.template.Templates.common.errorMsg.illegalName.evaluate( option );
+    case "illegal_arguments":
+    case "fatal":
+      return fx.template.Templates.common.errorMsg.systemError;
+    case "not_connected":
+      return fx.template.Templates.common.errorMsg.serverError;
+    default:
+      return error;
+  }
+}
+
+// クリックタイマー
+util.ClickTimer = function( id, callback ) {
+  this.id = null;
+  this.elm = document.getElementById( id );
+  this.buff = [];
+  this.timer = null;
+  this.clicked = false;
+  this.callback = callback;
+  var self = this;
+  Event.observe(document.getElementById( id ), 'mouseup', function(ev) { // prototype.jsに依存
+    self.onClicked( ev );
+  });
+}
+util.ClickTimer.prototype = {
+  onClicked : function(ev) {
+    if ( !this.timer ) {
+      this.buff.push( true );
+      var self = this;
+      this.timer = window.setInterval(function ( ) {
+        self.check();
+      }, 250);
+    } else {
+      this.clicked = true;
+    }
+  }, 
+  check : function() {
+    this.buff.push( this.clicked );
+    this.clicked = false;
+    if ( this.isEnd() ) {
+      try {
+        if ( this.callback ) this.callback.call( null, this.buff.slice( 0, this.buff.length-1 ) );
+      } finally {
+        window.clearTimeout( this.timer );
+        this.timer = null;
+        this.buff = [];
+      }
+    }
+  },
+  isEnd : function() {
+    if (this.buff.length <= 2) return false;
+    for( var i=0,n=this.buff.length-1; i<2; i++ ) {
+      if ( this.buff[n-i] == true ) return false;
+    }
+    return true;
+  }
+}
 
 /**制御文字*/
 util.CONTROLL_CODE = /[\x00-\x1F\x7F]/