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: 9ea723e215
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '9ea723e215'
${ noResults }
aiforge/templates/user/dashboard/cloudbrains.tmpl

476 lines
36 kB
Raw Blame History 

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

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

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

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

  5. <div class="explore users">

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

  7.         data-debug-again="{{$.i18n.Tr "repo.debug_again"}}" data-debug-task="{{$.i18n.Tr "cloudbrain.DEBUG"}}"

  8.         data-train-task="{{$.i18n.Tr "cloudbrain.TRAIN"}}" data-inference-task="{{$.i18n.Tr "cloudbrain.INFERENCE"}}"

  9.         data-benchmark-task="{{$.i18n.Tr "cloudbrain.BENCHMARK"}}"

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

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

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

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

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

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

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

  17.     {{template "admin/cloudbrain/search_dashboard" .}}

  18.     <div class="ui container" style="width:90%;overflow-x:auto;overflow-y:hidden">

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

  20.         <div class="ui grid" style="min-width:1700px;">

  21.             <div class="row">

  22.                 <div class="ui sixteen wide column" style="margin-bottom:15px;">

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

  24.                     <div class="dataset list">

  25.                         <!-- 表头 -->

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

  27.                             <div class="row">

  28.                                 <div class="three wide column nowrap" style="width:12%!important">

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

  30.                                 </div>

  31.                                 <!-- 集群 -->

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

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

  34.                                 </div>

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

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

  37.                                 </div>

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

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

  40.                                 </div>

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

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

  43.                                 </div>

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

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

  46.                                 </div>

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

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

  49.                                 </div>

  50.                                 

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

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

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

  54.                                 </div>

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

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

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

  58.                                 </div>

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

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

  61.                                 </div>

  62. 

  63.                                 <div class="three wide column text center nowrap" style="width: 15%!important;">

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

  65.                                 </div>

  66.                             </div>

  67.                         </div>

  68.                         {{range .Tasks}}                        

  69.                         {{if .Repo}}

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

  71.                             <div class="row">

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

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

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

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

  76.                                 {{else}}

  77.                                 {{$JobID = .JobID}}

  78.                                 {{end}}

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

  80.                                 <div class="three wide column nowrap" style="width:12% !important">

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

  82.                                     <a class="title"

  83.                                         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}}"

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

  85.                                         <span class="fitted"

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

  87.                                     </a>

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

  89.                                     <a class="title"

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

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

  92.                                         <span class="fitted"

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

  94.                                     </a>

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

  96.                                     <a class="title"

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

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

  99.                                         <span class="fitted"

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

  101.                                     </a>

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

  103.                                     <a class="title"

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

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

  106.                                         <span class="fitted"

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

  108.                                     </a>

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

  110.                                     <a class="title"

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

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

  113.                                         <span class="fitted"

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

  115.                                     </a>

  116.                                     {{end}}

  117.                                 </div>

  118.                                 <!-- 集群 -->

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

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

  121.                                 </div>

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

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

  124.                                     style="width: 8% !important;">

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

  126.                                         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"}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts{{end}}/inference-job{{else if eq .JobType "TRAIN"}}{{if eq .ComputeResource "NPU"}}/modelarts/train-job{{else}}/cloudbrain/train-job{{end}}{{else if eq .JobType "BENCHMARK" "MODELSAFETY"}}/cloudbrain{{end}}'

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

  128.                                         data-bootfile="{{.BootFile}}">

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

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

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

  132.                                     </span>

  133.                                 </div>

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

  135. 

  136.                                 {{$JobType := $.i18n.Tr (printf "cloudbrain.%s" .JobType)}}

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

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

  139.                                 </div>

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

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

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

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

  144.                                 </div>

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

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

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

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

  149.                                 </div>

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

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

  152.                                     <span

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

  154.                                 </div>

  155.                                 

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

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

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

  159.                                 </div>

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

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

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

  163.                                 </div>

  164.                                 <script>

  165.                                     (function(){

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

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

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

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

  170.                                         spanEl.innerText = cardType;

  171.                                         

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

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

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

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

  176.                                         spanEl.innerText = clusterName;

  177. 

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

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

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

  181.                                         // spanEl.innerText = aiCenter;

  182.                                     })();

  183.                                 </script>

  184.                                 <!-- 项目 -->

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

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

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

  188.                                 </div>

  189.                                 <div class="three wide column text center nowrap" style="width: 15%!important;">

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

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

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

  193.                                             {{$.CsrfTokenHtml}}

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

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

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

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

  198.                                                 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}}/'>

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

  200.                                             </a>

  201.                                             {{else}}

  202.                                             {{if not .BootFile}}

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

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

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

  206.                                                 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}}/'>

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

  208.                                             </a>

  209.                                             {{end}}

  210.                                             {{end}}

  211.                                         </form>

  212.                                     </div>

  213.                                     {{end}}

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

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

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

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

  218.                                                 {{$.CsrfTokenHtml}}

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

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

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

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

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

  224.                                                 </a>

  225.                                             </form>

  226.                                         {{else}}

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

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

  229.                                                 {{$.CsrfTokenHtml}}

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

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

  232.                                                     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'

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

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

  235.                                                 </a>

  236.                                             </form>

  237.                                             {{else}}

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

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

  240.                                                 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}}'

  241.                                                 data-jobid="{{$JobID}}" data-version="{{.VersionName}}" data-bootfile="{{.BootFile}}">

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

  243.                                             </a>

  244.                                             {{end}}

  245.                                         {{end}}

  246.                                     </div>

  247.                                     {{if eq .JobType "BENCHMARK"}}

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

  249.                                         <a class="ui basic button {{if $.IsSigned}} blue{{else}} disabled{{end}}"

  250.                                             href="{{$.RepoLink}}/cloudbrain/{{.Cloudbrain.ID}}/rate" target="_blank">

  251.                                             {{$.i18n.Tr "repo.score"}}

  252.                                         </a>

  253.                                     </div>

  254.                                     {{end}}

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

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

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

  258.                                         <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}}">

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

  260.                                         </a>

  261.                                     </div>

  262.                                     {{end}}

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

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

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

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

  267.                                         method="post">

  268.                                         {{$.CsrfTokenHtml}}

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

  270.                                             class="ui basic ai_delete blue button"

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

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

  273.                                         </a>

  274.                                     </form>

  275.                                     {{else}}

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

  277.                                         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?ishomepage=true'

  278.                                         method="post">

  279.                                         {{$.CsrfTokenHtml}}

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

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

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

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

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

  285.                                         </a>

  286.                                     </form>

  287.                                     {{end}}                            

  288.                                 </div>

  289.                             </div>

  290.                         </div>

  291.                         {{else}}

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

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

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

  295.                         {{else}}

  296.                         {{$JobID = .JobID}}

  297.                         {{end}}

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

  299.                             <div class="row">

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

  301.                                 <div class="three wide column nowrap" style="width:12% !important">

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

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

  304.                                         <span class="fitted"

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

  306.                                     </a>

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

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

  309.                                         <span class="fitted"

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

  311.                                     </a>

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

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

  314.                                         <span class="fitted"

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

  316.                                     </a>

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

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

  319.                                         <span class="fitted"

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

  321.                                     </a>

  322.                                     {{end}}

  323.                                 </div>

  324.                                 <!-- 集群 -->

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

  326.                                     <span

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

  328.                                 </div>

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

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

  331.                                     style="padding-left: 2.2rem !important; width: 8% !important;">

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

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

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

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

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

  337.                                     </span>

  338.                                 </div>

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

  340.                                 {{$JobType := $.i18n.Tr (printf "cloudbrain.%s" .JobType)}}

  341.                                 <div class="one wide column text center nowrap" style="width:8%">

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

  343.                                 </div>

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

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

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

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

  348.                                 </div>

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

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

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

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

  353.                                 </div>

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

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

  356.                                     <span

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

  358.                                 </div>

  359.                                 

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

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

  362.                                     <span

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

  364.                                 </div>

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

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

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

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

  369.                                     </span>

  370.                                 </div>

  371. 

  372.                                 <!-- 项目 -->

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

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

  375.                                 </div>

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

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

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

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

  380.                                             {{$.CsrfTokenHtml}}

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

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

  383.                                                 class='ui basic disabled button'>

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

  385.                                             </a>

  386.                                             {{else}}

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

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

  389.                                             </a>

  390.                                             {{end}}

  391.                                         </form>

  392.                                     </div>

  393.                                     {{end}}

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

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

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

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

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

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

  400.                                         </a>

  401.                                     </div>

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

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

  404.                                         {{$.CsrfTokenHtml}}

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

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

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

  408.                                         </a>

  409.                                     </form>

  410.                                 </div>

  411.                             </div>

  412.                         </div>

  413. 

  414.                         {{end}}

  415.                         {{end}}                        

  416.                     </div>

  417.                 </div>

  418.             </div>

  419.         </div>        

  420.     </div>

  421.     <div id="app" style="margin-top: 2rem;margin-bottom: 2rem;">

  422.         <div class="center">

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

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

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

  426.             </el-pagination>

  427.         </div>

  428.     </div>

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

  430.     <div id="deletemodel">

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

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

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

  434.             </div>

  435. 

  436.             <div class="content">

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

  438.             </div>

  439.             <div class="actions">

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

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

  442.                 </div>

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

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

  445.                 </div>

  446.             </div>

  447.         </div>

  448.     </div>

  449. 

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

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

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

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

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

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

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

  457.                 </div>

  458.             </div>

  459.         </div>

  460.     </div>

  461. </div>

  462. 

  463. <script>

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

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

  466.         var curHref = window.location.href;

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

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

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

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

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

  472.         }

  473.     });

  474. </script>

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