|
|
@@ -180,6 +180,12 @@ |
|
|
|
cursor: pointer; |
|
|
|
pointer-events: none; |
|
|
|
} |
|
|
|
.fontsize14{ |
|
|
|
font-size: 14px; |
|
|
|
} |
|
|
|
.padding0{ |
|
|
|
padding: 0 !important; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
<!-- 弹窗 --> |
|
|
@@ -232,13 +238,13 @@ |
|
|
|
|
|
|
|
<div class="column"> |
|
|
|
<div class="ui blue small menu compact selectcloudbrain"> |
|
|
|
<a class="item" href="{{.RepoLink}}/modelarts/notebook">{{$.i18n.Tr "repo.modelarts.notebook"}}</a> |
|
|
|
<a class="item" href="{{.RepoLink}}/cloudbrain">{{$.i18n.Tr "repo.modelarts.notebook"}}</a> |
|
|
|
<a class="active item" href="{{.RepoLink}}/modelarts/train-job">{{$.i18n.Tr "repo.modelarts.train_job"}}</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="column right aligned"> |
|
|
|
|
|
|
|
<div class="ui selection dropdown" style="min-width: 10em;min-height:2.6em;border-radius: .28571429rem;margin-right: 1em;padding: .67em 3.2em .7em 1em;"> |
|
|
|
<!-- <div class="ui selection dropdown" style="min-width: 10em;min-height:2.6em;border-radius: .28571429rem;margin-right: 1em;padding: .67em 3.2em .7em 1em;"> |
|
|
|
{{svg "octicon-server" 16}} |
|
|
|
<div class="default text" style="color: rgba(0,0,0,.87);"> Ascend NPU</div> |
|
|
|
<i class="dropdown icon"></i> |
|
|
@@ -246,7 +252,7 @@ |
|
|
|
<a class="item" href="{{.RepoLink}}/cloudbrain" data-value="11">CPU / GPU</a> |
|
|
|
<a class="item" href="{{.RepoLink}}/modelarts/notebook" data-value="22">Ascend NPU</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
{{if .Permission.CanWrite $.UnitTypeCloudBrain}} |
|
|
|
<a class="ui green button" href="{{.RepoLink}}/modelarts/train-job/create">{{$.i18n.Tr "repo.modelarts.train_job.new_train"}}</a>{{end}} |
|
|
|
</div> |
|
|
@@ -278,20 +284,29 @@ |
|
|
|
<!-- 表头 --> |
|
|
|
<div class="ui grid stackable" style="background: #f0f0f0;;"> |
|
|
|
<div class="row"> |
|
|
|
<div class="five wide column"> |
|
|
|
<div class="three wide column padding0"> |
|
|
|
<span style="margin:0 6px">{{$.i18n.Tr "repo.cloudbrain_task"}}</span> |
|
|
|
</div> |
|
|
|
<div class="three wide column"> |
|
|
|
<span>{{$.i18n.Tr "repo.cloudbrain_status_createtime"}}</span> |
|
|
|
<div class="one wide column text center padding0"> |
|
|
|
<span style="margin:0 6px">{{$.i18n.Tr "repo.modelarts.version_nums"}}</span> |
|
|
|
</div> |
|
|
|
<div class="two wide column text center padding0"> |
|
|
|
<span>{{$.i18n.Tr "repo.modelarts.status"}}</span> |
|
|
|
</div> |
|
|
|
<div class="two wide column text center padding0"> |
|
|
|
<span>{{$.i18n.Tr "repo.modelarts.createtime"}}</span> |
|
|
|
</div> |
|
|
|
<div class="two wide column"> |
|
|
|
<div class="two wide column text center padding0"> |
|
|
|
<span>{{$.i18n.Tr "repo.cloudbrain_status_runtime"}}</span> |
|
|
|
</div> |
|
|
|
<div class="one wide column text center"> |
|
|
|
<div class="two wide column text center padding0"> |
|
|
|
<span>{{$.i18n.Tr "repo.modelarts.computing_resources"}}</span> |
|
|
|
</div> |
|
|
|
<div class="one wide column text center padding0"> |
|
|
|
<span>{{$.i18n.Tr "repo.cloudbrain_creator"}}</span> |
|
|
|
</div> |
|
|
|
<div class="five wide column text center"> |
|
|
|
<span style="margin-left: 6rem;">{{$.i18n.Tr "repo.cloudbrain_operate"}}</span> |
|
|
|
<div class="three wide column text center padding0"> |
|
|
|
<span>{{$.i18n.Tr "repo.cloudbrain_operate"}}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
@@ -305,38 +320,44 @@ |
|
|
|
<div class="row"> |
|
|
|
|
|
|
|
<!-- 任务名 --> |
|
|
|
<div class="five wide column"> |
|
|
|
<a class="title" href="{{$.Link}}/{{.JobID}}" title="{{.JobName}}" style="font-size: 15px;"> |
|
|
|
<div class="three wide column padding0"> |
|
|
|
<a class="title" href="{{$.Link}}/{{.JobID}}" title="{{.JobName}}" style="font-size: 12px;"> |
|
|
|
<span class="fitted" style="vertical-align: middle;">{{svg "octicon-tasklist" 16}}</span> |
|
|
|
<span class="fitted" style="width: 90%;vertical-align: middle;margin-left: 0.4rem;">{{.JobName}}</span> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="three wide column"> |
|
|
|
<!--任务状态 --> |
|
|
|
<!-- <span class="ui compact button job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}"> |
|
|
|
{{.Status}} |
|
|
|
</span> --> |
|
|
|
<!-- 版本数量 --> |
|
|
|
<div class="one wide column text center padding0"> |
|
|
|
<span>{{.VersionCount}} </span> |
|
|
|
</div> |
|
|
|
<!-- 任务状态 --> |
|
|
|
<div class="two wide column text center padding0"> |
|
|
|
<span class="job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}"> |
|
|
|
<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 padding0"> |
|
|
|
<span style="font-size: 12px;" class="">{{TimeSinceUnix .Cloudbrain.CreatedUnix $.Lang}}</span> |
|
|
|
</div> |
|
|
|
<!-- <div class="two wide column"> |
|
|
|
|
|
|
|
<span class="job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}"> |
|
|
|
<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> |
|
|
|
<!-- 任务创建时间 --> |
|
|
|
|
|
|
|
<span style="font-size: 12px;margin-left: 0.4rem;" class="">{{TimeSinceUnix .Cloudbrain.CreatedUnix $.Lang}}</span> |
|
|
|
</div> --> |
|
|
|
<!-- 任务运行时间 --> |
|
|
|
<div class="two wide column text center padding0"> |
|
|
|
<span style="font-size: 12px;" id="duration-{{.JobID}}"></span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="two wide column"> |
|
|
|
<!--任务状态 --> |
|
|
|
<!-- <span class="ui compact button job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}"> |
|
|
|
{{.Status}} |
|
|
|
</span> --> |
|
|
|
|
|
|
|
<span id="duration-{{.JobID}}"></span> |
|
|
|
|
|
|
|
<!-- 任务创建时间 --> |
|
|
|
<!-- <span style="font-size: 12px;margin-left: 0.4rem;" class="">{{TimeSinceUnix .Cloudbrain.CreatedUnix $.Lang}}</span> --> |
|
|
|
<!-- 计算资源 --> |
|
|
|
<div class="two wide column text center padding0"> |
|
|
|
<span style="font-size: 12px;">{{.ComputeResource}}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="one wide column text center"> |
|
|
|
<!-- 创建者 --> |
|
|
|
<div class="one wide column text center padding0"> |
|
|
|
{{if .User.Name}} |
|
|
|
<a href="{{AppSubUrl}}/{{.User.Name}}" title="{{.User.Name}}"><img class="ui avatar image" src="{{.User.RelAvatarLink}}"></a> |
|
|
|
{{else}} |
|
|
@@ -344,56 +365,41 @@ |
|
|
|
{{end}} |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="five wide column text right"> |
|
|
|
<div class="three wide column text center padding0"> |
|
|
|
<div class="ui compact buttons"> |
|
|
|
<!-- <a class="ui basic blue button" href="{{$.Link}}/{{.JobID}}"> |
|
|
|
查看 |
|
|
|
</a> |
|
|
|
<a class="ui basic {{if not .CanDebug}}disabled {{else}}blue {{end}}button" href="{{$.Link}}/{{.JobID}}/debug" target="_blank"> |
|
|
|
调试 |
|
|
|
</a> --> |
|
|
|
<form id="stopForm-{{.JobID}}" action="{{$.Link}}/{{.JobID}}/stop" method="post" style="margin-left:-1px;"> |
|
|
|
<form id="stopForm-{{.JobID}}" action="{{$.Link}}/{{.JobID}}/stop" method="post"> |
|
|
|
{{$.CsrfTokenHtml}} |
|
|
|
{{if $.Permission.CanWrite $.UnitTypeCloudBrain}} |
|
|
|
<a id="stop-model-debug-{{.JobID}}" class="ui basic {{if eq .Status "KILLED" "FAILED" "START_FAILED" "KILLING" "COMPLETED"}}disabled {{else}}blue {{end}}button" onclick="document.getElementById('stopForm-{{.JobID}}').submit();"> |
|
|
|
<a style="padding: 0.5rem 1rem;" id="stop-model-debug-{{.JobID}}" class="ui basic {{if eq .Status "KILLED" "FAILED" "START_FAILED" "KILLING" "COMPLETED"}}disabled {{else}}blue {{end}}button" onclick="document.getElementById('stopForm-{{.JobID}}').submit();"> |
|
|
|
{{$.i18n.Tr "repo.stop"}} |
|
|
|
</a> |
|
|
|
{{else}} |
|
|
|
<a class="ui basic disabled button" onclick="document.getElementById('stopForm-{{.JobID}}').submit();"> |
|
|
|
<a style="padding: 0.5rem 1rem;" class="ui basic disabled button" onclick="document.getElementById('stopForm-{{.JobID}}').submit();"> |
|
|
|
{{$.i18n.Tr "repo.stop"}} |
|
|
|
</a> |
|
|
|
{{end}} |
|
|
|
</form> |
|
|
|
</div> |
|
|
|
<div class="ui compact buttons" style="margin-right:10px;"> |
|
|
|
<div class="ui compact buttons"> |
|
|
|
<!-- 模型下载 --> |
|
|
|
<a class="ui basic blue button" href="{{$.Link}}/{{.JobID}}/models" target="_blank"> |
|
|
|
<a style="padding: 0.5rem;" class="ui basic blue button" href="{{$.Link}}/{{.JobID}}/models" target="_blank"> |
|
|
|
{{$.i18n.Tr "repo.model_download"}} |
|
|
|
</a> |
|
|
|
|
|
|
|
<!-- 接收结果 --> |
|
|
|
<!-- <iframe src="" frameborder="0" name="iframeContent" style="display: none;"></iframe> |
|
|
|
<a class="imageBtn ui basic {{if not .CanDebug}}disabled {{else}}blue {{end}}button" value="{{.CanDebug}}">提交镜像</a> --> |
|
|
|
|
|
|
|
</div> |
|
|
|
<!-- 删除任务 --> |
|
|
|
<form class="ui compact buttons" id="delForm-{{.JobID}}" action="{{$.Link}}/{{.JobID}}/del" method="post"> |
|
|
|
{{$.CsrfTokenHtml}} |
|
|
|
{{if $.Permission.CanWrite $.UnitTypeCloudBrain}} |
|
|
|
<a id="model-delete-{{.JobID}}" class="ui compact {{if or (eq .Status "RUNNING") (eq .Status "INIT") (eq .Status "CREATING") (eq .Status "WAITING") }}disabled {{else}}red {{end}}button" onclick="assertDelete(this)" style="border-radius: .28571429rem;"> |
|
|
|
<a style="padding: 0.5rem 1rem;margin-left:0.2rem" id="model-delete-{{.JobID}}" class="ui compact {{if or (eq .Status "RUNNING") (eq .Status "INIT") (eq .Status "CREATING") (eq .Status "WAITING") }}disabled {{else}}red {{end}}button" onclick="assertDelete(this)" style="border-radius: .28571429rem;"> |
|
|
|
{{$.i18n.Tr "repo.delete"}} |
|
|
|
</a> |
|
|
|
{{else}} |
|
|
|
<a class="ui compact disabled button" onclick="assertDelete(this)" style="border-radius: .28571429rem;"> |
|
|
|
<a style="padding: 0.5rem 1rem;margin-left:0.2rem" class="ui compact disabled button" onclick="assertDelete(this)" style="border-radius: .28571429rem;"> |
|
|
|
{{$.i18n.Tr "repo.delete"}} |
|
|
|
</a> |
|
|
|
{{end}} |
|
|
|
</form> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{{end}} {{template "base/paginate" .}} |
|
|
|