|
|
|
@@ -0,0 +1,321 @@ |
|
|
|
{{template "base/head" .}} |
|
|
|
<!-- 弹窗 --> |
|
|
|
<div id="mask"> |
|
|
|
<div id="loadingPage"> |
|
|
|
<div class="rect1"></div> |
|
|
|
<div class="rect2"></div> |
|
|
|
<div class="rect3"></div> |
|
|
|
<div class="rect4"></div> |
|
|
|
<div class="rect5"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 提示框 --> |
|
|
|
<div class="alert"></div> |
|
|
|
<div class="admin user"> |
|
|
|
{{template "user/dashboard/navbar" .}} |
|
|
|
<div class="ui container" style="width: 70%;"> |
|
|
|
{{template "base/alert" .}} |
|
|
|
<div class="ui grid" > |
|
|
|
<div class="row" style="border: 1px solid #d4d4d5;margin-top: 15px;padding-top: 0;"> |
|
|
|
{{template "admin/cloudbrain/search" .}} |
|
|
|
<div class="ui sixteen wide column"> |
|
|
|
<!-- 任务展示 --> |
|
|
|
<div class="dataset list"> |
|
|
|
<!-- 表头 --> |
|
|
|
<div class="ui grid stackable" style="background: #f0f0f0;;"> |
|
|
|
<div class="row"> |
|
|
|
<div class="three wide column nowrap"> |
|
|
|
<span style="margin:0 6px">{{$.i18n.Tr "repo.cloudbrain_task"}}</span> |
|
|
|
</div> |
|
|
|
<div class="one wide column text center nowrap"> |
|
|
|
<span style="margin:0 6px">{{$.i18n.Tr "repo.cloudbrain_task_type"}}</span> |
|
|
|
</div> |
|
|
|
<div class="two wide column text center nowrap" style="width: 10% !important;"> |
|
|
|
<span>{{$.i18n.Tr "repo.modelarts.status"}}</span> |
|
|
|
</div> |
|
|
|
<div class="two wide column text center nowrap" style="width: 10% !important;"> |
|
|
|
<span>{{$.i18n.Tr "repo.modelarts.createtime"}}</span> |
|
|
|
</div> |
|
|
|
<div class="one wide column text center nowrap"> |
|
|
|
<span>{{$.i18n.Tr "repo.cloudbrain_status_runtime"}}</span> |
|
|
|
</div> |
|
|
|
<div class="one wide column text center nowrap"> |
|
|
|
<span>{{$.i18n.Tr "repo.modelarts.computing_resources"}}</span> |
|
|
|
</div> |
|
|
|
<div class="one wide column text center nowrap"> |
|
|
|
<span>{{$.i18n.Tr "repo.cloudbrain_creator"}}</span> |
|
|
|
</div> |
|
|
|
<div class="three wide column text center nowrap"> |
|
|
|
<span>{{$.i18n.Tr "repository"}}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="two wide column text center nowrap" style="width: 17.5%!important;"> |
|
|
|
<span>{{$.i18n.Tr "repo.cloudbrain_operate"}}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{{range .Tasks}} |
|
|
|
{{if .Repo}} |
|
|
|
<div class="ui grid stackable item"> |
|
|
|
<div class="row"> |
|
|
|
<!-- 任务名 --> |
|
|
|
{{$JobID := '0'}} |
|
|
|
{{if eq .JobType "DEBUG" "SNN4IMAGENET" "BRAINSCORE" "BENCHMARK"}} |
|
|
|
{{$JobID = .Cloudbrain.ID}} |
|
|
|
{{else}} |
|
|
|
{{$JobID = .JobID}} |
|
|
|
{{end}} |
|
|
|
<!-- {{$JobID}} --> |
|
|
|
<div class="three wide column nowrap"> |
|
|
|
{{if or (eq .JobType "DEBUG") (eq .JobType "SNN4IMAGENET") (eq .JobType "BRAINSCORE")}} |
|
|
|
<a class="title" href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain/{{$JobID}}{{else}}/modelarts/notebook/{{$JobID}}{{end}}" title="{{.DisplayJobName}}" style="font-size: 14px;"> |
|
|
|
<span class="fitted" style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span> |
|
|
|
</a> |
|
|
|
{{else if eq .JobType "INFERENCE"}} |
|
|
|
<a class="title" href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}/modelarts/inference-job/{{$JobID}}" title="{{.DisplayJobName}}" style="font-size: 14px;"> |
|
|
|
<span class="fitted" style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span> |
|
|
|
</a> |
|
|
|
{{else if eq .JobType "TRAIN"}} |
|
|
|
<a class="title" href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}/modelarts/train-job/{{$JobID}}" title="{{.DisplayJobName}}" style="font-size: 14px;"> |
|
|
|
<span class="fitted" style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span> |
|
|
|
</a> |
|
|
|
{{else if eq .JobType "BENCHMARK"}} |
|
|
|
<a class="title" href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}/cloudbrain/benchmark/{{$JobID}}" title="{{.DisplayJobName}}" style="font-size: 14px;"> |
|
|
|
<span class="fitted" style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span> |
|
|
|
</a> |
|
|
|
{{end}} |
|
|
|
</div> |
|
|
|
<!-- 任务类型 --> |
|
|
|
<div class="one wide column text center nowrap"> |
|
|
|
<span style="font-size: 12px;">{{.JobType}} </span> |
|
|
|
</div> |
|
|
|
<!-- 任务状态 --> |
|
|
|
<div class="two wide column text center nowrap" style="padding-left: 2.2rem !important; width: 10% !important;"> |
|
|
|
<span class="job-status" id="{{$JobID}}" data-repopath='{{.Repo.OwnerName}}/{{.Repo.Name}}{{if eq .JobType "DEBUG"}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}{{else if eq .JobType "INFERENCE"}}/modelarts/inference-job{{else if eq .JobType "TRAIN"}}{{if eq .ComputeResource "NPU"}}/modelarts/train-job{{else}}/cloudbrain/train-job{{end}}{{else if eq .JobType "BENCHMARK"}}/cloudbrain{{end}}' data-jobid="{{$JobID}}" data-version="{{.VersionName}}"> |
|
|
|
<span><i id="{{$JobID}}-icon" style="vertical-align: middle;" class="{{.Status}}"></i><span id="{{$JobID}}-text" style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span> |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
<!-- 任务创建时间 --> |
|
|
|
<div class="two wide column text center nowrap" style="width: 10% !important;"> |
|
|
|
<span style="font-size: 12px;" class="">{{TimeSinceUnix1 .Cloudbrain.CreatedUnix}}</span> |
|
|
|
</div> |
|
|
|
<!-- 任务运行时间 --> |
|
|
|
<div class="one wide column text center nowrap"> |
|
|
|
<span style="font-size: 12px;" id="duration-{{$JobID}}">{{if .TrainJobDuration}}{{.TrainJobDuration}}{{else}}--{{end}}</span> |
|
|
|
</div> |
|
|
|
<!-- 计算资源 --> |
|
|
|
<div class="one wide column text center nowrap"> |
|
|
|
<span style="font-size: 12px;">{{if .ComputeResource}}{{.ComputeResource}}{{else}}--{{end}}</span> |
|
|
|
</div> |
|
|
|
<!-- 创建者 --> |
|
|
|
<div class="one wide column text center nowrap"> |
|
|
|
{{if .User.Name}} |
|
|
|
<a href="{{AppSubUrl}}/{{.User.Name}}" title="{{.User.Name}}"><img class="ui avatar image" src="{{.User.RelAvatarLink}}"></a> |
|
|
|
{{else}} |
|
|
|
<a title="Ghost"><img class="ui avatar image" src="{{AppSubUrl}}/user/avatar/Ghost/-1"></a> |
|
|
|
{{end}} |
|
|
|
</div> |
|
|
|
<!-- 项目 --> |
|
|
|
<div class="three wide column text center nowrap"> |
|
|
|
<a href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}" title="{{.Repo.OwnerName}}/{{.Repo.Alias}}">{{.Repo.OwnerName}}/{{.Repo.Alias}}</a> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="two wide column text center nowrap" style="width: 17.5%!important;"> |
|
|
|
{{if eq .JobType "DEBUG" "SNN4IMAGENET" "BRAINSCORE"}} |
|
|
|
<div class="ui compact buttons"> |
|
|
|
<form id="debugAgainForm-{{$JobID}}"> |
|
|
|
{{$.CsrfTokenHtml}} |
|
|
|
{{if eq .Status "RUNNING" "WAITING" "CREATING" "STARTING"}} |
|
|
|
<a style="margin: 0 1rem;" id="ai-debug-{{$JobID}}" class='ui basic ai_debug {{if eq .Status "CREATING" "STOPPING" "WAITING" "STARTING"}}disabled {{else}}blue {{end}}button' data-jobid="{{$JobID}}" data-repopath='{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}/{{$JobID}}/'> |
|
|
|
{{$.i18n.Tr "repo.debug"}} |
|
|
|
</a> |
|
|
|
{{else}} |
|
|
|
<a id="ai-debug-{{$JobID}}" class='ui basic ai_debug {{if eq .Status "CREATING" "STOPPING" "WAITING" "STARTING"}} disabled {{else}}blue {{end}}button' data-jobid="{{$JobID}}" data-repopath='{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}/{{$JobID}}/'> |
|
|
|
{{$.i18n.Tr "repo.debug_again"}} |
|
|
|
</a> |
|
|
|
{{end}} |
|
|
|
</form> |
|
|
|
</div> |
|
|
|
{{end}} |
|
|
|
<!-- 停止任务 --> |
|
|
|
<div class="ui compact buttons"> |
|
|
|
{{if eq .JobType "DEBUG" "BENCHMARK" "SNN4IMAGENET" "BRAINSCORE"}} |
|
|
|
<form id="stopForm-{{$JobID}}" style="margin-left:-1px;"> |
|
|
|
{{$.CsrfTokenHtml}} |
|
|
|
<a style="padding: 0.5rem 1rem;" id="ai-stop-{{$JobID}}" class='ui basic ai_stop {{if eq .Status "KILLED" "FAILED" "START_FAILED" "KILLING" "COMPLETED" "SUCCEEDED" "STOPPED" "STOPPING"}}disabled {{else}} blue {{end}}button' data-repopath='{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else if eq .JobType "BENCHMARK" }}/cloudbrain/benchmark{{else if eq .ComputeResource "NPU" }}/modelarts/notebook{{end}}/{{$JobID}}/stop' data-jobid="{{$JobID}}"> |
|
|
|
{{$.i18n.Tr "repo.stop"}} |
|
|
|
</a> |
|
|
|
</form> |
|
|
|
{{else}} |
|
|
|
<a style="padding: 0.5rem 1rem;" id="ai-stop-{{$JobID}}" class='ui basic ai_stop_version {{if eq .Status "KILLED" "FAILED" "START_FAILED" "KILLING" "COMPLETED" "STOPPED"}}disabled {{else}} blue {{end}}button' data-repopath='{{.Repo.OwnerName}}/{{.Repo.Name}}/{{if eq .JobType "INFERENCE"}}modelarts/inference-job{{else if eq .JobType "TRAIN"}}{{if eq .ComputeResource "NPU"}}modelarts/train-job{{else}}cloudbrain/train-job{{end}}{{end}}' data-jobid="{{$JobID}}" data-version="{{.VersionName}}" > |
|
|
|
{{$.i18n.Tr "repo.stop"}} |
|
|
|
</a> |
|
|
|
{{end}} |
|
|
|
</div> |
|
|
|
<!-- 删除任务 --> |
|
|
|
<form class="ui compact buttons" id="delForm-{{$JobID}}" action='{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}{{if eq .JobType "BENCHMARK"}}/cloudbrain/benchmark{{else if eq .JobType "DEBUG"}}{{if eq .ComputeResource "NPU"}}/modelarts/notebook{{else}}/cloudbrain{{end}}{{else if eq .JobType "TRAIN"}}{{if eq .ComputeResource "NPU"}}/modelarts/train-job{{else}}/cloudbrain/train-job{{end}}{{end}}/{{$JobID}}/del' method="post"> |
|
|
|
{{$.CsrfTokenHtml}} |
|
|
|
<a style="padding: 0.5rem 1rem;margin-left:0.2rem" id="ai-delete-{{$JobID}}" data-repopath="{{.Repo.OwnerName}}/{{.Repo.Name}}/modelarts/inference-job/{{$JobID}}/del_version" data-version="{{.VersionName}}" class="ui basic ai_delete blue button" style="border-radius: .28571429rem;"> |
|
|
|
{{$.i18n.Tr "repo.delete"}} |
|
|
|
</a> |
|
|
|
</form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{{else}} |
|
|
|
{{$JobID := '0'}} |
|
|
|
{{if eq .JobType "DEBUG" "SNN4IMAGENET" "BRAINSCORE" "BENCHMARK"}} |
|
|
|
{{$JobID = .Cloudbrain.ID}} |
|
|
|
{{else}} |
|
|
|
{{$JobID = .JobID}} |
|
|
|
{{end}} |
|
|
|
<div class="ui grid stackable item"> |
|
|
|
<div class="row"> |
|
|
|
<!-- 任务名 --> |
|
|
|
<div class="two wide column nowrap"> |
|
|
|
{{if eq .JobType "DEBUG"}} |
|
|
|
<a class="title" href="" title="{{.DisplayJobName}}" style="font-size: 14px;"> |
|
|
|
<span class="fitted" style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span> |
|
|
|
</a> |
|
|
|
{{else if eq .JobType "INFERENCE"}} |
|
|
|
<a class="title" href="" title="{{.DisplayJobName}}" style="font-size: 14px;"> |
|
|
|
<span class="fitted" style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span> |
|
|
|
</a> |
|
|
|
{{else if eq .JobType "TRAIN"}} |
|
|
|
<a class="title" href="" title="{{.DisplayJobName}}" style="font-size: 14px;"> |
|
|
|
<span class="fitted" style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span> |
|
|
|
</a> |
|
|
|
{{else if eq .JobType "BENCHMARK"}} |
|
|
|
<a class="title" href="" title="{{.DisplayJobName}}" style="font-size: 14px;"> |
|
|
|
<span class="fitted" style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span> |
|
|
|
</a> |
|
|
|
{{end}} |
|
|
|
</div> |
|
|
|
<!-- 任务类型 --> |
|
|
|
<div class="one wide column text center nowrap"> |
|
|
|
<span style="font-size: 12px;">{{.JobType}} </span> |
|
|
|
</div> |
|
|
|
<!-- 任务状态 --> |
|
|
|
<div class="two wide column text center nowrap" style="padding-left: 2.2rem !important; width: 10% !important;"> |
|
|
|
<span class="job-status" id="{{$JobID}}" data-jobid="{{$JobID}}" data-version="{{.VersionName}}"> |
|
|
|
<span><i id="{{$JobID}}-icon" style="vertical-align: middle;" class="{{.Status}}"></i><span id="{{$JobID}}-text" style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span> |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
<!-- 任务创建时间 --> |
|
|
|
<div class="two wide column text center nowrap" style="width: 10% !important;"> |
|
|
|
<span style="font-size: 12px;" class="">{{TimeSinceUnix1 .Cloudbrain.CreatedUnix}}</span> |
|
|
|
</div> |
|
|
|
<!-- 任务运行时间 --> |
|
|
|
<div class="one wide column text center nowrap"> |
|
|
|
<span style="font-size: 12px;" id="duration-{{$JobID}}">{{if .TrainJobDuration}}{{.TrainJobDuration}}{{else}}--{{end}}</span> |
|
|
|
</div> |
|
|
|
<!-- 计算资源 --> |
|
|
|
<div class="one wide column text center nowrap"> |
|
|
|
<span style="font-size: 12px;">{{if .ComputeResource}}{{.ComputeResource}}{{else}}--{{end}}</span> |
|
|
|
</div> |
|
|
|
<!-- 创建者 --> |
|
|
|
<div class="one wide column text center nowrap"> |
|
|
|
{{if .User.Name}} |
|
|
|
<a href="{{AppSubUrl}}/{{.User.Name}}" title="{{.User.Name}}"><img class="ui avatar image" src="{{.User.RelAvatarLink}}"></a> |
|
|
|
{{else}} |
|
|
|
<a title="Ghost"><img class="ui avatar image" src="{{AppSubUrl}}/user/avatar/Ghost/-1"></a> |
|
|
|
{{end}} |
|
|
|
</div> |
|
|
|
<!-- 项目 --> |
|
|
|
<div class="two wide column text center nowrap"> |
|
|
|
<a href="" title="">--</a> |
|
|
|
</div> |
|
|
|
<!-- 云脑侧名称 --> |
|
|
|
<div class="two wide column text center nowrap" style="overflow: hidden;text-overflow:ellipsis;"> |
|
|
|
<span class="fitted">{{.JobName}}</span> |
|
|
|
</div> |
|
|
|
<div class="two wide column text center nowrap" style="width: 17.5%!important;"> |
|
|
|
{{if eq .JobType "DEBUG"}} |
|
|
|
<div class="ui compact buttons"> |
|
|
|
<form id="debugAgainForm-{{$JobID}}"> |
|
|
|
{{$.CsrfTokenHtml}} |
|
|
|
{{if eq .Status "RUNNING" "WAITING" "CREATING" "STARTING"}} |
|
|
|
<a style="margin: 0 1rem;" id="ai-debug-{{$JobID}}" class='ui basic disabled button' > |
|
|
|
{{$.i18n.Tr "repo.debug"}} |
|
|
|
</a> |
|
|
|
{{else}} |
|
|
|
<a id="ai-debug-{{$JobID}}" class='ui basic disabled button' > |
|
|
|
{{$.i18n.Tr "repo.debug_again"}} |
|
|
|
</a> |
|
|
|
{{end}} |
|
|
|
</form> |
|
|
|
</div> |
|
|
|
{{end}} |
|
|
|
<!-- 停止任务 --> |
|
|
|
<div class="ui compact buttons"> |
|
|
|
<a style="padding: 0.5rem 1rem;" id="ai-stop-{{$JobID}}" class="ui basic disabled button" data-jobid="{{$JobID}}" data-version="{{.VersionName}}" > |
|
|
|
{{$.i18n.Tr "repo.stop"}} |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
<!-- 删除任务 --> |
|
|
|
<form class="ui compact buttons" id="delForm-{{$JobID}}" action='' method="post"> |
|
|
|
{{$.CsrfTokenHtml}} |
|
|
|
<a style="padding: 0.5rem 1rem;margin-left:0.2rem" id="ai-delete-{{$JobID}}" class="ui basic disabled button" style="border-radius: .28571429rem;"> |
|
|
|
{{$.i18n.Tr "repo.delete"}} |
|
|
|
</a> |
|
|
|
</form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
{{end}} |
|
|
|
{{end}} |
|
|
|
<div id="app" style="margin-top: 2rem;"> |
|
|
|
<div class="center"> |
|
|
|
<el-pagination |
|
|
|
background |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page="page" |
|
|
|
:page-sizes="[10]" |
|
|
|
:page-size="10" |
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
:total="{{.Page.Paginater.Total}}"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 确认模态框 --> |
|
|
|
<div id="deletemodel"> |
|
|
|
<div class="ui basic modal"> |
|
|
|
<div class="ui icon header"> |
|
|
|
<i class="trash icon"></i> {{.i18n.Tr "cloudbrain.delete_task"}} |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="content"> |
|
|
|
<p>{{.i18n.Tr "cloudbrain.task_delete_confirm"}}</p> |
|
|
|
</div> |
|
|
|
<div class="actions"> |
|
|
|
<div class="ui red basic inverted cancel button"> |
|
|
|
<i class="remove icon"></i> {{.i18n.Tr "cloudbrain.operate_cancel"}} |
|
|
|
</div> |
|
|
|
<div class="ui green basic inverted ok button"> |
|
|
|
<i class="checkmark icon"></i> {{.i18n.Tr "cloudbrain.operate_confirm"}} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{{template "base/footer" .}} |
|
|
|
<script> |
|
|
|
function getParams(){ |
|
|
|
const params = new URLSearchParams(window.location.search) |
|
|
|
let jobType = !params.get('jobType')? '{{.i18n.Tr "admin.cloudbrain.all_task_types"}}' : params.get('jobType') |
|
|
|
let listType = !params.get('listType')? '{{.i18n.Tr "admin.cloudbrain.all_computing_resources"}}' : params.get('listType') |
|
|
|
let jobStatus = !params.get('jobStatus')? '{{.i18n.Tr "admin.cloudbrain.all_status"}}' : params.get('jobStatus').toUpperCase() |
|
|
|
const dropdownValueArray = [jobType,listType,jobStatus] |
|
|
|
$('#adminCloud .default.text ').each(function(index,e){ |
|
|
|
$(e).text(dropdownValueArray[index]) |
|
|
|
}) |
|
|
|
} |
|
|
|
getParams() |
|
|
|
</script> |