OpenI
/
aiforge
Not watched
1
0
Fork 0
Code
Releases 128 Wiki Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain
You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.
Tree: 452132c1f3
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '452132c1f3'
${ noResults }
aiforge/templates/admin/cloudbrain/list.tmpl

526 lines
40 kB
Raw Blame History 

  1. {{template "base/head" .}}

  2. <script src="{{StaticUrlPrefix}}/js/specsuse.js?v={{MD5 AppVer}}" type="text/javascript"></script>

  3. <!-- 弹窗 -->

  4. <div id="mask">

  5.     <div id="loadingPage">

  6.         <div class="rect1"></div>

  7.         <div class="rect2"></div>

  8.         <div class="rect3"></div>

  9.         <div class="rect4"></div>

  10.         <div class="rect5"></div>

  11.     </div>

  12. </div>

  13. <!-- 提示框 -->

  14. <div class="alert"></div>

  15. <div class="admin user">

  16.     <div class="cloudbrain_debug" style="display: none;" data-debug="{{$.i18n.Tr "repo.debug"}}"

  17.         data-debug-again="{{$.i18n.Tr "repo.debug_again"}}"

  18.         data-all-cluster="{{.i18n.Tr "cloudbrain.all_resource_cluster"}}"

  19.         data-all-aiCenter="{{.i18n.Tr "cloudbrain.all_ai_center"}}"

  20.         data-cluster-c2net="{{.i18n.Tr "cloudbrain.resource_cluster_c2net"}}"

  21.         data-cluster-openi="{{.i18n.Tr "cloudbrain.resource_cluster_openi"}}"

  22.         data-all-task="{{.i18n.Tr "admin.cloudbrain.all_task_types"}}"

  23.         data-all-compute="{{.i18n.Tr "admin.cloudbrain.all_computing_resources"}}"

  24.         data-all-status="{{.i18n.Tr "admin.cloudbrain.all_status"}}"></div>

  25.     {{template "admin/navbar" .}}

  26.     <div class="ui container">

  27.         {{template "base/alert" .}}

  28.         <div class="ui grid" style="margin:0">

  29.             <div class="row" style="border: 1px solid #d4d4d5;margin-top: 0px;padding-top: 0;">

  30.                 {{template "admin/cloudbrain/search" .}}

  31.                 <div class="ui six wide column right aligned" style="margin: 1rem 0;">

  32.                     <a class="ui compact blue basic icon button" style="box-shadow: none !important; padding: 0.8em;"

  33.                         href="/admin/cloudbrains/download"><i

  34.                             class="ri-download-line middle aligned icon"></i>{{.i18n.Tr "admin.cloudbrain.download_report"}}</a>

  35.                 </div>

  36.                 <div class="ui sixteen wide column" style="overflow-x:auto;">

  37.                     <!-- 任务展示 -->

  38.                     <div class="dataset list" style="min-width:2100px;margin-top:15px;margin-bottom:15px;">

  39.                         <!-- 表头 -->

  40.                         <div class="ui grid stackable" style="background: #f0f0f0;;">

  41.                             <div class="row">

  42.                                 <div class="two wide column nowrap" style="width:10% !important;">

  43.                                     <span>{{$.i18n.Tr "repo.cloudbrain_task"}}</span>

  44.                                 </div>

  45.                                 <!-- 集群 -->

  46.                                 <div class="one wide column text center nowrap" style="width:6% !important;">

  47.                                     <span>{{$.i18n.Tr "repo.modelarts.cluster"}}</span>

  48.                                 </div>

  49.                                 <div class="two wide column text center nowrap" style="width: 6% !important;">

  50.                                     <span>{{$.i18n.Tr "repo.modelarts.status"}}</span>

  51.                                 </div>

  52.                                 <div class="one wide column text center nowrap" style="width:6% !important;">

  53.                                     <span>{{$.i18n.Tr "repo.cloudbrain_task_type"}}</span>

  54.                                 </div>

  55.                                 <div class="two wide column text center nowrap" style="width: 8% !important;">

  56.                                     <span>{{$.i18n.Tr "repo.modelarts.createtime"}}</span>

  57.                                 </div>

  58.                                 <div class="one wide column text center nowrap" style="width: 5% !important;">

  59.                                     <span>{{$.i18n.Tr "repo.cloudbrain_status_runtime"}}</span>

  60.                                 </div>

  61.                                 <div class="one wide column text center nowrap" style="width: 5% !important;">

  62.                                     <span>{{$.i18n.Tr "repo.modelarts.computing_resources"}}</span>

  63.                                 </div>

  64.                                 <!-- 智算中心 -->

  65.                                 <div class="one wide column text center nowrap" style="width:8% !important;">

  66.                                     <span>{{$.i18n.Tr "repo.modelarts.ai_center"}}</span>

  67.                                 </div>

  68.                                 <!-- XPU类型 -->

  69.                                 <div class="one wide column text center nowrap" style="width:8% !important;">

  70.                                     <span>{{$.i18n.Tr "repo.modelarts.card_type"}}</span>

  71.                                 </div>

  72.                                 <div class="one wide column text center nowrap" style="width:4% !important;">

  73.                                     <span>{{$.i18n.Tr "repo.cloudbrain_creator"}}</span>

  74.                                 </div>

  75.                                 <div class="two wide column text center nowrap" style="width:10% !important;">

  76.                                     <span>{{$.i18n.Tr "repository"}}</span>

  77.                                 </div>

  78.                                 <div class="two wide column text center nowrap" style="width:10% !important;">

  79.                                     <span>{{.i18n.Tr "admin.cloudbrain.cloudbrain_name"}}</span>

  80.                                 </div>

  81.                                 <div class="two wide column text center nowrap" style="width: 12%!important;">

  82.                                     <span>{{$.i18n.Tr "repo.cloudbrain_operate"}}</span>

  83.                                 </div>

  84.                             </div>

  85.                         </div>

  86.                         {{range .Tasks}}

  87.                         {{if .Repo}}

  88.                         <div class="ui grid stackable item">

  89.                             <div class="row">

  90.                                 <!-- 任务名 -->

  91.                                 {{$JobID := '0'}}

  92.                                 {{if eq .JobType "DEBUG" "SNN4IMAGENET" "BRAINSCORE" "BENCHMARK" "MODELSAFETY" "SNN4ECOSET"}}

  93.                                 {{$JobID = .Cloudbrain.ID}}

  94.                                 {{else}}

  95.                                 {{$JobID = .JobID}}

  96.                                 {{end}}

  97.                                 <!-- {{$JobID}} -->

  98.                                 <div class="two wide column nowrap" style="width:10% !important;"> 

  99.                                    {{if eq .JobType "DEBUG"}}

  100.                                     <a class="title"

  101.                                         href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}{{if eq .Cloudbrain.Type 2}}/grampus/notebook{{else}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}{{end}}/{{$JobID}}"

  102.                                         title="{{.DisplayJobName}}" style="font-size: 14px;padding-right:0px">

  103.                                         <span class="fitted"

  104.                                             style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span>

  105.                                     </a>

  106.                                     {{else if or (eq .JobType "SNN4IMAGENET") (eq .JobType "BRAINSCORE") (eq .JobType "SNN4ECOSET")}}

  107.                                     <a class="title"

  108.                                         href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}/cloudbrain/benchmark/{{$JobID}}"

  109.                                         title="{{.DisplayJobName}}" style="font-size: 14px;padding-right:0px">

  110.                                         <span class="fitted"

  111.                                             style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span>

  112.                                     </a>

  113.                                     {{else if eq .JobType "INFERENCE"}}

  114.                                     <a class="title"

  115.                                         href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}/{{if eq .Cloudbrain.Type 1}}modelarts{{else if eq .Cloudbrain.Type 0}}cloudbrain{{end}}/inference-job/{{$JobID}}"

  116.                                         title="{{.DisplayJobName}}" style="font-size: 14px;">

  117.                                         <span class="fitted"

  118.                                             style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span>

  119.                                     </a>

  120.                                     {{else if eq .JobType "TRAIN"}}

  121.                                     <a class="title"

  122.                                         href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}{{if eq .Cloudbrain.Type 0}}/cloudbrain{{else if eq .Cloudbrain.Type 1}}/modelarts{{else if eq .Cloudbrain.Type 2}}/grampus{{end}}/train-job/{{$JobID}}"

  123.                                         title="{{.DisplayJobName}}" style="font-size: 14px;padding-right:0px">

  124.                                         <span class="fitted"

  125.                                             style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span>

  126.                                     </a>

  127.                                     {{else if eq .JobType "BENCHMARK" "MODELSAFETY"}}

  128.                                     <a class="title"

  129.                                         href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}/cloudbrain/benchmark/{{$JobID}}"

  130.                                         title="{{.DisplayJobName}}" style="font-size: 14px;padding-right:0px">

  131.                                         <span class="fitted"

  132.                                             style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span>

  133.                                     </a>

  134.                                     {{end}}

  135.                                 </div>

  136.                                 <!-- 集群 -->

  137.                                 <div class="one wide column text center nowrap" style="width:6% !important;">

  138.                                     <span style="font-size: 12px;"  class="cluster_{{.DisplayJobName}}_{{$JobID}}">{{if .Cluster}}{{.Cluster}}{{else}}--{{end}}</span>

  139.                                 </div>

  140.                                 <!-- 任务状态 -->

  141.                                 <div class="two wide column text center nowrap"

  142.                                     style="width: 6% !important;">

  143.                                     <span class="job-status" id="{{$JobID}}"

  144.                                         data-repopath='{{.Repo.OwnerName}}/{{.Repo.Name}}{{if eq .JobType "DEBUG"}}{{if eq .Cloudbrain.Type 2}}/grampus/notebook{{else}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}{{end}}{{else if eq .JobType "INFERENCE"}}/modelarts/inference-job{{else if eq .JobType "TRAIN"}}/modelarts/train-job{{else if eq .JobType "BENCHMARK" "MODELSAFETY"}}/cloudbrain{{end}}'

  145.                                         data-jobid="{{$JobID}}" data-version="{{.VersionName}}">

  146.                                         <span><i id="{{$JobID}}-icon" style="vertical-align: middle;"

  147.                                                 class="{{.Status}}"></i><span id="{{$JobID}}-text"

  148.                                                 style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>

  149.                                     </span>

  150.                                 </div>

  151.                                 <!-- 任务类型 -->

  152.                                 <div class="one wide column text center nowrap" style="width: 6% !important;">

  153.                                     <span style="font-size: 12px;">{{.JobType}} </span>

  154.                                 </div>

  155.                                 

  156.                                 <!-- 任务创建时间 -->

  157.                                 <div class="two wide column text center nowrap" style="width: 8% !important;">

  158.                                     <span style="font-size: 12px;"

  159.                                         class="">{{TimeSinceUnix1 .Cloudbrain.CreatedUnix}}</span>

  160.                                 </div>

  161.                                 <!-- 任务运行时间 -->

  162.                                 <div class="one wide column text center nowrap" style="width: 5% !important;">

  163.                                     <span style="font-size: 12px;"

  164.                                         id="duration-{{$JobID}}">{{if .TrainJobDuration}}{{.TrainJobDuration}}{{else}}--{{end}}</span>

  165.                                 </div>

  166.                                 <!-- 计算资源 -->

  167.                                 <div class="one wide column text center nowrap" style="width: 5% !important;"> 

  168.                                     <span

  169.                                         style="font-size: 12px;">{{if .ComputeResource}}{{.ComputeResource}}{{else}}--{{end}}</span>

  170.                                 </div>

  171.                                 <!-- 智算中心 -->

  172.                                 <div class="one wide column text center nowrap" style="width:8% !important;">

  173.                                     <span style="font-size: 12px;" id="cluster-{{$JobID}}" class="aicenter_{{.DisplayJobName}}_{{$JobID}}" title="{{if .AiCenter}}{{.AiCenter}}{{else}}--{{end}}">{{if .AiCenter}}{{.AiCenter}}{{else}}--{{end}}</span>

  174.                                 </div>

  175.                                 <!-- XPU类型 -->

  176.                                 <div class="one wide column text center nowrap" style="width:8% !important;">

  177.                                     <span style="font-size: 12px;" title="" class="card_type_{{.DisplayJobName}}_{{$JobID}}"></span>

  178.                                 </div>

  179.                                 <script>

  180.                                     (function(){

  181.                                         var spec = {{.Spec}} || {};

  182.                                         var cardType = getListValueWithKey(ACC_CARD_TYPE, spec.AccCardType) || '--';

  183.                                         var spanEl = document.querySelector('.card_type_{{.DisplayJobName}}_{{$JobID}}');

  184.                                         spanEl.setAttribute('title', cardType);

  185.                                         spanEl.innerText = cardType;

  186.                                         

  187.                                         var cluster = {{.Cluster}} || '--';

  188.                                         var clusterName = document.querySelector('.cloudbrain_debug').dataset['cluster' + cluster[0] + cluster.toLocaleLowerCase().slice(1)] || '--';

  189.                                         spanEl = document.querySelector('.cluster_{{.DisplayJobName}}_{{$JobID}}');

  190.                                         spanEl.setAttribute('title', cluster);

  191.                                         spanEl.innerText = clusterName;

  192. 

  193.                                         // var aiCenter = spec.AiCenterName || '--';

  194.                                         // spanEl = document.querySelector('.aicenter_{{.DisplayJobName}}_{{$JobID}}');

  195.                                         // spanEl.setAttribute('title', aiCenter);

  196.                                         // spanEl.innerText = aiCenter;

  197.                                     })();

  198.                                 </script>

  199.                                 <!-- 创建者 -->

  200.                                 <div class="one wide column text center nowrap" style="width:4% !important;">

  201.                                     {{if .User.Name}}

  202.                                     <a href="{{AppSubUrl}}/{{.User.Name}}" title="{{.User.Name}}"><img

  203.                                             class="ui avatar image" src="{{.User.RelAvatarLink}}"></a>

  204.                                     {{else}}

  205.                                     <a title="Ghost"><img class="ui avatar image"

  206.                                             src="{{AppSubUrl}}/user/avatar/Ghost/-1"></a>

  207.                                     {{end}}

  208.                                 </div>

  209.                                 <!-- 项目 -->

  210.                                 <div class="two wide column text center nowrap" style="width:10% !important;">

  211.                                     <a href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}"

  212.                                         title="{{.Repo.OwnerName}}/{{.Repo.Alias}}">{{.Repo.OwnerName}}/{{.Repo.Alias}}</a>

  213.                                 </div>

  214.                                 <!-- 云脑侧名称 -->

  215.                                 <div class="two wide column text center nowrap"

  216.                                     style="overflow: hidden;text-overflow:ellipsis;width:10% !important;">

  217.                                     <span class="ui poping up clipboard" data-position="top center" id="clipboard-btn-{{.JobName}}" style="cursor:pointer" 

  218.                                         data-clipboard-text="{{.JobName}}"

  219.                                         data-original="{{$.i18n.Tr "repo.copy"}}"

  220.                                         data-success="{{$.i18n.Tr "repo.copied"}}" 

  221.                                         data-error="{{$.i18n.Tr "repo.copied_error"}}"

  222.                                         data-content="{{$.i18n.Tr "repo.copy"}}"

  223.                                         data-variation="inverted tiny"

  224.                                     >

  225.                                         <span class="fitted"  title="{{.JobName}}">{{.JobName}}</span>

  226.                                     </span>

  227.                                 </div>

  228.                                 <div class="two wide column text center nowrap" style="width: 14%!important;">

  229.                                     {{if eq .JobType "DEBUG"}}

  230.                                     <div class="ui compact buttons">

  231.                                         <form id="debugAgainForm-{{$JobID}}">

  232.                                             {{$.CsrfTokenHtml}}

  233.                                             {{if eq .Status "RUNNING" "WAITING" "CREATING" "STARTING"}}

  234.                                             <a style="margin: 0 1rem;" id="ai-debug-{{$JobID}}"

  235.                                                 class='ui basic ai_debug {{if eq .Status "CREATING" "STOPPING"  "WAITING" "STARTING"}}disabled {{else}}blue {{end}}button'

  236.                                                 data-jobid="{{$JobID}}"                                                

  237.                                                 data-repopath='{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}{{if eq .Cloudbrain.Type 2}}/grampus/notebook{{else}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}{{end}}/{{$JobID}}/'>

  238.                                                 {{$.i18n.Tr "repo.debug"}}

  239.                                             </a>

  240.                                             {{else}}

  241.                                             {{if not .BootFile}}

  242.                                             <a id="ai-debug-{{$JobID}}"

  243.                                                 class='ui basic ai_debug {{if eq .Status "CREATING" "STOPPING"  "WAITING" "STARTING"}} disabled {{else}}blue {{end}}button'

  244.                                                 data-jobid="{{$JobID}}"

  245.                                                 data-repopath='{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}{{if eq .Cloudbrain.Type 2}}/grampus/notebook{{else}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}{{end}}/{{$JobID}}/'>

  246.                                                 {{$.i18n.Tr "repo.debug_again"}}

  247.                                             </a>

  248.                                             {{end}}

  249.                                             {{end}}

  250.                                         </form>

  251.                                     </div>

  252.                                     {{end}}

  253.                                     <!-- 停止任务 -->                                    

  254.                                     <div class="ui compact buttons">

  255.                                     {{if eq .JobType "MODELSAFETY"}}

  256.                                         <form id="stopForm-{{$JobID}}" style="margin-left:-1px;">

  257.                                             {{$.CsrfTokenHtml}}

  258.                                             <a style="padding: 0.5rem 1rem;" id="ai-stop-{{$JobID}}"

  259.                                                 class='ui basic ai_stop {{if eq .Status "KILLED" "FAILED" "START_FAILED" "KILLING" "COMPLETED" "SUCCEEDED" "STOPPED" "STOPPING"}}disabled {{else}} blue {{end}}button'

  260.                                                 data-repopath='{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}/modelsafety/{{$JobID}}/stop'

  261.                                                 data-jobid="{{$JobID}}">

  262.                                                 {{$.i18n.Tr "repo.stop"}}

  263.                                             </a>

  264.                                         </form>

  265.                                     {{else}}

  266.                                         {{if eq .JobType "DEBUG" "BENCHMARK" "SNN4IMAGENET" "BRAINSCORE" "SNN4ECOSET"}}

  267.                                         <form id="stopForm-{{$JobID}}" style="margin-left:-1px;">

  268.                                             {{$.CsrfTokenHtml}}

  269.                                             <a style="padding: 0.5rem 1rem;" id="ai-stop-{{$JobID}}"

  270.                                                 class='ui basic ai_stop {{if eq .Status "KILLED" "FAILED" "START_FAILED" "KILLING" "COMPLETED" "SUCCEEDED" "STOPPED" "STOPPING"}}disabled {{else}} blue {{end}}button'

  271.                                                 data-repopath='{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}{{if eq .Cloudbrain.Type 2}}/grampus/notebook{{else}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else if eq .JobType "BENCHMARK" }}/cloudbrain/benchmark{{else if eq .ComputeResource "NPU" }}/modelarts/notebook{{end}}{{end}}/{{$JobID}}/stop'

  272.                                                 data-jobid="{{$JobID}}" data-bootfile="{{.BootFile}}">

  273.                                                 {{$.i18n.Tr "repo.stop"}}

  274.                                             </a>

  275.                                         </form>

  276.                                         {{else}}

  277.                                         <a style="padding: 0.5rem 1rem;" id="ai-stop-{{$JobID}}"

  278.                                             class="ui basic ai_stop_version {{if eq .Status "KILLED" "FAILED" "START_FAILED" "KILLING" "COMPLETED" "SUCCEEDED" "STOPPED"}}disabled {{else}} blue {{end}}button"

  279.                                             data-repopath="{{.Repo.OwnerName}}/{{.Repo.Name}}/{{if eq .JobType "INFERENCE"}}{{if eq .Cloudbrain.Type 1}}modelarts/inference-job{{else}}cloudbrain/train-job{{end}}{{else if eq .JobType "TRAIN"}}{{if eq .Cloudbrain.Type 1}}modelarts/train-job{{else if eq .Cloudbrain.Type 0}}cloudbrain/train-job{{else if eq .Cloudbrain.Type 2}}grampus/train-job{{end}}{{end}}"

  280.                                             data-jobid="{{$JobID}}" data-version="{{.VersionName}}">

  281.                                             {{$.i18n.Tr "repo.stop"}}

  282.                                         </a>

  283.                                         {{end}}

  284.                                     {{end}}                                        

  285.                                     </div>

  286.                                     <!-- 修改任务 -->

  287.                                     {{if eq .JobType "TRAIN"}}

  288.                                     <div class="ui compact buttons __btn_edit__">

  289.                                         <a style="padding: 0.5rem 1rem;" class="ui basic blue button" href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}{{if eq .Cloudbrain.Type 1}}/modelarts/train-job/{{.JobID}}{{else if eq .Cloudbrain.Type 0}}/cloudbrain/train-job/{{.JobID}}{{else if eq .Cloudbrain.Type 2}}/grampus/train-job/{{.JobID}}{{end}}/create_version{{if .VersionName}}?version_name={{.VersionName}}{{end}}">

  290.                                             {{$.i18n.Tr "repo.modelarts.modify"}}

  291.                                         </a>

  292.                                     </div>

  293.                                     {{end}}

  294.                                     <!-- 删除任务 -->

  295.                                     {{if eq .JobType "MODELSAFETY"}}

  296.                                         <form class="ui compact buttons" id="delForm-{{$JobID}}"

  297.                                             action='{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}/modelsafety/{{$JobID}}/del?isadminpage=true'

  298.                                             method="post">

  299.                                             {{$.CsrfTokenHtml}}

  300.                                             <a style="padding: 0.5rem 1rem;margin-left:0.2rem" id="ai-delete-{{$JobID}}"

  301.                                                 class="ui basic ai_delete blue button"

  302.                                                 style="border-radius: .28571429rem;">

  303.                                                 {{$.i18n.Tr "repo.delete"}}

  304.                                             </a>

  305.                                         </form>

  306.                                     {{else}}

  307.                                     <form class="ui compact buttons" id="delForm-{{$JobID}}"

  308.                                         action='{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}{{if eq .JobType "BENCHMARK"}}/cloudbrain/benchmark{{else if or (eq .JobType "SNN4IMAGENET") (eq .JobType "BRAINSCORE") (eq .JobType "SNN4ECOSET")}}/cloudbrain{{else if eq .JobType "DEBUG"}}{{if eq .Cloudbrain.Type 2}}/grampus/notebook{{else}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}{{end}}{{else if eq .JobType "TRAIN"}}{{if eq .Cloudbrain.Type 1}}/modelarts/train-job{{else if eq .Cloudbrain.Type 0}}/cloudbrain/train-job{{else if eq .Cloudbrain.Type 2}}/grampus/train-job{{end}}{{else if eq .JobType "INFERENCE"}}{{if eq .Cloudbrain.Type 0}}/cloudbrain/train-job{{end}}{{end}}/{{$JobID}}/del?isadminpage=true'

  309.                                         method="post">

  310.                                         {{$.CsrfTokenHtml}}

  311.                                         <a style="padding: 0.5rem 1rem;margin-left:0.2rem" id="ai-delete-{{$JobID}}"

  312.                                             data-repopath="{{.Repo.OwnerName}}/{{.Repo.Name}}/modelarts/inference-job/{{$JobID}}/del_version?isadminpage=true"

  313.                                             data-version="{{.VersionName}}" class="ui basic ai_delete blue button"

  314.                                             style="border-radius: .28571429rem;">

  315.                                             {{$.i18n.Tr "repo.delete"}}

  316.                                         </a>

  317.                                     </form>

  318.                                     {{end}}

  319.                                 </div>

  320.                             </div>

  321.                         </div>

  322.                         {{else}}

  323.                         {{$JobID := '0'}}

  324.                         {{if eq .JobType "DEBUG" "SNN4IMAGENET" "BRAINSCORE" "BENCHMARK" "SNN4ECOSET"}}

  325.                         {{$JobID = .Cloudbrain.ID}}

  326.                         {{else}}

  327.                         {{$JobID = .JobID}}

  328.                         {{end}}

  329.                         <div class="ui grid stackable item">

  330.                             <div class="row">

  331.                                 <!-- 任务名 -->

  332.                                 <div class="two wide column nowrap" style="width:10% !important;">

  333.                                     {{if eq .JobType "DEBUG"}}

  334.                                     <a class="title" href="" title="{{.DisplayJobName}}" style="font-size: 14px;padding-right:0px">

  335.                                         <span class="fitted"

  336.                                             style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span>

  337.                                     </a>

  338.                                     {{else if eq .JobType "INFERENCE"}}

  339.                                     <a class="title" href="" title="{{.DisplayJobName}}" style="font-size: 14px;padding-right:0px">

  340.                                         <span class="fitted"

  341.                                             style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span>

  342.                                     </a>

  343.                                     {{else if eq .JobType "TRAIN"}}

  344.                                     <a class="title" href="" title="{{.DisplayJobName}}" style="font-size: 14px;padding-right:0px">

  345.                                         <span class="fitted"

  346.                                             style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span>

  347.                                     </a>

  348.                                     {{else if eq .JobType "BENCHMARK"}}

  349.                                     <a class="title" href="" title="{{.DisplayJobName}}" style="font-size: 14px;padding-right:0px">

  350.                                         <span class="fitted"

  351.                                             style="width: 90%;vertical-align: middle;">{{.DisplayJobName}}</span>

  352.                                     </a>

  353.                                     {{end}}

  354.                                 </div>

  355.                                 <!-- 集群 -->

  356.                                 <div class="one wide column text center nowrap" style="width:6% !important;">

  357.                                     <span

  358.                                         style="font-size: 12px;">{{if .Cluster}}{{.Cluster}}{{else}}--{{end}}</span>

  359.                                 </div>

  360.                                 <!-- 任务状态 -->

  361.                                 <div class="two wide column text center nowrap"

  362.                                     style="width: 6% !important;">

  363.                                     <span class="job-status" id="{{$JobID}}" data-jobid="{{$JobID}}"

  364.                                         data-version="{{.VersionName}}">

  365.                                         <span><i id="{{$JobID}}-icon" style="vertical-align: middle;"

  366.                                                 class="{{.Status}}"></i><span id="{{$JobID}}-text"

  367.                                                 style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>

  368.                                     </span>

  369.                                 </div>

  370.                                 <!-- 任务类型 -->

  371.                                 <div class="one wide column text center nowrap" style="width:6% !important;">

  372.                                     <span style="font-size: 12px;">{{.JobType}} </span>

  373.                                 </div>

  374.                                 

  375.                                 <!-- 任务创建时间 -->

  376.                                 <div class="two wide column text center nowrap" style="width: 8% !important;">

  377.                                     <span style="font-size: 12px;"

  378.                                         class="">{{TimeSinceUnix1 .Cloudbrain.CreatedUnix}}</span>

  379.                                 </div>

  380.                                 <!-- 任务运行时间 -->

  381.                                 <div class="one wide column text center nowrap" style="width:5% !important;">

  382.                                     <span style="font-size: 12px;"

  383.                                         id="duration-{{$JobID}}">{{if .TrainJobDuration}}{{.TrainJobDuration}}{{else}}--{{end}}</span>

  384.                                 </div>

  385.                                 <!-- 计算资源 -->

  386.                                 <div class="one wide column text center nowrap" style="width:5% !important;">

  387.                                     <span

  388.                                         style="font-size: 12px;">{{if .ComputeResource}}{{.ComputeResource}}{{else}}--{{end}}</span>

  389.                                 </div>

  390.                                 <!-- 智算中心 -->

  391.                                 <div class="one wide column text center nowrap" style="width:8% !important;">

  392.                                     <span

  393.                                         style="font-size: 12px;">{{if .AiCenter}}{{.AiCenter}}{{else}}--{{end}}</span>

  394.                                 </div>

  395.                                 <!-- XPU类型 -->

  396.                                 <div class="one wide column text center nowrap" style="width:8% !important;">

  397.                                     <span style="font-size: 12px;" title="{{.CardType}}">

  398.                                         {{if .CardType}}{{.CardType}}{{else}}--{{end}}

  399.                                     </span>

  400.                                 </div>

  401.                                 <!-- 创建者 -->

  402.                                 <div class="one wide column text center nowrap" style="width:4% !important;">

  403.                                     {{if .User.Name}}

  404.                                     <a href="{{AppSubUrl}}/{{.User.Name}}" title="{{.User.Name}}"><img

  405.                                             class="ui avatar image" src="{{.User.RelAvatarLink}}"></a>

  406.                                     {{else}}

  407.                                     <a title="Ghost"><img class="ui avatar image"

  408.                                             src="{{AppSubUrl}}/user/avatar/Ghost/-1"></a>

  409.                                     {{end}}

  410.                                 </div>

  411.                                 <!-- 项目 -->

  412.                                 <div class="two wide column text center nowrap" style="width:10% !important;">

  413.                                     <a href="" title="">--</a>

  414.                                 </div>

  415.                                 <!-- 云脑侧名称 -->

  416.                                 <div class="two wide column text center nowrap"

  417.                                     style="overflow: hidden;text-overflow:ellipsis;width:10% !important;">

  418.                                     <span class="ui poping up clipboard" data-position="top center" id="clipboard-btn" style="cursor:pointer" 

  419.                                         data-clipboard-text="{{.JobName}}"

  420.                                         data-success="{{$.i18n.Tr "repo.copy_link_success"}}" 

  421.                                         data-error="{{$.i18n.Tr "repo.copy_link_error"}}"

  422.                                         data-content="{{$.i18n.Tr "repo.copy_link"}}"

  423.                                         data-variation="inverted tiny"

  424.                                     >

  425.                                         <span class="fitted"  title="{{.JobName}}">{{.JobName}}</span>

  426.                                     </span>

  427.                                     

  428.                                 </div>

  429.                                 <div class="two wide column text center nowrap" style="width: 14%!important;">

  430.                                     {{if eq .JobType "DEBUG"}}

  431.                                     <div class="ui compact buttons">

  432.                                         <form id="debugAgainForm-{{$JobID}}">

  433.                                             {{$.CsrfTokenHtml}}

  434.                                             {{if eq .Status "RUNNING" "WAITING" "CREATING" "STARTING"}}

  435.                                             <a style="margin: 0 1rem;" id="ai-debug-{{$JobID}}"

  436.                                                 class='ui basic disabled button'>

  437.                                                 {{$.i18n.Tr "repo.debug"}}

  438.                                             </a>

  439.                                             {{else}}

  440.                                             <a id="ai-debug-{{$JobID}}" class='ui basic disabled button'>

  441.                                                 {{$.i18n.Tr "repo.debug_again"}}

  442.                                             </a>

  443.                                             {{end}}

  444.                                         </form>

  445.                                     </div>

  446.                                     {{end}}

  447.                                     <!-- 停止任务 -->

  448.                                     <div class="ui compact buttons">

  449.                                         <a style="padding: 0.5rem 1rem;" id="ai-stop-{{$JobID}}"

  450.                                             class="ui basic disabled button" data-jobid="{{$JobID}}"

  451.                                             data-version="{{.VersionName}}">

  452.                                             {{$.i18n.Tr "repo.stop"}}

  453.                                         </a>

  454.                                     </div>

  455.                                     <!-- 删除任务 -->

  456.                                     <form class="ui compact buttons" id="delForm-{{$JobID}}" action='' method="post">

  457.                                         {{$.CsrfTokenHtml}}

  458.                                         <a style="padding: 0.5rem 1rem;margin-left:0.2rem" id="ai-delete-{{$JobID}}"

  459.                                             class="ui basic disabled button" style="border-radius: .28571429rem;">

  460.                                             {{$.i18n.Tr "repo.delete"}}

  461.                                         </a>

  462.                                     </form>

  463.                                 </div>

  464.                             </div>

  465.                         </div>

  466. 

  467.                         {{end}}

  468.                         {{end}}                        

  469.                     </div>                    

  470.                 </div>

  471.                 <div id="app" style="margin-top: 2rem;width:100%;">

  472.                     <div class="center">

  473.                         <el-pagination background @current-change="handleCurrentChange" :current-page="page"

  474.                             :page-sizes="[10]" :page-size="10" layout="total, sizes, prev, pager, next, jumper"

  475.                             :total="{{.Page.Paginater.Total}}">

  476.                         </el-pagination>

  477.                     </div>

  478.                 </div>

  479.             </div>

  480.         </div>

  481.     </div>

  482.     <!-- 确认模态框 -->

  483.     <div id="deletemodel">

  484.         <div class="ui basic modal">

  485.             <div class="ui icon header">

  486.                 <i class="trash icon"></i> {{.i18n.Tr "cloudbrain.delete_task"}}

  487.             </div>

  488. 

  489.             <div class="content">

  490.                 <p>{{.i18n.Tr "cloudbrain.task_delete_confirm"}}</p>

  491.             </div>

  492.             <div class="actions">

  493.                 <div class="ui red basic inverted cancel button">

  494.                     <i class="remove icon"></i> {{.i18n.Tr "cloudbrain.operate_cancel"}}

  495.                 </div>

  496.                 <div class="ui green basic inverted ok button">

  497.                     <i class="checkmark icon"></i> {{.i18n.Tr "cloudbrain.operate_confirm"}}

  498.                 </div>

  499.             </div>

  500.         </div>

  501.     </div>

  502.     <div class="ui modal debug-again-alert">

  503.         <div class="ui message" style="background-color: rgba(242, 113, 28, 0.05);border: 1px solid rgba(242, 113, 28, 1);border-radius: 5px;"> 

  504.             <div style="display: flex;align-items: center;">

  505.                 <i class="ri-information-line" style="font-size: 35px;color:  rgba(242, 113, 28, 1);;"></i>

  506.                 <div style="text-align: left;margin-left: 1rem;">

  507.                     <div style="font-weight: 600;line-height: 2;">{{.i18n.Tr "repo.cloudbrain.morethanonejob1" | Safe }}</div>

  508.                     <div style="color:#939393">{{.i18n.Tr "repo.cloudbrain.morethanonejob2" | Safe}}</div>

  509.                 </div>

  510.             </div>

  511.         </div>

  512.     </div>

  513. </div>

  514. <script>

  515.     document.addEventListener('DOMContentLoaded', function() {

  516.         var editbtns = $('.__btn_edit__');

  517.         var curHref = window.location.href;

  518.         for (var i = 0, iLen = editbtns.length;  i < iLen; i++) {

  519.             var buttonEl = editbtns.eq(i).find('a');

  520.             var oHref = buttonEl.attr('href');

  521.             var hasSearch = oHref.split('?').length > 1;

  522.             buttonEl.attr('href', oHref + (hasSearch ? '&' : '?') + 'backurl=' + encodeURIComponent(curHref));

  523.         }

  524.     });

  525. </script>

  526. {{template "base/footer" .}}