Browse Source

complete log

pull/625/head
Gitea 4 years ago
parent
commit
3934cf41ee
3 changed files with 143 additions and 134 deletions
  1. +4
    -0
      options/locale/locale_zh-CN.ini
  2. +130
    -0
      templates/repo/modelarts/trainjob/index.tmpl
  3. +9
    -134
      templates/repo/modelarts/trainjob/show.tmpl

+ 4
- 0
options/locale/locale_zh-CN.ini View File

@@ -800,6 +800,10 @@ modelarts.train_job.common_frame=常用框架
modelarts.train_job.amount_of_compute_node=计算节点个数 modelarts.train_job.amount_of_compute_node=计算节点个数
modelarts.train_job.job_parameter_name=作业参数名称 modelarts.train_job.job_parameter_name=作业参数名称
modelarts.train_job.parameter_description=作业参数描述 modelarts.train_job.parameter_description=作业参数描述
modelarts.log=日志
modelarts.version_manage=版本管理
modelarts.back=返回



template.items=模板选项 template.items=模板选项
template.git_content=Git数据(默认分支) template.git_content=Git数据(默认分支)


+ 130
- 0
templates/repo/modelarts/trainjob/index.tmpl View File

@@ -128,4 +128,134 @@
$(this).siblings().removeClass("activate") $(this).siblings().removeClass("activate")
$(this).addClass("activate") $(this).addClass("activate")
}) })
</script>{{template "base/head" .}}
<style>
.ui.segment.bottom.attached {
border: none;
}
.ui.secondary.vertical.pointing.menu{
border-right-width: 0px;
}

.vertical.menu .item {
border-right-color: white !important;
}

.vertical.menu .activate.item {
font-weight: 700;
}
</style>
<div class="repository view">
{{template "repo/header" .}}
<div class="modelarts train_job container">
<div class="ui container">
<div class="ui grid">
<div class="three wide column">
<div class="ui grid">
<div class="sixteen wide column ui secondary sticky pointing tabular vertical menu">
<a class="item" href="{{.RepoLink}}/modelarts/notebook">
{{svg "octicon-repo" 16}} {{.i18n.Tr "repo.modelarts.nodebook"}}
</a>
<a class="activate item" href="{{.RepoLink}}/modelarts/train-job">
{{svg "octicon-inbox" 16}} {{.i18n.Tr "repo.modelarts.train_job"}}
</a>
</div>
</div>
</div>
<!-- 右侧 -->
<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>
</div>
<div class="column">
</div>
<div class="column right aligned">
<a class="ui green button" href="{{.RepoLink}}/modelarts/train-job/create">{{.i18n.Tr "repo.modelarts.train_job.new"}}</a>
</div>
</div>
<div class="ui divider"></div>
<div class="ui thirteen wide column">
<div class="ui thirteen wide column">
<div class="ui two column stackable grid">
<div class="column">
</div>
<div class="column right aligned">
<div class="ui right dropdown type jump item">
<span class="text">
{{.i18n.Tr "repo.issues.filter_sort"}}<i class="dropdown icon"></i>
</span>
</div>
</div>
</div>
</div>
<!-- 任务展示 -->
<div class="train_job list">
{{range .Tasks}}
<div class="ui grid stackable item">
<div class="row">
<!-- 任务名 -->
<div class="four wide column">
<a class="title" href="{{$.Link}}/{{.JobID}}">
<span class="fitted">{{svg "octicon-tasklist" 16}}</span>
<span class="fitted">{{.JobName}}</span>
</a>
</div>
<!--任务状态 -->
<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">
<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}}
<a class="fitted" onclick="assertDelete(this)" style="{{if ne .Status "STOPPED"}}color:#CCCCCC{{end}}; font-size:16px; font-weight:bold">删除</a>
</form>
</div>
</div>
<!-- 停止 -->
<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}}
<a class="fitted" onclick="document.getElementById('stopForm-{{.JobID}}').submit();" style="{{if ne .Status "RUNNING"}}color:#CCCCCC{{end}}; font-size:16px; font-weight:bold">停止</a>
</form>
</div>
</div>
</div>
</div>
{{end}} {{template "base/paginate" .}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{template "base/footer" .}}

<script>
$(".vertical.menu a").click(function(){
$(this).siblings().removeClass("activate")
$(this).addClass("activate")
})
</script> </script>

+ 9
- 134
templates/repo/modelarts/trainjob/show.tmpl View File

@@ -5,24 +5,24 @@
<div class="column"> <div class="column">
{{template "base/alert" .}} {{template "base/alert" .}}
<h4 class="ui top attached header"> <h4 class="ui top attached header">
版本管理
{{$.i18n.Tr "repo.modelarts.version_manage"}}
</h4> </h4>
<div class="ui attached segment"> <div class="ui attached segment">
<div class="ui style accordion"> <div class="ui style accordion">
<div class="title active"> <div class="title active">
<i class="dropdown icon"></i> <i class="dropdown icon"></i>
版本
{{$.i18n.Tr "repo.modelarts.train_job.version"}}
</div> </div>
<div class="content active"> <div class="content active">
<div class="ui container"> <div class="ui container">
<div class="ui top attached tabular menu"> <div class="ui top attached tabular menu">
<a class="item active" data-tab="configs">配置信息</a> <a class="item active" data-tab="configs">配置信息</a>
<a class="item" data-tab="logs">日志</a>
<a class="item" data-tab="resources">资源占用情况</a>
<a class="item" data-tab="logs">{{$.i18n.Tr "repo.modelarts.log"}}</a>
<!-- <a class="item" data-tab="resources">资源占用情况</a> -->
</div> </div>
<div class="ui bottom attached tab segment active" data-tab="configs"> <div class="ui bottom attached tab segment active" data-tab="configs">
<h4 class="ui header" id="vertical-segment"> <h4 class="ui header" id="vertical-segment">
<a href="javascript:window.history.back();"><i class="arrow left icon"></i>返回</a>
<a href="javascript:window.history.back();"><i class="arrow left icon"></i>{{$.i18n.Tr "repo.modelarts.back"}}</a>
</h4> </h4>
<div> <div>
<div class="ui yellow segment"> <div class="ui yellow segment">
@@ -107,10 +107,10 @@
</div> </div>
</div> </div>
<div class="ui bottom attached tab segment" data-tab="logs"> <div class="ui bottom attached tab segment" data-tab="logs">
<div class="ui top attached header">
<form class="ui form" action="{{.Link}}" method="post">
<div class="ui top attached segment" style="background: #f0f0f0;">
<form class="ui form" action="{{.Link}}" method="post">
<div class="inline field"> <div class="inline field">
<label>日志</label>
<label>{{$.i18n.Tr "repo.modelarts.log"}}</label>
<select class="ui search dropdown" id="trainjob_datasets" style='width:385px' name="attachment"> <select class="ui search dropdown" id="trainjob_datasets" style='width:385px' name="attachment">
{{range .attachments}} {{range .attachments}}
<option name="attachment" value="{{.UUID}}">{{.Attachment.Name}}</option> <option name="attachment" value="{{.UUID}}">{{.Attachment.Name}}</option>
@@ -119,134 +119,9 @@
</div> </div>
</form> </form>
</div> </div>
<div class="ui attached segment">
<div style="height: 300px; overflow: hidden; background-color: rgb(160, 2, 81);">
</div>
<div class="ui attached segment" style="height: 300px !important; overflow: auto;">
</div> </div>
</div> </div>
<div class="ui bottom attached tab segment" data-tab="resources">
第三
</div>
</div>
</div>

<div class="title">
<i class="dropdown icon"></i>
版本
</div>
<div class="content">
<div class="ui container">
<div class="ui top attached tabular menu">
<a class="item active" data-tab="configs">配置信息</a>
<a class="item" data-tab="logs">日志</a>
<a class="item" data-tab="resources">资源占用情况</a>
</div>
<div class="ui bottom attached tab segment active" data-tab="configs">
<h4 class="ui header" id="vertical-segment">
<a href="javascript:window.history.back();"><i class="arrow left icon"></i>返回</a>
</h4>
<div>
<div class="ui yellow segment">
<table class="ui celled striped table">
<thead>
<tr> <th colspan="2"> {{.i18n.Tr "repo.modelarts.train_job.basic_info"}} </th> </tr>
</thead>
<tbody>
<tr>
<td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.job_name"}} </td>
<td>{{.Profile.DeType}}</td>
</tr>
<tr>
<td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.job_status"}} </td>
<td>{{.Profile.DeType}}</td>
</tr>
<tr>
<td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.version"}} </td>
<td>{{.Profile.FlavorType}}</td>
</tr>
<tr>
<td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.start_time"}} </td>
<td>{{.Profile.FlavorType}}</td>
</tr>
<tr>
<td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.dura_time"}} </td>
<td>{{.Profile.DeType}}</td>
</tr>
<tr>
<td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.description"}} </td>
<td>{{.Profile.FlavorType}}</td>
</tr>
</tbody>
</table>
</div>
<div class="ui green segment">
<table class="ui celled striped table">
<thead>
<tr> <th colspan="2"> {{.i18n.Tr "repo.modelarts.train_job.parameter_setting_info"}} </th> </tr>
</thead>
<tbody>
<tr>
<td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.AI_driver"}} </td>
<td>{{.Profile.DeType}}</td>
</tr>
<tr>
<td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.start_file"}}</td>
<td>{{.Profile.DeType}}</td>
</tr>
<tr>
<td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.dataset"}} </td>
<td>{{.Profile.FlavorType}}</td>
</tr>
<tr>
<td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.run_parameter"}} </td>
<td>{{.Profile.FlavorType}}</td>
</tr>
</tbody>
</table>
</div>
<div class="ui blue segment">
<table class="ui celled striped table">
<thead>
<tr> <th colspan="2"> {{.i18n.Tr "repo.modelarts.train_job.resource_setting_info"}} </th> </tr>
</thead>
<tbody>
<tr>
<td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.resource_pool"}} </td>
<td>{{.Profile.DeType}}</td>
</tr>
<tr>
<td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.amount_of_compute_node"}}</td>
<td>{{.Profile.DeType}}</td>
</tr>
<tr>
<td class="four wide"> {{.i18n.Tr "repo.modelarts.train_job.NAS_mount_path"}} </td>
<td>{{.Profile.FlavorType}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="ui bottom attached tab segment" data-tab="logs">
<div class="ui top attached header">
<form class="ui form" action="{{.Link}}" method="post">
<div class="inline field">
<label>日志</label>
<select class="ui search dropdown" id="trainjob-flavor" style='width:385px' name="flavor">
<option name="flavor" value="{{.Code}}">{{.Value}}</option>
</select>
</div>
</form>
</div>
<div class="ui attached segment">
<div style="height: 300px; overflow: hidden; background-color: grey">
</div>
</div>
</div>
<div class="ui bottom attached tab segment" data-tab="resources">
第三
</div>
</div> </div>
</div> </div>
</div> </div>


Loading…
Cancel
Save