add one-click of parameter setting.

options/locale/locale_zh-CN.ini

@@ -765,24 +765,29 @@ confirm_choice=确定
 modelarts.nodebook=云脑作业
 modelarts.train_job=训练作业
 modelarts.train_job.new=新建作业
+modelarts.train_job.basic_info=基本信息
 modelarts.train_job.job_name=作业名称
 modelarts.train_job.version=作业版本
 modelarts.train_job.description=作业描述
+modelarts.train_job.parameter_setting=参数设置
+modelarts.train_job.fast_parameter_setting=一键式参数配置
+modelarts.train_job.fast_parameter_setting_config=如您已保存过参数配置，可单击 
+modelarts.train_job.fast_parameter_setting_config_link=这里
+modelarts.train_job.frames=常用框架
 modelarts.train_job.algorithm_origin=算法来源
 modelarts.train_job.AI_driver=AI引擎
-modelarts.train_job.code_store_location=代码存放路径
 modelarts.train_job.start_file=启动文件
-modelarts.train_job.dataset=选择数据集
-modelarts.train_job.dataset_version=选择数据集版本
-modelarts.train_job.dataset_store_location=数据集存放路径
-modelarts.train_job.train_output_location=训练输出位置
+modelarts.train_job.dataset=数据集
 modelarts.train_job.run_parameter=运行参数
+modelarts.train_job.add_run_parameter=增加运行参数
 modelarts.train_job.parameter_name=参数名
 modelarts.train_job.parameter_value=参数值
+modelarts.train_job.resource_setting=资源设置
 modelarts.train_job.resource_pool=资源池
 modelarts.train_job.resource_type=资源类型
 modelarts.train_job.standard=规格
 modelarts.train_job.query_whether_save_parameter=保存作业参数
+modelarts.train_job.save_helper=保存当前作业的配置参数，后续您可以使用已保存的配置参数快速创建训练作业。
 modelarts.train_job.common_frame=常用框架
 modelarts.train_job.amount_of_compute_node=计算节点个数
 modelarts.train_job.job_parameter_name=作业参数名称

templates/repo/modelarts/trainjob/index.tmpl

@@ -20,7 +20,6 @@
     {{template "repo/header" .}}
     <div class="modelarts train_job container">
         <div class="ui container">
-            {{template "base/alert" .}}
             <div class="ui grid">
                 <div class="three wide column">
                     <div class="ui grid">
@@ -37,6 +36,7 @@
                 
                 <!-- 右侧 -->
                 <div class="ui thirteen wide column">
+                    {{template "base/alert" .}}
                     <div class="ui three column stackable grid">
                         <div class="column">
                             <h2>{{.i18n.Tr "repo.modelarts.train_job"}}</h2>
@@ -80,24 +80,19 @@
                                     <div class="two wide column job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}">
                                         {{.Status}}
                                     </div>
-    
+
+                                    <!-- 运行时长 -->
+                                    <div class="two wide column">
+                                        <span class="ui text center">{{svg "octicon-flame" 16}} {{TimeSinceUnix .CreatedUnix $.Lang}}</span>
+                                    </div>
     
                                     <!-- 任务创建时间 -->
                                     <div class="three wide column">
                                         <span class="ui text center">{{svg "octicon-flame" 16}} {{TimeSinceUnix .CreatedUnix $.Lang}}</span>
                                     </div>
     
-                                    <!-- 查看 -->
-                                    <div class="one wide column">
-                                        <span class="ui text center clipboard">
-                                            <a class="title" href="{{$.Link}}/{{.JobID}}">
-                                                <span class="fitted">查看</span>
-                                            </a>
-                                        </span>
-                                    </div>
-    
                                     <!-- 删除 -->
-                                    <div class="two wide column">
+                                    <div class="one wide column">
                                         <div class="ui text center clipboard">
                                             <form id="delForm-{{.JobID}}" action="{{if ne .Status "STOPPED"}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/del{{end}}" method="post">
                                                 {{$.CsrfTokenHtml}}
@@ -107,7 +102,7 @@
                                     </div>
     
                                     <!-- 停止 -->
-                                    <div class="two wide column">
+                                    <div class="one wide column">
                                         <div class="ui text center clipboard">
                                             <form id="stopForm-{{.JobID}}" action="{{if ne .Status "RUNNING"}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/stop{{end}}" method="post">
                                                 {{$.CsrfTokenHtml}}

templates/repo/modelarts/trainjob/new.tmpl

@@ -99,13 +99,13 @@
     {{template "repo/header" .}}
     <div class="ui container">
         <h4 class="ui top attached header">
-            {{.i18n.Tr "新建训练作业"}}
+            {{.i18n.Tr "repo.modelarts.train_job.new"}}
         </h4>
         <div class="ui attached segment">
             <form class="ui equal width form" action="{{.Link}}" method="post">
                 {{.CsrfTokenHtml}}
                 <input type="hidden" name="action" value="update">
-                <h4 class="ui dividing header">基本信息</h4>
+                <h4 class="ui dividing header">{{.i18n.Tr "repo.modelarts.train_job.basic_info"}}</h4>
                 <div class="required field">
                     <label>{{.i18n.Tr "repo.modelarts.train_job.job_name"}}</label>
                     <input name="job_name" id="trainjob_job_name" placeholder={{.i18n.Tr "repo.modelarts.train_job.job_name"}} value="{{.job_name}}" tabindex="3" autofocus required maxlength="255">
@@ -118,11 +118,26 @@
                     <label for="description">{{.i18n.Tr "repo.modelarts.train_job.description"}}</label>
                     <textarea id="description" name="description" rows="2"></textarea>
                 </div>
-                <h4 class="ui dividing header">参数设置</h4>
+                <h4 class="ui dividing header">{{.i18n.Tr "repo.modelarts.train_job.parameter_setting"}}</h4>
+                <div class="inline field">
+                    <label>{{.i18n.Tr "repo.modelarts.train_job.fast_parameter_setting"}}</label>
+                    <span>
+                        {{.i18n.Tr "repo.modelarts.train_job.fast_parameter_setting_config"}}
+                        <a class="item active parameter_config">{{.i18n.Tr "repo.modelarts.train_job.fast_parameter_setting_config_link"}}</a>
+                    </span>
+                </div>
+                <div class="inline required field">
+                    <label>{{.i18n.Tr "repo.modelarts.train_job.dataset"}}</label>
+                    <select class="ui search dropdown" id="trainjob_datasets" style='width:385px'>
+                        {{range .attachments}}
+                            <option name="attachment" value="{{.UUID}}">{{.Attachment.Name}}</option>
+                        {{end}}
+                    </select>
+                </div>
                 <div class="required field">
                     <label>{{.i18n.Tr "repo.modelarts.train_job.algorithm_origin"}}</label>
                     <div class="ui top attached tabular menu">
-                        <a class="item active" data-tab="frame">{{svg "octicon-repo" 16}}常用框架</a>
+                        <a class="item active" data-tab="frame">{{svg "octicon-repo" 16}}{{.i18n.Tr "repo.modelarts.train_job.frames"}}</a>
                     </div>
                     <div class="ui bottom attached tab active segment" data-tab="frame">
                         <div class="required field">
@@ -161,13 +176,12 @@
     
                 <div class="inline field">
                     <label>{{.i18n.Tr "repo.modelarts.train_job.run_parameter"}}</label>
-                    <span id="add_run_para"><i class="plus circle icon"></i>增加运行参数</span>
+                    <span id="add_run_para"><i class="plus circle icon"></i>{{.i18n.Tr "repo.modelarts.train_job.add_run_parameter"}}</span>
                     <div class="dynamic field">
 
                     </div>
                 </div>
-
-                <h4 class="ui dividing header">资源设置</h4>
+                <h4 class="ui dividing header">{{.i18n.Tr "repo.modelarts.train_job.resource_setting"}}</h4>
                 <div class="required field">
                     <label>{{.i18n.Tr "repo.modelarts.train_job.resource_pool"}}</label>
                     <select class="ui search dropdown" id="trainjob_resource_pool" style='width:385px'>
@@ -207,10 +221,14 @@
                     <label>{{.i18n.Tr "repo.modelarts.train_job.amount_of_compute_node"}}</label>
                     <input name="work_server_number" id="trainjob_work_server_num" tabindex="3" autofocus required maxlength="255">
                 </div>
-                <div class="field">
+                <div class="inline field">
                     <div class="ui save checkbox">
                         <input name="template" type="checkbox">
-                        <label>{{.i18n.Tr "repo.modelarts.train_job.query_whether_save_parameter"}}</label>
+                        <label>{{.i18n.Tr "repo.modelarts.train_job.query_whether_save_parameter"}} 
+                            <span>
+                                <i class="question circle icon  link" data-content={{.i18n.Tr "repo.modelarts.train_job.save_helper"}} data-position="right center" data-variation="mini"></i>
+                            </span>
+                        </label>
                     </div>
                 </div>
                 <div class="disabled field" id="save_para"> 
@@ -230,7 +248,76 @@
                     </button>
                     <a class="ui button" href="/">{{.i18n.Tr "repo.cloudbrain.cancel"}}</a>
                 </div>
-            
+
+                <!-- 模态框 -->
+                <div class="ui parameter modal" style="height: 70%;">
+                    <div class="header">
+                        一键设置参数
+                    </div>
+                    <div class="content" style="height:100%">
+                        <div class="ui grid" style="height: 100%; margin-top: auto; margin-bottom: auto">
+                            <!-- 左侧列表 -->
+                            <div class="five wide column" style="height:100%">
+                                <div class="ui vertical menu" style="height:100%;">
+                                    <div class="item">
+                                        <div class="ui input"><input type="text" placeholder="搜索..."></div>
+                                    </div>
+                                    <div class="item" style="height:85%; overflow:auto;">
+                                        <div class="menu">
+                                            {{range .flavor_infos}}
+                                            <a class="item">{{.Value}}</a>
+                                            {{end}}
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <!-- 右侧详情 -->
+                            <div class="eleven wide column content" style="height:100%">              
+                                <div class="ui green segment" style="height:100%; overflow:auto;">
+                                    <p>任务结果:</p>
+                                    <table class="ui celled striped table">
+                                        <tbody>
+                                            <tr>
+                                                <td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.job_name"}} </td>
+                                                <td> {{.NAME}} </td>
+                                            </tr>
+                                            <tr>
+                                                <td> {{.i18n.Tr "repo.modelarts.train_job.description"}} </td>
+                                                <td>{{.description}}</td>
+                                            </tr>
+                                            <tr>
+                                                <td> {{.i18n.Tr "repo.modelarts.train_job.dataset"}} </td>
+                                                <td>{{.dataset}}</td>
+                                            </tr>
+                                            <tr>
+                                                <td> {{.i18n.Tr "repo.modelarts.train_job.start_file"}} </td>
+                                                <td>{{.start_file}}</td>
+                                            </tr>
+                                            <tr>
+                                                <td> {{.i18n.Tr "repo.modelarts.train_job.run_parameter"}} </td>
+                                                <td> {{.run_parameter}}</td>
+                                            </tr>
+                                            <tr>
+                                                <td> {{.i18n.Tr "repo.modelarts.train_job.resource_pool"}} </td>
+                                                <td>{{.resource_pool}}</td>
+                                            </tr>
+                                            <tr>
+                                                <td> {{.i18n.Tr "repo.modelarts.train_job.amount_of_compute_node"}} </td>
+                                                <td>{{.amount_of_compute_node}}</td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="actions">
+                        <button class="ui green button">
+                            {{.i18n.Tr "repo.confirm_choice"}}
+                        </button>
+                        <a class="ui button" href="/">{{.i18n.Tr "repo.cloudbrain.cancel"}}</a>
+                    </div>
+                </div>
             </form>
         </div>
     </div>
@@ -284,4 +371,13 @@
             document.getElementById("mask").style.display = "none"
         }
     }
+
+    $('.question.circle.icon').hover(function(){
+        $('.question.circle.icon').popup('show')
+    });
+
+    $(".item.active.parameter_config").click(function(){
+        $('.ui.parameter.modal')
+            .modal('show');
+    })
 </script>