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: e11c27ea6d
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'e11c27ea6d'
${ noResults }
aiforge/templates/admin/cloudbrain/list.tmpl

490 lines
31 kB
Raw Blame History 

  1. <style>

  2. .el-pagination.is-background .el-pager li:not(.disabled).active {

  3.   background-color: #5bb973 !important; 

  4.   color: #FFF !important;

  5. }

  6. /* .el-pagination.is-background .el-pager li.active {

  7.   color: #fff;

  8.   cursor: default;

  9. } */

  10. .el-pagination.is-background .el-pager li:hover {

  11.   color: #5bb973 !important;

  12. }

  13. /* .el-pagination.is-background .el-pager li:not(.disabled):hover {

  14.   color: #5bb973;

  15. }

  16. .el-pagination.is-background .el-pager li:not(.disabled).active:hover {

  17.   background-color: #5bb973;

  18.   color: #FFF;

  19. } */

  20. </style>

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

  22.  <!-- 弹窗 -->

  23.  <div id="mask">

  24.     <div id="loadingPage">

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

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

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

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

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

  30.     </div>

  31. </div>

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

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

  34. <div class="admin user">

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

  36.     <div class="ui container" style="width: 80%;">

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

  38.         

  39.         <div class="ui  grid" >

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

  41.                 <div class="ui attached segment">

  42.                     <form class="ui form ignore-dirty"  style="max-width: 90%">

  43.                         <div class="ui fluid action input">

  44.                             <input name="q" value="{{.Keyword}}" placeholder="{{.i18n.Tr "explore.search"}}..." autofocus>

  45.                             <button class="ui blue button">{{.i18n.Tr "explore.search"}}</button>

  46.                         </div>

  47.                     </form>

  48.                 </div>

  49.                 <div class="ui six wide column" style="margin: 1rem 0;" id="adminCloud">

  50.                         <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;">  

  51.                             <div class="default text" style="color: rgba(0,0,0,.87);">全部任务类型</div>

  52.                             <i class="dropdown icon"></i>

  53.                             <div class="menu">

  54.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType=&listType={{$.ListType}}&jobStatus={{$.JobStatus}}" data-value="全部任务类型">全部任务类型</a>

  55.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType=DEBUG&listType={{$.ListType}}&jobStatus={{$.JobStatus}}" data-value="DEBUG">DEBUG</a>

  56.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType=TRAIN&listType={{$.ListType}}&jobStatus={{$.JobStatus}}" data-value="TRAIN">TRAIN</a>

  57.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType=INFERENCE&listType={{$.ListType}}&jobStatus={{$.JobStatus}}" data-value="INFERENCE">INFERENCE</a>

  58.                             </div>

  59.                         </div>

  60.                         <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;">  

  61.                             <div class="default text" style="color: rgba(0,0,0,.87);">全部计算资源</div>

  62.                             <i class="dropdown icon"></i>

  63.                             <div class="menu">

  64.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType={{$.JobType}}&listType=&jobStatus={{$.JobStatus}}" data-value="全部计算资源">全部计算资源</a>

  65.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType={{$.JobType}}&listType=CPU/GPU&jobStatus={{$.JobStatus}}"  data-value="CPU/GPU">CPU/GPU</a>

  66.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType={{$.JobType}}&listType=NPU&jobStatus={{$.JobStatus}}"  data-value="NPU">NPU</a>

  67.                             </div>

  68.                         </div>

  69.                         <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;">  

  70.                             <div class="default text" style="color: rgba(0,0,0,.87);">全部状态</div>

  71.                             <i class="dropdown icon"></i>

  72.                             <div class="menu">

  73.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType={{$.JobType}}&listType={{$.ListType}}&jobStatus=" data-value="all">全部状态</a>

  74.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType={{$.JobType}}&listType={{$.ListType}}&jobStatus=STARTING" data-value="CPU/GPU">STARTING</a>

  75.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType={{$.JobType}}&listType={{$.ListType}}&jobStatus=RESTARTING"  data-value="NPU">RESTARTING </a>

  76.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType={{$.JobType}}&listType={{$.ListType}}&jobStatus=START_FAILED" data-value="all">START_FAILED</a>

  77.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType={{$.JobType}}&listType={{$.ListType}}&jobStatus=STOPPING" data-value="CPU/GPU">STOPPING</a>

  78.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType={{$.JobType}}&listType={{$.ListType}}&jobStatus=STOPPED}"  data-value="NPU">STOPPED</a>

  79.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType={{$.JobType}}&listType={{$.ListType}}&jobStatus=WAITING" data-value="all">WAITING</a>

  80.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType={{$.JobType}}&listType={{$.ListType}}&jobStatus=COMPLETED" data-value="CPU/GPU">COMPLETED</a>

  81.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType={{$.JobType}}&listType={{$.ListType}}&jobStatus=FAILED"  data-value="NPU">FAILED </a>

  82.                                 <a class="item" href="{{$.Link}}?q={{$.Keyword}}&jobType={{$.JobType}}&listType={{$.ListType}}&jobStatus=OTHER"  data-value="NPU">OTHER</a>

  83.                                 

  84.                             </div>

  85.                         </div>

  86.                 </div>

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

  88.                         <!-- <a href="/admin/cloudbrains/download"><i class="ri-download-line" style="display: inline-block;"></i>下载此报告</a> -->

  89.                         <a class="ui compact blue basic icon button" style="box-shadow: none !important; padding: 0.8em;" href="/admin/cloudbrains/download"><i class="ri-download-line middle aligned icon"></i>下载此报告</a>

  90.                 </div>

  91. 

  92.                 <div class="ui sixteen wide column">

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

  94.                     <div class="dataset list">

  95. 

  96.                      <!-- 表头 -->

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

  98.                             <div class="row">

  99.                                 <div class="two wide column padding0">

  100.                                     <span style="margin:0 6px">{{$.i18n.Tr "repo.cloudbrain_task"}}</span>

  101.                                 </div>

  102.                                 <div class="one wide column text center padding0">

  103.                                     <span style="margin:0 6px">任务类型</span>

  104.                                 </div>

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

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

  107.                                 </div>

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

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

  110.                                 </div>

  111.                                 <div class="one wide column text center padding0">

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

  113.                                 </div>

  114.                                 <div class="one wide column text center padding0">

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

  116.                                 </div>

  117.                                 <div class="one wide column text center padding0">

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

  119.                                 </div>

  120.                                 <div class="two wide column text center padding0">

  121.                                     <span>项目</span> 

  122.                                 </div>

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

  124.                                     <span>云脑侧名称</span> 

  125.                                 </div>

  126.                                 <div class="two wide column text center padding0" style="width: 17.5%!important;">

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

  128.                                 </div>

  129.                             </div>  

  130.                         </div>                     

  131. 

  132.                         {{range .Tasks}}

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

  134.                             <div class="row">

  135.                             

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

  137.                                 <div class="two wide column padding0">

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

  139.                                     <a class="title" href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Alias}}/cloudbrain/{{.JobID}}" title="{{.JobName}}" style="font-size: 14px;">

  140.                                         <span class="fitted" style="width: 90%;vertical-align: middle;">{{.JobName}}</span>

  141.                                     </a>

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

  143.                                     <a class="title" href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Alias}}/modelarts/inference-job/{{.JobID}}" title="{{.JobName}}" style="font-size: 14px;">

  144.                                         <span class="fitted" style="width: 90%;vertical-align: middle;">{{.JobName}}</span>

  145.                                     </a>

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

  147.                                     <a class="title" href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Alias}}/modelarts/train-job/{{.JobID}}" title="{{.JobName}}" style="font-size: 14px;">

  148.                                         <span class="fitted" style="width: 90%;vertical-align: middle;">{{.JobName}}</span>

  149.                                     </a>

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

  151.                                     <a class="title" href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Alias}}/cloudbrain/benchmark/{{.JobID}}" title="{{.JobName}}" style="font-size: 14px;">

  152.                                         <span class="fitted" style="width: 90%;vertical-align: middle;">{{.JobName}}</span>

  153.                                     </a>

  154.                                     {{end}}

  155.                                 </div>

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

  157.                                 

  158.                                 <div class="one wide column text center padding0">   

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

  160.                                 </div>

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

  162.                                 <div class="two wide column text center padding0" style="padding-left: 2.2rem !important; width: 10% !important;">

  163.                                     <span class="job-status" id="{{.JobID}}" data-repopath='{{.Repo.OwnerName}}/{{.Repo.Alias}}{{if eq .JobType "DEBUG"}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}{{else if eq .JobType "INFERENCE"}}/modelarts/inference-job{{else if eq .JobType "TRAIN"}}/modelarts/train-job{{else if eq .JobType "BENCHMARK"}}/cloudbrain{{end}}' data-jobid="{{.JobID}}" data-version="{{.VersionName}}">

  164.                                             <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>

  165.                                     </span>

  166.                                 </div>

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

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

  169.                                     <span style="font-size: 12px;" class="">{{TimeSinceUnix1 .Cloudbrain.CreatedUnix}}</span>

  170.                                 </div>

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

  172.                                 <div class="one wide column text center padding0"> 

  173.                                     <span style="font-size: 12px;" id="duration-{{.JobID}}">{{if .TrainJobDuration}}{{.TrainJobDuration}}{{else}}--{{end}}</span> 

  174.                                 </div>

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

  176.                                 <div class="one wide column text center padding0">

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

  178.                                 </div>

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

  180.                                 <div class="one wide column text center padding0">

  181.                                     {{if .User.Name}}

  182.                                         <a href="{{AppSubUrl}}/{{.User.Name}}" title="{{.User.Name}}"><img class="ui avatar image" src="{{.User.RelAvatarLink}}"></a>

  183.                                     {{else}}

  184.                                         <a title="Ghost"><img class="ui avatar image" src="{{AppSubUrl}}/user/avatar/Ghost/-1"></a>

  185.                                     {{end}}

  186.                                 </div>

  187.                                 <!-- 项目 -->

  188.                                 <div class="two wide column text center padding0">

  189.                                     <a href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Alias}}" title="{{.Repo.OwnerName}}/{{.Repo.Alias}}">{{.Repo.OwnerName}}/{{.Repo.Alias}}</a>

  190.                                 </div>

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

  192.                                 <div class="two wide column text center padding0" style="overflow: hidden;text-overflow:ellipsis;">

  193.                                     

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

  195.                                 </div>

  196. 

  197.                                 <div class="two wide column text center padding0" style="width: 17.5%!important;">

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

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

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

  201.                                             {{$.CsrfTokenHtml}}

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

  203.                                             <a style="margin: 0 1rem;" id="ai-debug-{{.JobID}}" class='ui basic {{if eq .Status "CREATING" "STOPPING"  "WAITING" "STARTING"}}disabled {{else}}blue {{end}}button' onclick='debugAgain("{{.JobID}}","{{if eq .ComputeResource "CPU/GPU"}}{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Alias}}/cloudbrain{{else}}{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Alias}}/modelarts/notebook{{end}}/{{.JobID}}/")'>

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

  205.                                             </a>

  206.                                             {{else}}

  207.                                             <a id="ai-debug-{{.JobID}}" class='ui basic {{if eq .Status "CREATING" "STOPPING"  "WAITING" "STARTING"}} disabled {{else}}blue {{end}}button' onclick='debugAgain("{{.JobID}}","{{if eq .ComputeResource "CPU/GPU"}}{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Alias}}/cloudbrain{{else}}{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Alias}}/modelarts/notebook{{end}}/{{.JobID}}/")'>

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

  209.                                             </a>

  210.                                             {{end}}

  211.                                         </form>

  212.                                     </div>

  213.                                     {{end}}

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

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

  216.                                         {{if eq .JobType "DEBUG" "BENCHMARK"}}

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

  218.                                             {{$.CsrfTokenHtml}}

  219.                                             <a style="padding: 0.5rem 1rem;" id="ai-stop-{{.JobID}}" class='ui basic {{if eq .Status "KILLED" "FAILED" "START_FAILED" "KILLING" "COMPLETED" "SUCCEEDED" "STOPPED" "STOPPING"}}disabled {{else}} blue {{end}}button' onclick='stopDebug("{{.JobID}}","{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Alias}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else if eq .JobType "BENCHMARK" }}/cloudbrain/benchmark{{else if eq .ComputeResource "NPU" }}/modelarts/notebook{{end}}/{{.JobID}}/stop")'>

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

  221.                                             </a>

  222.                                         </form>

  223.                                         {{else}}

  224.                                         <a style="padding: 0.5rem 1rem;" id="ai-stop-{{.JobID}}" class="ui basic {{if eq .Status "KILLED" "FAILED" "START_FAILED" "KILLING" "COMPLETED"}}disabled {{else}} blue {{end}}button" onclick='stopVersion({{.VersionName}},{{.JobID}},{{.Repo.OwnerName}},{{.Repo.Alias}})'>

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

  226.                                         </a>

  227.                                         {{end}}

  228.                                     </div>

  229.                                     <!-- 下载 -->

  230.                                     <!-- {{if eq .JobType "INFERENCE"}}

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

  232.                                         <a style="padding: 0.5rem 1rem;margin-left:0.2rem" id="model-download-{{.JobID}}" href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Alias}}/modelarts/inference-job/{{.JobID}}/downloadall?version_name={{.VersionName}}"  class="ui basic blue button" style="border-radius: .28571429rem;">

  233.                                             {{$.i18n.Tr "repo.model_download"}}

  234.                                         </a>

  235.                                     </div>

  236.                                     {{else if eq .JobType "DEBUG"}}

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

  238.                                         <a style="padding: 0.5rem 1rem;margin-left:0.2rem" id="model-download-{{.JobID}}" href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Alias}}/modelarts/inference-job/{{.JobID}}/downloadall?version_name={{.VersionName}}"  class="ui basic blue button" style="border-radius: .28571429rem;">

  239.                                             {{$.i18n.Tr "repo.download"}}

  240.                                         </a>

  241.                                     </div>

  242.                                     {{end}} -->

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

  244.                                     <form class="ui compact buttons" id="delForm-{{.JobID}}" action='{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Alias}}{{if eq .JobType "BENCHMARK"}}/cloudbrain/benchmark{{else if eq .ComputeResource "NPU"}}/modelarts/notebook{{else if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else if eq .JobType "TRAIN"}}modelarts/train-job{{end}}/{{.JobID}}/del' method="post">

  245.                                         {{$.CsrfTokenHtml}}

  246.                                         <a style="padding: 0.5rem 1rem;margin-left:0.2rem" id="ai-delete-{{.JobID}}" class="ui basic blue button" onclick="assertDelete(this,{{.VersionName}},{{.JobID}},{{.Repo.OwnerName}},{{.Repo.Alias}})" style="border-radius: .28571429rem;">

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

  248.                                         </a>

  249.                                     </form>

  250.                                 </div>

  251.                             </div>

  252.                         </div>

  253.                         {{end}}

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

  255.                             <div class="center">

  256.                                 <el-pagination

  257.                                 background

  258.                                 @current-change="handleCurrentChange"

  259.                                 :current-page="page"

  260.                                 :page-sizes="[10]"

  261.                                 :page-size="10"

  262.                                 layout="total, sizes, prev, pager, next, jumper"

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

  264.                                 </el-pagination>

  265.                             </div>

  266.                         </div>

  267.                     </div>

  268. 

  269.                 </div>

  270.             </div>

  271.         </div>

  272.     </div>

  273.     

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

  275.     <div id="deletemodel">

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

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

  278.                 <i class="trash icon"></i> 删除任务

  279.             </div>

  280.     

  281.             <div class="content">

  282.                 <p>你确认删除该任务么？此任务一旦删除不可恢复。</p>

  283.             </div>

  284.             <div class="actions">

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

  286.                     <i class="remove icon"></i> 取消操作

  287.                 </div>

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

  289.                     <i class="checkmark icon"></i> 确定操作

  290.                 </div>

  291.             </div>

  292.         </div>

  293.     </div>

  294. </div>

  295. 

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

  297. 

  298. <script>

  299. // 删除时用户确认

  300. console.log({{.Tasks}})

  301. function deleteVersion(version_name,jobID,repoOwner,repoName){

  302.     const url = '/api/v1/repos/'+repoOwner+'/'+repoName+'/modelarts/inference-job/'+jobID+'/del_version'

  303.     $.post(url,{version_name:version_name},(data)=>{

  304.         if(data.StatusOK===0){

  305.             location.reload()

  306.         }

  307.     }).fail(function(err) {

  308.         console.log(err);	            

  309.     });

  310. }

  311. function assertDelete(obj,version_name,jobID,repoOwner,repoName) {

  312.     if (obj.style.color == "rgb(204, 204, 204)") {

  313.         return

  314.     } else {

  315.         const delId = obj.parentNode.id

  316.         flag = 1;

  317.         $('.ui.basic.modal')

  318.             .modal({

  319.                 onDeny: function() {

  320.                     flag = false

  321.                 },

  322.                 onApprove: function() {

  323.                     if(!version_name){

  324.                         document.getElementById(delId).submit()

  325.                     }

  326.                     else{

  327.                         deleteVersion(version_name,jobID,repoOwner,repoName)

  328.                     }

  329.                     flag = true

  330.                 },

  331.                 onHidden: function() {

  332.                     if (flag == false) {

  333.                         $('.alert').html('您已取消操作').removeClass('alert-success').addClass('alert-danger').show().delay(1500).fadeOut();

  334.                     }

  335.                 }

  336.             })

  337.             .modal('show')

  338.     }

  339. }

  340. function getParams(){

  341.     const params = new URLSearchParams(window.location.search)

  342.     let jobType = !params.get('jobType')? '全部任务类型' : params.get('jobType')

  343.     let listType = !params.get('listType')? '全部计算资源' : params.get('listType')

  344.     let jobStatus = !params.get('jobStatus')? '全部状态' : params.get('jobStatus')

  345.     const dropdownValueArray = [jobType,listType,jobStatus]

  346.     $('#adminCloud .default.text ').each(function(index,e){

  347.         $(e).text(dropdownValueArray[index])

  348.     })

  349. }

  350. getParams()

  351. function debugAgain(JobID,debugUrl){

  352.     if($('#' + JobID+ '-text').text()==="RUNNING"){

  353.         window.open(debugUrl+'debug')

  354.     }else{

  355.         $.ajax({

  356.             type:"POST",

  357.             url:debugUrl+'restart',

  358.             data:$('#debugAgainForm-'+JobID).serialize(),

  359.             success:function(res){

  360.                 if(res.result_code==="0"){

  361.                     if(res.job_id!==JobID){

  362.                         location.reload()

  363.                     }else{

  364.                         $('#' + JobID+'-icon').removeClass().addClass(res.status)

  365.                         $('#' + JobID+ '-text').text(res.status)

  366.                         $('#ai-debug-'+JobID).removeClass('blue').addClass('disabled')

  367.                         $('#ai-delete-'+JobID).removeClass('blue').addClass('disabled')

  368.                         $('#ai-debug-'+JobID).text("调试").css("margin","0 1rem")

  369.                     }

  370.                 }else{

  371.                     $('.alert').html(res.error_msg).removeClass('alert-success').addClass('alert-danger').show().delay(2000).fadeOut();

  372.                 }

  373.             },

  374.             error :function(res){

  375.                 console.log(res)

  376. 

  377.             }

  378.         })

  379.     }

  380.     

  381. }

  382. function stopDebug(JobID,stopUrl){

  383. $.ajax({

  384.     type:"POST",

  385.     url:stopUrl,

  386.     data:$('#stopForm-'+JobID).serialize(),

  387.     success:function(res){

  388.         if(res.result_code==="0"){

  389.             $('#' + JobID+'-icon').removeClass().addClass(res.status)

  390.             $('#' + JobID+ '-text').text(res.status)

  391.             if(res.status==="STOPPED"){

  392.                 $('#ai-debug-'+JobID).removeClass('disabled').addClass('blue').text("再次调试").css("margin","0")

  393.                 $('#ai-image-'+JobID).removeClass('blue').addClass('disabled')

  394.                 $('#ai-model-debug-'+JobID).removeClass('blue').addClass('disabled')

  395.                 $('#ai-delete-'+JobID).removeClass('disabled').addClass('blue')

  396.                 $('#ai-stop-'+JobID).removeClass('blue').addClass('disabled')

  397.             }

  398.             else{

  399.                 $('#ai-debug-'+JobID).removeClass('blue').addClass('disabled')

  400.                 $('#ai-stop-'+JobID).removeClass('blue').addClass('disabled')

  401.             }

  402.             

  403.         }else{

  404.             $('.alert').html(res.error_msg).removeClass('alert-success').addClass('alert-danger').show().delay(2000).fadeOut();

  405.         }

  406.     },

  407.     error :function(res){

  408.         console.log(res)

  409. 

  410.     }

  411. })

  412. 

  413. }

  414. 

  415. function stopVersion(version_name,jobID,repoOwner,repoName){

  416.     const url = `/api/v1/repos/${repoOwner}/${repoName}/modelarts/inference-job/${jobID}/stop_version`

  417.     $.post(url,{version_name:version_name},(data)=>{

  418.         if(data.StatusOK===0){

  419.             $('#ai-stop-'+jobID).removeClass('blue')

  420.             $('#ai-stop-'+jobID).addClass('disabled')

  421.             refreshStatus(version_name,jobID,repoOwner,repoName)

  422.         }

  423.     }).fail(function(err) {

  424.         console.log(err);	            

  425.     });

  426. }

  427. function refreshStatus(version_name,jobID,repoOwner,repoName){

  428. 

  429. const url = `/api/v1/repos/${repoOwner}/${repoName}/modelarts/inference-job/${jobID}/?version_name${version_name}`

  430. $.get(url,(data)=>{

  431.     $(`#${jobID}-icon`).attr("class",data.JobStatus)

  432.     // detail status and duration

  433.     $(`#${jobID}-text`).text(data.JobStatus)

  434. }).fail(function(err) {

  435.     console.log(err);

  436. });

  437. }

  438. var timeid = window.setInterval(loadJobStatus, 15000);

  439. $(document).ready(loadJobStatus);

  440. function loadJobStatus() {

  441.     $(".job-status").each((index, job) => {

  442.         const jobID = job.dataset.jobid;

  443.         const repoPath = job.dataset.repopath;

  444.         const computeResource = job.dataset.resource

  445.         const versionname = job.dataset.version

  446.         const finalState = ['STOPPED','CREATE_FAILED','UNAVAILABLE','DELETED','RESIZE_FAILED','SUCCEEDED','IMAGE_FAILED','SUBMIT_FAILED','DELETE_FAILED','KILLED','COMPLETED','FAILED','CANCELED','LOST','START_FAILED','SUBMIT_MODEL_FAILED','DEPLOY_SERVICE_FAILED','CHECK_FAILED']

  447.         if (finalState.includes(job.textContent.trim())) {

  448.             return

  449.         }

  450.         // const diffResource = computeResource == "NPU" ? 'modelarts/notebook' : 'cloudbrain'

  451.         $.get(`/api/v1/repos/${repoPath}/${jobID}?version_name=${versionname}`, (data) => {

  452.             const jobID = data.JobID

  453.             const status = data.JobStatus

  454.             if (status != job.textContent.trim()) {

  455.                 $('#' + jobID+'-icon').removeClass().addClass(status)

  456.                 $('#' + jobID+ '-text').text(status)

  457.             }

  458.             if(status==="RUNNING"){

  459.                 $('#ai-debug-'+jobID).removeClass('disabled').addClass('blue').text('调试').css("margin","0 1rem")

  460.                 $('#model-image-'+jobID).removeClass('disabled').addClass('blue')

  461.             }

  462.             if(status!=="RUNNING"){

  463.                 // $('#model-debug-'+jobID).removeClass('blue')

  464.                 // $('#model-debug-'+jobID).addClass('disabled')

  465.                 $('#model-image-'+jobID).removeClass('blue').addClass('disabled')

  466.             }

  467.             if(["CREATING","STOPPING","WAITING","STARTING"].includes(status)){

  468.                 $('#ai-debug-'+jobID).removeClass('blue').addClass('disabled')

  469.             }

  470.             if(['STOPPED','FAILED','START_FAILED','CREATE_FAILED','SUCCEEDED'].includes(status)){

  471.                 $('#ai-debug-'+jobID).removeClass('disabled').addClass('blue').text('再次调试').css("margin","0") 

  472.             }

  473.             if(["RUNNING","WAITING"].includes(status)){

  474.                 $('#ai-stop-'+jobID).removeClass('disabled').addClass('blue')

  475.             }

  476.             if(["CREATING","STOPPING","STARTING","STOPPED","FAILED","START_FAILED","SUCCEEDED"].includes(status)){

  477.                 $('#ai-stop-'+jobID).removeClass('blue').addClass('disabled')

  478.             }

  479.             if(status==="STOPPED" || status==="FAILED"|| status==="START_FAILED" || status==="KILLED" || status==="COMPLETED"){

  480.                 $('#ai-delete-'+jobID).removeClass('disabled').addClass('blue')

  481.             }else{

  482.                 $('#ai-delete-'+jobID).removeClass('blue').addClass('disabled')

  483.             }

  484.         }).fail(function(err) {

  485.             console.log(err);

  486.         });

  487.     });

  488. };

  489. </script>