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: 31173439e8
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '31173439e8'
${ noResults }
aiforge/templates/repo/debugjob/index.tmpl

486 lines
25 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. 

  10.     .selectcloudbrain .active.item {

  11.         color: #0087f5 !important;

  12.         border: 1px solid #0087f5;

  13.         margin: -1px;

  14.         background: #FFF !important;

  15.     }

  16. 

  17.     #deletemodel {

  18.         width: 100%;

  19.         height: 100%;

  20.     }

  21. 

  22.     /* 消息框 */

  23. 

  24.     .alert {

  25.         display: none;

  26.         position: fixed;

  27.         width: 100%;

  28.         z-index: 1001;

  29.         padding: 15px;

  30.         border: 1px solid transparent;

  31.         border-radius: 4px;

  32.         text-align: center;

  33.         font-weight: bold;

  34.     }

  35. 

  36.     .alert-success {

  37.         color: #3c763d;

  38.         background-color: #dff0d8;

  39.         border-color: #d6e9c6;

  40.     }

  41. 

  42.     .alert-info {

  43.         color: #31708f;

  44.         background-color: #d9edf7;

  45.         border-color: #bce8f1;

  46.     }

  47. 

  48.     .alert-warning {

  49.         color: #8a6d3b;

  50.         background-color: #fcf8e3;

  51.         border-color: #faebcc;

  52.     }

  53. 

  54.     .alert-danger {

  55.         color: #a94442;

  56.         background-color: #f2dede;

  57.         border-color: #ebccd1;

  58.     }

  59. 

  60.     .pusher {

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

  62.         box-sizing: border-box;

  63.     }

  64. 

  65.     /* 弹窗 (background)  */

  66. 

  67.     #imageModal {

  68.         display: none;

  69.         position: fixed;

  70.         z-index: 1;

  71.         left: 0;

  72.         top: 0;

  73.         width: 100%;

  74.         height: 100%;

  75.         overflow: auto;

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

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

  78.     }

  79. 

  80.     /* 弹窗内容 */

  81. 

  82.     .modal-content {

  83.         background-color: #fefefe;

  84.         margin: 15% auto;

  85.         padding: 20px;

  86.         border: 1px solid #888;

  87.         width: 30%;

  88.     }

  89. 

  90.     /* 关闭按钮 */

  91. 

  92.     .close {

  93.         color: #aaa;

  94.         float: right;

  95.         font-size: 28px;

  96.         font-weight: bold;

  97.     }

  98. 

  99.     .close:hover,

  100.     .close:focus {

  101.         color: black;

  102.         text-decoration: none;

  103.         cursor: pointer;

  104.     }

  105. 

  106.     .dis {

  107.         margin-bottom: 20px;

  108.     }

  109. 

  110.     .disabled {

  111.         cursor: pointer;

  112.         pointer-events: none;

  113.     }

  114. 

  115.     .time-show {

  116.         font-size: 10px;

  117.         margin-top: 0.4rem;

  118.         display: inline-block;

  119.     }

  120. </style>

  121. 

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

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

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

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

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

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

  128.         data-debug-again="{{$.i18n.Tr "repo.debug_again"}}"></div>

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

  130.     <div class="ui container">

  131. 

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

  133.             <div class="column">

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

  135.                     <a class="active item"

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

  137.                     <a class="item"

  138.                         href="{{.RepoLink}}/modelarts/train-job?listType=all">{{$.i18n.Tr "repo.modelarts.train_job"}}</a>

  139.                     <a class="item"

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

  141.                     <a class="item"

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

  143.                 </div>

  144.             </div>

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

  146.                 <div class="ui selection dropdown"

  147.                     style="min-width: 10em;min-height:2.6em;border-radius: .28571429rem;margin-right: 1em;padding: .67em 3.2em .7em 1em;">

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

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

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

  151.                     <div class="menu">

  152.                         <div class="item" data-value="all">{{$.i18n.Tr "repo.gpu_type_all"}}</div>

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

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

  155.                         <div class="item" data-value="GCU">GCU</div>

  156.                     </div>

  157.                 </div>

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

  159.                 <a class="ui green button"

  160.                     href="{{.RepoLink}}/cloudbrain/create">{{$.i18n.Tr "repo.modelarts.train_job.new_debug"}}</a>

  161.                 {{else}}

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

  163.                 {{end}}

  164.             </div>

  165.         </div>

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

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

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

  169.             <div class="bgtask-content-header">{{$.i18n.Tr "repo.debug_task_not_created"}}</div>

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

  171.                 {{if $.RepoIsEmpty}}

  172.                 <div class="bgtask-content-txt">{{$.i18n.Tr "repo.repo_not_initialized" .RepoLink | Safe}}</div>

  173.                 {{end}}

  174.                 <div class="bgtask-content-txt">{{$.i18n.Tr "repo.debug_task_running_limit"}}</div>

  175.                 <div class="bgtask-content-txt">{{$.i18n.Tr "repo.dataset_desc"}}</div>

  176.                 <div class="bgtask-content-txt">{{$.i18n.Tr "repo.platform_instructions" | Safe}}</div>

  177.             </div>

  178.         </div>

  179.         {{else}}

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

  181.         <div class="ui grid">

  182.             <div class="row">

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

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

  185.                     <!-- 表头 -->

  186.                     <div class="dataset list">

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

  188.                             <div class="row">

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

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

  191.                                 </div>

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

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

  194.                                 </div>

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

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

  197.                                 </div>

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

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

  200.                                 </div>

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

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

  203.                                 </div>

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

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

  206.                                 </div>

  207.                             </div>

  208.                         </div>

  209.                         {{range .Tasks}}

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

  211.                             <div class="row">

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

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

  214.                                     <a class="title"

  215.                                         href='{{$.RepoLink}}{{if eq .Cloudbrain.Type 2}}/grampus/notebook{{else}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}{{end}}/{{.Cloudbrain.ID}}/'

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

  217.                                         <span class="fitted text_over"

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

  219.                                     </a>

  220.                                 </div>

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

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

  223.                                     <span class="job-status" id="{{.Cloudbrain.ID}}"

  224.                                         data-repopath="{{$.RepoRelPath}}{{if eq .Cloudbrain.Type 2}}/grampus/notebook{{else}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}{{end}}"

  225.                                         data-jobid="{{.Cloudbrain.ID}}" data-resource="{{.ComputeResource}}">

  226.                                         <span><i id="{{.Cloudbrain.ID}}-icon" style="vertical-align: middle;"

  227.                                                 class="{{.Status}}"></i><span id="{{.Cloudbrain.ID}}-text"

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

  229.                                     </span>

  230.                                 </div>

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

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

  233.                                     <span style="font-size: 12px;margin-left: 0.4rem;"

  234.                                         class="">{{TimeSinceUnix .Cloudbrain.CreatedUnix $.Lang}}</span>

  235.                                 </div>

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

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

  238.                                     <span style="font-size: 12px;margin-left: 0.4rem;">

  239.                                         {{if eq .Cloudbrain.Type 2}}

  240.                                            {{$.i18n.Tr "cloudbrain.resource_cluster_c2net_simple"}}

  241.                                         {{else}}

  242.                                            {{$.i18n.Tr "cloudbrain.resource_cluster_openi_simple"}}

  243.                                         {{end}}

  244.                                         {{.ComputeResource}}

  245.                                     </span>

  246.                                 </div>

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

  248.                                     {{if .User.Name}}

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

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

  251.                                     {{else}}

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

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

  254.                                     {{end}}

  255.                                 </div>

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

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

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

  259.                                         <a class="ui basic button" href="{{$.Link}}/{{.Cloudbrain.ID}}/rate" target="_blank">

  260.                                             评分

  261.                                         </a>

  262.                                         {{end}} -->

  263.                                         <!-- 调试 -->

  264.                                         <form id="debugAgainForm-{{.Cloudbrain.ID}}">

  265.                                             {{$.CsrfTokenHtml}}

  266.                                             {{if .CanDebug}}

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

  268.                                             <a style="margin: 0 1rem;" id="ai-debug-{{.Cloudbrain.ID}}"

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

  270.                                                 data-jobid="{{.Cloudbrain.ID}}"

  271.                                                 data-repopath='{{$.RepoLink}}{{if eq .Cloudbrain.Type 2}}/grampus/notebook{{else}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}{{end}}/{{.Cloudbrain.ID}}/'>

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

  273.                                             </a>

  274.                                             {{else}}

  275.                                             {{if not .BootFile}}

  276.                                             <a id="ai-debug-{{.Cloudbrain.ID}}"

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

  278.                                                 data-jobid="{{.Cloudbrain.ID}}"

  279.                                                 data-repopath='{{$.RepoLink}}{{if eq .Cloudbrain.Type 2}}/grampus/notebook{{else}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}{{end}}/{{.Cloudbrain.ID}}/'

  280.                                                 data-linkpath='{{$.Link}}'>

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

  282.                                             </a>

  283.                                             {{end}}

  284.                                             {{end}}

  285.                                             {{else}}

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

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

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

  289.                                             </a>

  290.                                             {{else}}

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

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

  293.                                             </a>

  294.                                             {{end}}

  295.                                             {{end}}

  296.                                         </form>

  297. 

  298.                                         <!-- 停止 -->

  299.                                         <form id="stopForm-{{.Cloudbrain.ID}}" style="margin-left:-1px;">

  300.                                             {{$.CsrfTokenHtml}}

  301.                                             {{if .CanDel}}

  302.                                             <a id="ai-stop-{{.Cloudbrain.ID}}"

  303.                                                 class='ui basic ai_stop {{if eq .Status "STOPPED" "FAILED" "START_FAILED" "STOPPING"  "CREATING"  "STARTING" "SUCCEEDED" "CREATE_FAILED" "DELETED"}}disabled {{else}}blue {{end}}button'

  304.                                                 data-repopath='{{$.RepoLink}}{{if eq .Cloudbrain.Type 2}}/grampus/notebook{{else}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}{{end}}/{{.Cloudbrain.ID}}/stop'

  305.                                                 data-jobid="{{.Cloudbrain.ID}}">

  306.                                                 

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

  308.                                             </a>

  309.                                             {{else}}

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

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

  312.                                             </a>

  313.                                             {{end}}

  314.                                         </form>

  315.                                         <!-- 删除 -->

  316.                                         <form id="delForm-{{.Cloudbrain.ID}}"

  317.                                             action="{{$.RepoLink}}{{if eq .Cloudbrain.Type 2}}/grampus/notebook{{else}}{{if eq .ComputeResource "CPU/GPU"}}/cloudbrain{{else}}/modelarts/notebook{{end}}{{end}}/{{.Cloudbrain.ID}}/del"

  318.                                             method="post">

  319.                                             <input type="hidden" name="debugListType" value="{{$.ListType}}">

  320.                                             {{$.CsrfTokenHtml}}

  321.                                             {{if .CanDel}}

  322.                                             <a id="ai-delete-{{.Cloudbrain.ID}}"

  323.                                                 class='ui basic ai_delete {{if eq .Status "STOPPED" "FAILED" "START_FAILED" "SUCCEEDED" "CREATE_FAILED" "DELETED"}}blue {{else}}disabled {{end}}button'

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

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

  326.                                             </a>

  327.                                             {{else}}

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

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

  330.                                             </a>

  331.                                             {{end}}

  332.                                         </form>

  333.                                     </div>

  334.                                     {{if not .BootFile}}

  335.                                     <div class="ui compact buttons"

  336.                                         style="{{if and (ne .Cloudbrain.Type 2) (eq .ComputeResource "CPU/GPU")}} visibility: visible {{else}} visibility: hidden{{end}}">

  337.                                         <div class="ui dropdown" id="model_more"

  338.                                             style="padding: .58928571em 1.125em .58928571em;">

  339.                                             <div class="text">{{$.i18n.Tr "repo.more"}}</div>

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

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

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

  343.                                                     {{if .CanDebug}}

  344.                                                     <a id="model-image-{{.Cloudbrain.ID}}"

  345.                                                         class='imageBtn ui basic {{if ne .Status "RUNNING"}}disabled {{else}}blue {{end}}button'

  346.                                                         target="_blank"

  347.                                                         href="{{$.RepoLink}}/cloudbrain/{{.Cloudbrain.ID}}/commit_image">{{$.i18n.Tr "repo.submit_image"}}</a>

  348.                                                     {{else}}

  349.                                                     <a

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

  351.                                                     {{end}}

  352.                                                 </div>

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

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

  355.                                                     {{if .CanDebug}}

  356.                                                     <a class="ui basic blue button"

  357.                                                         href="{{$.RepoLink}}/cloudbrain/{{.Cloudbrain.ID}}/models"

  358.                                                         target="_blank">{{$.i18n.Tr "repo.download"}}</a>

  359.                                                     {{else}}

  360.                                                     <a

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

  362.                                                     {{end}}

  363.                                                 </div>

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

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

  366.                                                     <a class="ui basic blue button"

  367.                                                         href="{{$.RepoLink}}/cloudbrain/{{.Cloudbrain.ID}}/rate"

  368.                                                         target="_blank">

  369.                                                         评分

  370.                                                     </a>

  371.                                                 </div>

  372.                                                 {{end}}

  373.                                             </div>

  374.                                         </div>

  375.                                     </div>

  376.                                     {{end}}

  377.                                 </div>

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

  379. 

  380.                             </div>

  381.                         </div>

  382.                         {{end}}

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

  384.                             <div class="center">

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

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

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

  388.                                 </el-pagination>

  389.                             </div>

  390.                         </div>

  391.                     </div>

  392.                 </div>

  393.             </div>

  394.         </div>

  395.         {{end}}

  396.     </div>

  397. </div>

  398. </div>

  399. </div>

  400. 

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

  402. <div id="deletemodel">

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

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

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

  406.         </div>

  407. 

  408.         <div class="content">

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

  410.         </div>

  411.         <div class="actions">

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

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

  414.             </div>

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

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

  417.             </div>

  418.         </div>

  419.     </div>

  420. </div>

  421. 

  422. <div class="ui mini modal debug-again">

  423.     <div class="header">{{$.QueuesDetail}}</div>

  424.     <div class="content">

  425.       <p>1111</p>

  426.     </div>

  427.     <div class="actions">

  428.         <div class="ui mini negative button">Cancel</div>

  429.         <div class="ui mini positive button">OK</div>

  430.     </div>

  431.   </div>

  432. </div>

  433. 

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

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

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

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

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

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

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

  441.             </div>

  442.         </div>

  443.     </div>

  444. </div>

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

  446. <script>

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

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

  449.     let url = {{.RepoLink }}

  450.     let redirect_to = {{ $.Link }}

  451.     let getParam = getQueryVariable('debugListType')

  452. 

  453.     let dropdownValue = ['all', '', false].includes(getParam) ? '{{$.i18n.Tr "repo.gpu_type_all"}}' : getParam

  454.     // localStorage.setItem('all',location.href)

  455.     function getQueryVariable(variable) {

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

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

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

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

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

  461.         }

  462.         return (false);

  463.     }

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

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

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

  467.         $('.ui.dropdown')

  468.             .dropdown({

  469.                 action: 'hide',

  470.             })

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

  472.             onChange: function (value) {

  473. 

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

  475.             }

  476.         })

  477.         $('.message .close')

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

  479.                 $(this)

  480.                     .closest('.message')

  481.                     .transition('fade')

  482.             })

  483.     })

  484. 

  485. </script>