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/repo/debugjob/index.tmpl

728 lines
34 kB
Raw Blame History 

  1. <!-- 头部导航栏 -->

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

  3. 

  4. <style>

  5.     .label_after::after{

  6.         margin: -.2em 0 0 .2em;

  7.         content: '\00a0';

  8. }

  9.     .selectcloudbrain .active.item{

  10.         color: #0087f5 !important;

  11.         border: 1px solid #0087f5;

  12.         margin: -1px;

  13.         background: #FFF !important;

  14.     }

  15.     #deletemodel {

  16.         width: 100%;

  17.         height: 100%;

  18.     }

  19.     /* 弹窗 */

  20. 

  21.     #mask {

  22.         position: fixed;

  23.         top: 0px;

  24.         left: 0px;

  25.         right: 0px;

  26.         bottom: 0px;

  27.         filter: alpha(opacity=60);

  28.         background-color: #777;

  29.         z-index: 1000;

  30.         display: none;

  31.         opacity: 0.8;

  32.         -moz-opacity: 0.5;

  33.         padding-top: 100px;

  34.         color: #000000

  35.     }

  36. 

  37.     #loadingPage {

  38.         margin: 200px auto;

  39.         width: 50px;

  40.         height: 40px;

  41.         text-align: center;

  42.         font-size: 10px;

  43.         display: block;

  44.     }

  45. 

  46.     #loadingPage>div {

  47.         background-color: green;

  48.         height: 100%;

  49.         width: 6px;

  50.         display: inline-block;

  51.         -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;

  52.         animation: sk-stretchdelay 1.2s infinite ease-in-out;

  53.     }

  54. 

  55.     #loadingPage .rect2 {

  56.         -webkit-animation-delay: -1.1s;

  57.         animation-delay: -1.1s;

  58.     }

  59. 

  60.     #loadingPage .rect3 {

  61.         -webkit-animation-delay: -1.0s;

  62.         animation-delay: -1.0s;

  63.     }

  64. 

  65.     #loadingPage .rect4 {

  66.         -webkit-animation-delay: -0.9s;

  67.         animation-delay: -0.9s;

  68.     }

  69. 

  70.     #loadingPage .rect5 {

  71.         -webkit-animation-delay: -0.8s;

  72.         animation-delay: -0.8s;

  73.     }

  74. 

  75.     @-webkit-keyframes sk-stretchdelay {

  76.         0%,

  77.         40%,

  78.         100% {

  79.             -webkit-transform: scaleY(0.4)

  80.         }

  81.         20% {

  82.             -webkit-transform: scaleY(1.0)

  83.         }

  84.     }

  85. 

  86.     @keyframes sk-stretchdelay {

  87.         0%,

  88.         40%,

  89.         100% {

  90.             transform: scaleY(0.4);

  91.             -webkit-transform: scaleY(0.4);

  92.         }

  93.         20% {

  94.             transform: scaleY(1.0);

  95.             -webkit-transform: scaleY(1.0);

  96.         }

  97.     }

  98.     /* 消息框 */

  99. 

  100.     .alert {

  101.         display: none;

  102.         position: fixed;

  103.         width: 100%;

  104.         z-index: 1001;

  105.         padding: 15px;

  106.         border: 1px solid transparent;

  107.         border-radius: 4px;

  108.         text-align: center;

  109.         font-weight: bold;

  110.     }

  111. 

  112.     .alert-success {

  113.         color: #3c763d;

  114.         background-color: #dff0d8;

  115.         border-color: #d6e9c6;

  116.     }

  117. 

  118.     .alert-info {

  119.         color: #31708f;

  120.         background-color: #d9edf7;

  121.         border-color: #bce8f1;

  122.     }

  123. 

  124.     .alert-warning {

  125.         color: #8a6d3b;

  126.         background-color: #fcf8e3;

  127.         border-color: #faebcc;

  128.     }

  129. 

  130.     .alert-danger {

  131.         color: #a94442;

  132.         background-color: #f2dede;

  133.         border-color: #ebccd1;

  134.     }

  135. 

  136.     .pusher {

  137.         width: calc(100% - 260px);

  138.         box-sizing: border-box;

  139.     }

  140.     /* 弹窗 (background)  */

  141. 

  142.     #imageModal {

  143.         display: none;

  144.         position: fixed;

  145.         z-index: 1;

  146.         left: 0;

  147.         top: 0;

  148.         width: 100%;

  149.         height: 100%;

  150.         overflow: auto;

  151.         background-color: rgb(0, 0, 0);

  152.         background-color: rgba(0, 0, 0, 0.4);

  153.     }

  154.     /* 弹窗内容 */

  155. 

  156.     .modal-content {

  157.         background-color: #fefefe;

  158.         margin: 15% auto;

  159.         padding: 20px;

  160.         border: 1px solid #888;

  161.         width: 30%;

  162.     }

  163.     /* 关闭按钮 */

  164. 

  165.     .close {

  166.         color: #aaa;

  167.         float: right;

  168.         font-size: 28px;

  169.         font-weight: bold;

  170.     }

  171. 

  172.     .close:hover,

  173.     .close:focus {

  174.         color: black;

  175.         text-decoration: none;

  176.         cursor: pointer;

  177.     }

  178. 

  179.     .dis {

  180.         margin-bottom: 20px;

  181.     }

  182. 

  183.     .disabled {

  184.         cursor: pointer;

  185.         pointer-events: none;

  186.     }

  187.     .time-show{

  188.         font-size: 10px;

  189.         margin-top: 0.4rem;

  190.         display: inline-block;

  191.     }

  192.     

  193. </style>

  194. 

  195. <!-- 弹窗 -->

  196. <div id="mask">

  197.     <div id="loadingPage">

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

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

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

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

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

  203.     </div>

  204. </div>

  205. 

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

  207. <div class="repository release dataset-list view">

  208.     {{template "repo/header" .}}

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

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

  211.     

  212.     <!-- 列表容器 -->

  213.     <div class="ui container">

  214.         

  215.         <div class="ui two column stackable grid">

  216.                 <div class="column">

  217.                     <div class="ui blue small menu compact selectcloudbrain">

  218.                         <a class="active item" href="{{.RepoLink}}/debugjob?debugListType=all">{{$.i18n.Tr "repo.modelarts.notebook"}}</a>

  219.                         <a class="item" href="{{.RepoLink}}/modelarts/train-job">{{$.i18n.Tr "repo.modelarts.train_job"}}</a>

  220.                         <a class="item" href="{{.RepoLink}}/modelarts/inference-job">{{$.i18n.Tr "repo.modelarts.infer_job"}}</a>

  221.                         <a class="item" href="{{.RepoLink}}/cloudbrain/benchmark">{{$.i18n.Tr "repo.modelarts.evaluate_job"}}</a>

  222.                     </div>

  223.                 </div>

  224.                 <div class="column right aligned">

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

  226.                         {{svg "octicon-server" 16}}

  227.                         <div class="default text" style="color: rgba(0,0,0,.87);"></div>

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

  229.                         <div class="menu">

  230.                             <div class="item" data-value="all">全部</div>

  231.                             <div class="item"  data-value="CPU/GPU">CPU/GPU</div>

  232.                             <div class="item"  data-value="NPU">NPU</div>

  233.                         </div>

  234.                     </div>

  235.                     {{if .Permission.CanWrite $.UnitTypeCloudBrain}}       

  236.                     <a class="ui green button" href="{{.RepoLink}}/cloudbrain/create">{{$.i18n.Tr "repo.modelarts.train_job.new_debug"}}</a>

  237.                     {{else}}

  238.                     <a class="ui disabled button">{{$.i18n.Tr "repo.modelarts.train_job.new_debug"}}</a>

  239.                     {{end}}

  240.                 </div>

  241.         </div>

  242.         {{if eq 0 (len .Tasks)}}

  243.         <div class="ui placeholder segment bgtask-none">

  244.                 <div class="ui icon header bgtask-header-pic"></div>

  245.                 <div class="bgtask-content-header">未创建过调试任务</div>

  246.                 <div class="bgtask-content">

  247.                     {{if $.RepoIsEmpty}}

  248.                     <div class="bgtask-content-txt">代码版本：您还没有初始化代码仓库，请先<a href="{{.RepoLink}}">创建代码版本</a>；</div>

  249.                     {{end}}

  250.                     <div class="bgtask-content-txt">运行时长：最长不超过4个小时，超过4个小时将自动停止；</div>

  251.                     <div class="bgtask-content-txt">数据集：云脑1提供 CPU / GPU 资源，云脑2提供 Ascend NPU 资源，调试使用的数据集也需要上传到对应的环境；</div>

  252.                     <div class="bgtask-content-txt">使用说明：可以参考启智AI协作平台<a href="https://git.openi.org.cn/zeizei/OpenI_Learning">小白训练营课程。</a></div>

  253.                 </div>

  254.         </div>

  255.         {{else}}

  256.         <!-- 中下列表展示区 -->

  257.         <div class="ui grid">

  258.             <div class="row">

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

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

  261.                     <!-- 表头 -->

  262.                     <div class="dataset list">

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

  264.                             <div class="row">

  265.                                 <div class="four wide column">

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

  267.                                 </div>

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

  269.                                     <span style="margin:0 6px">{{$.i18n.Tr "repo.modelarts.status"}}</span>

  270.                                 </div>

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

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

  273.                                 </div>

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

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

  276.                                 </div>

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

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

  279.                                 </div>

  280.                                 <div class="five wide column text center">

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

  282.                                 </div>

  283.                             </div>        

  284.                         </div>

  285.                         {{range .Tasks}}

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

  287.                             <div class="row">

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

  289.                                 <div class="four wide column">

  290.                                     <a class="title" href='{{if eq .ComputeResource "CPU/GPU"}}{{$.RepoLink}}/cloudbrain{{else}}{{$.RepoLink}}/modelarts/notebook{{end}}/{{.JobID}}'  title="{{.JobName}}" style="font-size: 14px;">

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

  292.                                     </a>

  293.                                 </div>

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

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

  296.                                      <span class="job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}" data-resource="{{.ComputeResource}}">

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

  298.                                     </span>

  299.                                 </div>

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

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

  302.                                     <span style="font-size: 12px;margin-left: 0.4rem;" class="">{{TimeSinceUnix .Cloudbrain.CreatedUnix $.Lang}}</span>

  303.                                 </div>

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

  305.                                         <!-- 任务计算资源 -->

  306.                                         <span style="font-size: 12px;margin-left: 0.4rem;" class="">{{.ComputeResource}}</span>

  307.                                 </div>

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

  309.                                     {{if .User.Name}}

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

  311.                                     {{else}}

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

  313.                                     {{end}}

  314.                                 </div>

  315.                                 <div class="five wide column text center">

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

  317.                                         <!-- {{if and (ne .Status "WAITING") (ne .JobType "DEBUG")}}

  318.                                         <a class="ui basic button" href="{{$.Link}}/{{.JobID}}/rate" target="_blank">

  319.                                             评分

  320.                                         </a>

  321.                                         {{end}} -->

  322.                                         <!-- 调试 -->

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

  324.                                             {{$.CsrfTokenHtml}}

  325.                                             {{if .CanDebug}}

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

  327.                                                 <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"}}{{$.RepoLink}}/cloudbrain{{else}}{{$.RepoLink}}/modelarts/notebook{{end}}/{{.JobID}}/")'>

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

  329.                                                 </a>

  330.                                                 {{else}}

  331.                                                 <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"}}{{$.RepoLink}}/cloudbrain{{else}}{{$.RepoLink}}/modelarts/notebook{{end}}/{{.JobID}}/")'>

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

  333.                                                 </a>

  334.                                                 {{end}}

  335.                                             {{else}}

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

  337.                                                     <a  class="ui basic disabled button">

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

  339.                                                     </a>

  340.                                                 {{else}}

  341.                                                 <a  class="ui basic disabled button">

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

  343.                                                 </a>

  344.                                                 {{end}}

  345.                                             {{end}}

  346.                                         </form>

  347.                                         

  348.                                         <!-- 停止 -->

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

  350.                                             {{$.CsrfTokenHtml}}

  351.                                             {{if .CanDel}}

  352.                                                 {{if eq .ComputeResource "CPU/GPU" }}

  353.                                                 <a id="ai-stop-{{.JobID}}" class='ui basic {{if eq .Status "STOPPED" "FAILED" "START_FAILED" "STOPPING"  "CREATING"  "STARTING" "SUCCEEDED"}}disabled {{else}}blue {{end}}button' onclick='stopDebug("{{.JobID}}","{{$.RepoLink}}/cloudbrain/{{.JobID}}/stop")'>

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

  355.                                                 </a>

  356.                                                 {{else}}

  357.                                                 <a id="ai-stop-{{.JobID}}" class='ui basic {{if eq .Status "STOPPED" "FAILED" "START_FAILED" "STOPPING"  "CREATING"  "STARTING" "SUCCEEDED"}}disabled {{else}}blue {{end}}button' onclick='stopDebug("{{.JobID}}","{{$.RepoLink}}/modelarts/notebook/{{.JobID}}/stop")'>

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

  359.                                                 </a>

  360.                                                 {{end}}

  361.                                             {{else}}

  362.                                             <a  class="ui basic disabled button">

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

  364.                                             </a>

  365.                                             {{end}}

  366.                                         </form>

  367.                                         <!-- 删除 -->

  368.                                         <form  id="delForm-{{.JobID}}" action="{{if eq .ComputeResource "CPU/GPU"}}{{$.RepoLink}}/cloudbrain{{else}}{{$.RepoLink}}/modelarts/notebook{{end}}/{{.JobID}}/del" method="post">

  369.                                             <input type="hidden" name="debugListType" value="all">

  370.                                             {{$.CsrfTokenHtml}}

  371.                                             {{if .CanDel}}

  372.                                             <a id="ai-delete-{{.JobID}}" class='ui basic {{if eq .Status "STOPPED" "FAILED" "START_FAILED"}}blue {{else}}disabled {{end}}button' onclick="assertDelete(this)" style="border-radius: .28571429rem;">

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

  374.                                             </a>

  375.                                             {{else}}

  376.                                             <a  class="ui basic button disabled" onclick="assertDelete(this)" style="border-radius: .28571429rem;">

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

  378.                                             </a>

  379.                                             

  380.                                             {{end}}

  381.                                         </form>                                        

  382.                                     </div>

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

  384.                                     

  385.                                     <div class="ui compact buttons" style="{{if eq .ComputeResource "CPU/GPU"}} visibility: visible {{else}} visibility: hidden{{end}}">

  386.                                         <div class="ui dropdown" id="model_more" style="padding: .58928571em 1.125em .58928571em;">

  387.                                             <div class="text">更多</div>

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

  389.                                             <div class="menu" style="right: auto;">

  390.                                                 <div class="item" style="padding: 0 !important;">

  391.                                                     <!-- 接收结果 -->

  392.                                                     <iframe src="" frameborder="0" name="iframeContent" style="display: none;"></iframe>

  393.                                                     {{if .CanDebug}}

  394.                                                     <a id="model-image-{{.JobID}}" class='imageBtn ui basic {{if ne .Status "RUNNING"}}disabled {{else}}blue {{end}}button'>{{$.i18n.Tr "repo.submit_image"}}</a>

  395.                                                     {{else}}

  396.                                                     <a  class="imageBtn ui basic disabled button">{{$.i18n.Tr "repo.submit_image"}}</a>

  397.                                                     {{end}}

  398.                                                 </div>

  399.                                                 <div class="item" style="padding: 0 !important;">

  400.                                                         <!-- 模型下载 -->

  401.                                                     {{if .CanDebug}}

  402.                                                     <a class="ui basic blue button" href="{{$.RepoLink}}/cloudbrain/{{.JobID}}/models" target="_blank">{{$.i18n.Tr "repo.download"}}</a>

  403.                                                     {{else}}

  404.                                                     <a class="ui basic disabled button">{{$.i18n.Tr "repo.download"}}</a>

  405.                                                     {{end}}

  406.                                                 </div>

  407.                                                 {{if and  (ne .JobType "DEBUG") (eq .Cloudbrain.Type 0)}}

  408.                                                 <div class="item" style="padding: 0 !important;">  

  409.                                                     <a class="ui basic blue button" href="{{$.RepoLink}}/cloudbrain/{{.JobID}}/rate" target="_blank">

  410.                                                         评分

  411.                                                     </a>

  412.                                                 </div>

  413.                                                 {{end}}

  414.                                                 

  415.                                             </div>

  416.                                         </div>

  417.                                     </div>

  418.                                 </div>

  419.                                 <!-- 镜像列表弹窗 -->

  420.                                 <div id="imageModal" class="modal" style="display: none;">

  421.                                     <div class="modal-content">                                                

  422.                                         <!-- 表格 -->

  423.                                         <div class="ui form">

  424.                                             <form id="commitImageForm" action="{{$.RepoLink}}/cloudbrain/{{.JobID}}/commit_image" method="post" target="iframeContent">

  425.                                                 {{$.CsrfTokenHtml}}

  426.                                                 <div class="row">

  427.                                                     <p style="display: inline;">提交任务镜像</p>

  428.                                                     <span class="close">&times;</span>

  429.                                                 </div>

  430.                                                 

  431.                                                 <div class="ui divider"></div>

  432.     

  433.                                                 <div class="inline required field dis">

  434.                                                     <label>镜像标签：</label>

  435.                                                     <input name="tag" id="image_tag" tabindex="3" autofocus required maxlength="255" style="width:75%">

  436.                                                 </div>

  437.     

  438.                                                 <div class="inline field">

  439.                                                     <label class="label_after">镜像描述：</label>

  440.                                                     <textarea name="description" maxlength="255" rows="8" style="width:75%;margin-left: 0.2em;"></textarea>

  441.                                                 </div>    

  442.                                                 <div class="ui divider"></div>   

  443.                                                 <div class="inline field">

  444.                                                     <label></label>

  445.                                                     <button class="ui green button" onclick="showmask()">

  446.                                                         {{$.i18n.Tr "repo.cloudbrain.commit_image"}}

  447.                                                     </button>

  448.                                                 </div>

  449.                                             </form>

  450.                                         </div>

  451.                                         

  452.                                     </div>

  453.                                 </div>

  454.                             </div>

  455.                         </div>

  456.                         {{end}} {{template "base/paginate" .}}

  457.                     </div>

  458.                 </div>

  459.             </div>

  460.         </div>

  461.         {{end}}

  462.     </div>

  463. </div>

  464. </div>

  465. </div>

  466. 

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

  468. <div id="deletemodel">

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

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

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

  472.         </div>

  473. 

  474.         <div class="content">

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

  476.         </div>

  477.         <div class="actions">

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

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

  480.             </div>

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

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

  483.             </div>

  484.         </div>

  485.     </div>

  486. </div>

  487. 

  488. </div>

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

  490. 

  491. <script>

  492.     // 调试和评分新开窗口

  493.     const {AppSubUrl, StaticUrlPrefix, csrf} = window.config;

  494.     let url={{.RepoLink}}

  495.     let getParam=getQueryVariable('debugListType')

  496.     let dropdownValue = getParam==='all'||getParam==='' ? '全部' : getParam

  497.     localStorage.setItem('all',location.href)

  498.     function getQueryVariable(variable)

  499.     {

  500.         let query = window.location.search.substring(1);

  501.         let vars = query.split("&");

  502.         for (let i=0;i<vars.length;i++) {

  503.                 let pair = vars[i].split("=");

  504.                 if(pair[0] == variable){return pair[1];}

  505.         }

  506.         return(false);

  507.     }

  508.     function stop(obj) {

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

  510.             obj.target = '_blank'

  511.         } else {

  512.             return

  513.         }

  514.     }

  515.     // 删除时用户确认

  516.     function assertDelete(obj) {

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

  518.             return

  519.         } else {

  520.             var delId = obj.parentNode.id

  521.             flag = 1;

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

  523.                 .modal({

  524.                     onDeny: function() {

  525.                         flag = false

  526.                     },

  527.                     onApprove: function() {

  528.                         document.getElementById(delId).submit()

  529.                         flag = true

  530.                         $('.alert').html('操作成功!').removeClass('alert-danger').addClass('alert-success').show().delay(1500).fadeOut();

  531.                     },

  532.                     onHidden: function() {

  533.                         if (flag == false) {

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

  535.                         }

  536.                     }

  537.                 })

  538.                 .modal('show')

  539.         }

  540.     }

  541.     function debugAgain(JobID,debugUrl){

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

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

  544.         }else{

  545.             $.ajax({

  546.                 type:"POST",

  547.                 url:debugUrl+'restart',

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

  549.                 success:function(res){

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

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

  552.                             location.reload()

  553.                         }else{

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

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

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

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

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

  559.                         }

  560.                     }else{

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

  562.                     }

  563.                 },

  564.                 error :function(res){

  565.                     console.log(res)

  566. 

  567.                 }

  568.             })

  569.         }

  570.         

  571.     }

  572.     function stopDebug(JobID,stopUrl){

  573.         $.ajax({

  574.             type:"POST",

  575.             url:stopUrl,

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

  577.             success:function(res){

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

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

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

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

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

  583.                         $('#model-image-'+JobID).removeClass('blue').addClass('disabled')

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

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

  586.                     }

  587.                     else{

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

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

  590.                     }

  591.                     

  592.                 }else{

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

  594.                 }

  595.             },

  596.             error :function(res){

  597.                 console.log(res)

  598. 

  599.             }

  600.         })

  601. 

  602.     }

  603.     // 加载任务状态

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

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

  606.     function loadJobStatus() {

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

  608.             const jobID = job.dataset.jobid;

  609.             const repoPath = job.dataset.repopath;

  610.             const computeResource = job.dataset.resource

  611.             const initArray = ['STOPPED','FAILED','START_FAILED','CREATE_FAILED','SUCCEEDED','UNAVAILABLE','DELETED','RESIZE_FAILED']

  612.             if (initArray.includes(job.textContent.trim())) {

  613.                 

  614.                 return

  615.             }

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

  617.             $.get(`/api/v1/repos/${repoPath}/${diffResource}/${jobID}`, (data) => {

  618.                 const jobID = data.JobID

  619.                 const status = data.JobStatus

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

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

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

  623.                 }

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

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

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

  627.                 }

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

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

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

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

  632.                 }

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

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

  635.                 }

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

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

  638.                 }

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

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

  641.                 }

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

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

  644.                 }

  645.                 if(status==="STOPPED" || status==="FAILED"|| status==="START_FAILED"){

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

  647.                 }else{

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

  649.                 }

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

  651.                 console.log(err);

  652.             });

  653.         });

  654.     };

  655.     $(document).ready(function(){

  656.         dropdownValue = dropdownValue==="CPU%2FGPU"? 'CPU/GPU' : dropdownValue

  657.         $('.default.text').text(dropdownValue)

  658.         $('.ui.dropdown')

  659.         .dropdown({

  660.             action: 'hide',

  661.         })

  662.         $('.ui.selection.dropdown').dropdown({

  663.             onChange:function(value){

  664.                 location.href = `${url}/debugjob?debugListType=${value}`

  665.             }

  666.         })

  667.         $('.message .close')

  668.         .on('click', function() {

  669.             $(this)

  670.             .closest('.message')

  671.             .transition('fade')

  672.         })

  673.     })

  674.     

  675.     

  676. 

  677.     // 获取弹窗

  678.     var modal = document.getElementById('imageModal');

  679. 

  680.     // 打开弹窗的按钮对象

  681.     var btns = document.getElementsByClassName("imageBtn");

  682. 

  683.     // 获取 <span> 元素，用于关闭弹窗

  684.     var spans = document.getElementsByClassName('close');

  685. 

  686.     // 点击按钮打开弹窗

  687.     for (i = 0; i < btns.length; i++) {

  688.         btns[i].onclick = function() {

  689.             modal.style.display = "block";

  690.         }

  691.     }

  692. 

  693.     // 点击 <span> (x), 关闭弹窗

  694.     for (i = 0; i < spans.length; i++) {

  695.         spans[i].onclick = function() {

  696.             modal.style.display = "none";

  697.         }

  698.     }

  699. 

  700.     // 在用户点击其他地方时，关闭弹窗

  701.     window.onclick = function(event) {

  702.         if (event.target == modal) {

  703.             modal.style.display = "none";

  704.         }

  705.     }

  706. 

  707.     // 显示弹窗，弹出相应的信息

  708.     function showmask() {

  709.         var image_tag = !$('#image_tag').val()

  710.         if(image_tag){

  711.             return

  712.         }

  713.         $('#imageModal').css('display', 'none')

  714.         $('#mask').css('display', 'block')

  715. 

  716.         $("iframe[name=iframeContent]").on("load", function() {　　

  717.             var responseText = $("iframe")[0].contentDocument.body.getElementsByTagName("pre")[0].innerHTML;　

  718.             var json1 = JSON.parse(responseText)

  719.             $('#mask').css('display', 'none')

  720.             if (json1.result_code === "0") {

  721.                 $('.alert').html('操作成功!').removeClass('alert-danger').addClass('alert-success').show().delay(1500).fadeOut();

  722.             } else {

  723.                 $('.alert').html(json1.error_msg).removeClass('alert-success').addClass('alert-danger').show().delay(5000).fadeOut();

  724.             }

  725.         })

  726.     }

  727.     

  728. </script>