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: 9ce3d46b32
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '9ce3d46b32'
${ noResults }
aiforge/templates/repo/cloudbrain/trainjob/show.tmpl

653 lines
30 kB
Raw Blame History 

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

  2. <style>

  3. .according-panel-heading{

  4.     box-sizing: border-box;

  5.     padding: 8px 16px;

  6.     color: #252b3a;

  7.     background-color: #f2f5fc;

  8.     line-height: 1.5;

  9.     cursor: pointer;

  10.     -moz-user-select: none;

  11.     -webkit-user-select: none;

  12.     -ms-user-select: none;

  13.     -khtml-user-select: none;

  14.     user-select: none;

  15. }

  16. .accordion-panel-title {

  17.     margin-top: 0;

  18.     margin-bottom: 0;

  19.     color: #252b3a;

  20. }

  21. .accordion-panel-title-content{

  22.     vertical-align: middle;

  23.     display: inline-block;

  24.     width: calc(100% - 32px);

  25.     cursor: default;

  26. }

  27. .acc-margin-bottom {

  28.     margin-bottom: 5px;

  29. }

  30. .title_text {

  31.     font-size: 12px;

  32. }

  33. .ac-display-inblock {

  34.     display: inline-block;

  35. }

  36. .cti-mgRight-sm {

  37.     margin-right: 8px;

  38. }

  39. .ac-text-normal {

  40.     font-size: 14px;

  41.     color: #575d6c;

  42. }

  43. .uc-accordionTitle-black {

  44.     color: #333;

  45. }

  46. .accordion-border{

  47.     border:1px solid #cce2ff;

  48. }

  49. .padding0{

  50.     padding: 0 !important;

  51. }

  52. .content-pad{

  53.     padding: 15px 35px;

  54. }

  55. .content-margin{

  56.     margin:10px 5px ;

  57. }

  58. .tab_2_content {

  59.     min-height: 360px;

  60.     margin-left: 10px;

  61. }

  62. .ac-grid {

  63.     display: block;

  64.     *zoom: 1;

  65. }

  66. .ac-grid-col {

  67.     float: left;

  68.     width: 100%;

  69. }

  70. .ac-grid-col2 .ac-grid-col {

  71.     width: 50%;

  72. }

  73. .ti-form {

  74.     text-align: left;

  75.     max-width: 100%;

  76.     vertical-align: middle;

  77. }

  78. .ti-form>tbody {

  79.     font-size: 12px;

  80. }

  81. .ti-form>tbody, .ti-form>tbody>tr {

  82.     vertical-align: inherit;

  83. }

  84. .ti-text-form-label {

  85.     

  86.     padding-bottom: 20px;

  87.     padding-right: 20px;

  88.     color: #8a8e99;

  89.     font-size: 12px;

  90.     white-space: nowrap !important;

  91.     width: 80px;

  92.     line-height: 30px;

  93. }

  94. .ti-text-form-content{

  95.     line-height: 30px;

  96.     padding-bottom: 20px;

  97. }

  98. .ti-form>tbody>tr>td {

  99.     vertical-align: top;

  100.     white-space: normal;

  101. }

  102. td, th {

  103.     padding: 0;

  104. }

  105. .ac-grid-col .text-span {

  106.     width: 450px;

  107.     overflow: hidden;

  108.     text-overflow: ellipsis;

  109.     white-space: nowrap;

  110. }

  111. .redo-color{

  112.     color: #3291F8;

  113. }

  114. .ti-action-menu-item:not(:last-child){

  115.     margin-right: 10px;

  116.     padding-right: 11px;

  117.     text-decoration: none!important;

  118.     color: #526ecc;

  119.     cursor: pointer;

  120.     display: inline-block;

  121.     -moz-user-select: none;

  122.     -webkit-user-select: none;

  123.     -ms-user-select: none;

  124.     -khtml-user-select: none;

  125.     user-select: none;

  126.     position: relative;

  127. }

  128. .ti-action-menu-item:not(:last-child):after {

  129.     content: "";

  130.     display: inline-block;

  131.     position: absolute;

  132.     height: 12px;

  133.     right: 0;

  134.     top: 50%;

  135.     -webkit-transform: translateY(-6px);

  136.     -ms-transform: translateY(-6px);

  137.     -o-transform: translateY(-6px);

  138.     transform: translateY(-6px);

  139.     border-right: 1px solid #dfe1e6;

  140. }

  141. .text-width80{

  142.     width: 100px;

  143.     line-height: 30px;

  144. }

  145. .border-according{

  146.     border: 1px solid #dfe1e6;

  147. }

  148. .disabled {

  149.         cursor: default;

  150.         pointer-events: none;

  151.         color: rgba(0,0,0,.6) !important;

  152.         opacity: .45 !important;

  153. }

  154. .pad20{

  155.     

  156.     border:0px !important;

  157. }

  158. .model_file_bread{

  159.     margin-bottom: -0.5rem !important;

  160.     padding-left: 1rem;

  161.     padding-top: 0.5rem ;

  162. }

  163. </style>

  164. <div id="mask">

  165.     <div id="loadingPage">

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

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

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

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

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

  171.     </div>

  172. </div>

  173. <div class="repository">

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

  175.     <div class="ui container">

  176.         <h4 class="ui header" id="vertical-segment">

  177.             <div class="ui breadcrumb">

  178.                 <a class="section" href="{{.RepoLink}}/debugjob?debugListType=all">

  179.                     {{.i18n.Tr "repo.cloudbrain"}}

  180.                 </a>

  181.                 <div class="divider"> / </div>

  182.                 <a class="section" href="{{$.RepoLink}}/modelarts/train-job">

  183.                     {{$.i18n.Tr "repo.modelarts.train_job"}}

  184.                 </a>

  185.                 <div class="divider"> / </div>

  186. 				<div class="active section">{{.displayJobName}}</div>

  187. 			</div>

  188.         </h4>

  189.         {{range $k ,$v := .version_list_task}}

  190.         <div class="ui accordion border-according"  id="accordion{{.VersionName}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}" data-version="{{.VersionName}}">

  191.             <input type="hidden" id="jobId_input" name="jobId_input" value="{{.JobID}}">

  192.             <div class="{{if eq $k 0}}active{{end}} title padding0">

  193.                 <div class="according-panel-heading">

  194.                     <div class="accordion-panel-title">

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

  196.                         <span class="accordion-panel-title-content">

  197.                             <span>

  198.                                 <div class="ac-display-inblock title_text acc-margin-bottom">

  199.                                     <span class="cti-mgRight-sm">{{TimeSinceUnix1 .CreatedUnix}}</span>   

  200.          

  201.                                     <span class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.status"}}：

  202.                                         <span id="{{.VersionName}}-status-span"><i id="icon" style="vertical-align: middle;" class="{{.Status}}"></i><span id="text" style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>

  203.                                     </span>

  204.                                     <span class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}：</span>

  205.                                     <span class="cti-mgRight-sm uc-accordionTitle-black" id="{{.VersionName}}-duration-span">{{$.duration}}</span>

  206.                                     

  207.                                 </div>

  208.                             </span>

  209.                         </span>

  210.                     </div>

  211.                 </div>

  212.             </div>

  213.             <div class="{{if eq $k 0}}active{{end}} content">

  214.                 <div class="content-pad">

  215.                     <div class="ui pointing secondary menu" style="border-bottom: 1px solid rgba(34,36,38,.15);">

  216.                         <a class="active item" data-tab="first{{$k}}">{{$.i18n.Tr "repo.modelarts.train_job.config"}}</a>

  217.                         <a class="item" data-tab="second{{$k}}" onclick="loadLog({{.VersionName}})">{{$.i18n.Tr "repo.modelarts.log"}}</a>

  218.                         <a class="item" data-tab="third{{$k}}" onclick="loadModelFile({{.VersionName}},'','','init')">{{$.i18n.Tr "repo.model_download"}}</a>

  219.                     </div>

  220.                     <div class="ui tab active" data-tab="first{{$k}}">

  221.                         <div style="padding-top: 10px;">

  222.                             <div class="tab_2_content">

  223.                                 <div class="ac-grid ac-grid-col2">

  224.                                     <div class="ac-grid-col">

  225.                                         <table class="ti-form">

  226.                                             <tbody class="ti-text-form">

  227.                                                 <tr class="ti-no-ng-animate">

  228.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  229.                                                         {{$.i18n.Tr "repo.cloudbrain_task"}}

  230.                                                     </td>

  231.                                                     <td class="ti-text-form-content">

  232.                                                         <div class="text-span text-span-w">

  233.                                                             {{.DisplayJobName}}

  234.                                                         </div>

  235.                                                     </td>

  236.                                                 </tr>

  237.                                                 <tr class="ti-no-ng-animate">

  238.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  239.                                                         {{$.i18n.Tr "repo.modelarts.status"}}

  240.                                                     </td>

  241. 

  242.                                                     <td class="ti-text-form-content">

  243.                                                         <div class="text-span text-span-w" id="{{.VersionName}}-status">

  244.                                                             {{.Status}}

  245.                                                         </div>

  246.                                                     </td>

  247.                                                 </tr>

  248.                                                 

  249.                                                 <tr class="ti-no-ng-animate">

  250.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  251.                                                         {{$.i18n.Tr "repo.modelarts.train_job.start_time"}} 

  252.                                                     </td>

  253.         

  254.                                                     <td class="ti-text-form-content">

  255.                                                         <div class="text-span text-span-w">

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

  257.                                                         </div>

  258.                                                     </td>

  259.                                                 </tr>

  260.                                                 <tr class="ti-no-ng-animate">

  261.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  262.                                                         {{$.i18n.Tr "repo.modelarts.train_job.dura_time"}} 

  263.                                                     </td>

  264.         

  265.                                                     <td class="ti-text-form-content">

  266.                                                         <div class="text-span text-span-w" id="{{.VersionName}}-duration">

  267.                                                             {{$.duration}}

  268.                                                         </div>

  269.                                                     </td>

  270.                                                 </tr>

  271.                                                 <tr class="ti-no-ng-animate">

  272.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  273.                                                             {{$.i18n.Tr "repo.modelarts.train_job.resource_type"}} 

  274.                                                     </td>

  275.         

  276.                                                     <td class="ti-text-form-content">

  277.                                                         <div class="text-span text-span-w">

  278.                                                             {{$.resource_type}}

  279.                                                         </div>

  280.                                                     </td>

  281.                                                 </tr>

  282.                                                 <tr class="ti-no-ng-animate">

  283.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  284.                                                             {{$.i18n.Tr "repo.modelarts.train_job.standard"}} 

  285.                                                     </td>

  286.         

  287.                                                     <td class="ti-text-form-content">

  288.                                                         <div class="text-span text-span-w">

  289.                                                             {{$.resource_spec}}

  290.                                                         </div>

  291.                                                     </td>

  292.                                                 </tr>                                

  293.                                                 

  294.                                             </tbody>

  295.                                         </table>

  296.                                     </div>

  297.                                     <div class="ac-grid-col">

  298.                                             <table class="ti-form">

  299.                                                 <tbody class="ti-text-form">

  300.                                                     <tr class="ti-no-ng-animate">

  301.                                                         <td class="ti-no-ng-animate ti-text-form-label text-width80">

  302.                                                             镜像 

  303.                                                         </td>

  304.             

  305.                                                         <td class="ti-text-form-content">

  306.                                                             <div class="text-span text-span-w" id="{{.VersionName}}-mirror">

  307.                                                                 {{.Image}}

  308.                                                             </div>

  309.                                                         </td>

  310.                                                     </tr>                   

  311.                                                     

  312.                                                     <tr class="ti-no-ng-animate">

  313.                                                         <td class="ti-no-ng-animate ti-text-form-label text-width80">

  314.                                                             {{$.i18n.Tr "repo.modelarts.code_version"}}

  315.                                                         </td>

  316.     

  317.                                                         <td class="ti-text-form-content">

  318.                                                             <div class="text-span text-span-w">

  319.                                                                 {{.BranchName}}

  320.                                                             </div>

  321.                                                         </td>

  322.                                                     </tr>

  323. 

  324.                                                     <tr class="ti-no-ng-animate">

  325.                                                         <td class="ti-no-ng-animate ti-text-form-label text-width80">

  326.                                                             {{$.i18n.Tr "repo.modelarts.train_job.start_file"}}

  327.                                                         </td>

  328. 

  329.                                                         <td class="ti-text-form-content">

  330.                                                             <div class="text-span text-span-w">

  331.                                                                 {{.BootFile}}

  332.                                                             </div>

  333.                                                         </td>

  334.                                                     </tr>

  335. 

  336.                                                     <tr class="ti-no-ng-animate">

  337.                                                         <td class="ti-no-ng-animate ti-text-form-label text-width80">

  338.                                                             {{$.i18n.Tr "repo.modelarts.train_job.train_dataset"}}

  339.                                                         </td>

  340. 

  341.                                                         <td class="ti-text-form-content">

  342.                                                             <div class="text-span text-span-w">

  343.                                                                 {{.DatasetName}}

  344.                                                             </div>

  345.                                                         </td>

  346.                                                     </tr>

  347. 

  348.                                                     <tr class="ti-no-ng-animate">

  349.                                                         <td class="ti-no-ng-animate ti-text-form-label text-width80" >

  350.                                                             {{$.i18n.Tr "repo.modelarts.train_job.run_parameter"}}

  351.                                                         </td>

  352. 

  353.                                                         <td class="ti-text-form-content">

  354.                                                             <div class="text-span text-span-w" title="{{.Parameters}}">

  355.                                                                 {{.Parameters}}

  356.                                                             </div>

  357.                                                         </td>

  358.                                                     </tr>

  359. 

  360.                                                     <tr class="ti-no-ng-animate">

  361.                                                         <td class="ti-no-ng-animate ti-text-form-label text-width80">

  362.                                                             {{$.i18n.Tr "repo.modelarts.train_job.description"}}  

  363.                                                         </td>

  364.                 

  365.                                                         <td class="ti-text-form-content">

  366.                                                             <div class="text-span text-span-w" title="{{.Description}}">

  367.                                                                 {{.Description}}

  368.                                                             </div>

  369.                                                         </td>

  370.                                                     </tr>

  371.                                                 </tbody>

  372.                                             </table>

  373.                                         </div>

  374.                                 </div>

  375.                             </div>

  376.                             

  377.                         </div>

  378.                     </div>

  379.                     <div class="ui tab" data-tab="second{{$k}}">

  380.                         <div>

  381.                             <div class="ui message message{{.VersionName}}" style="display: none;">

  382.                                 <div id="header"></div>

  383.                             </div>

  384.                             <div class="ui attached  log"  id="log{{.VersionName}}" style="height: 300px !important; overflow: auto;">

  385.                                 <input type="hidden"  name="end_line" value>

  386.                                 <input type="hidden"  name="start_line" value>

  387.                                 <pre id="log_file{{.VersionName}}"></pre>

  388.                             </div>

  389.                                         

  390.                         </div>

  391.                         

  392.                     </div>

  393. 

  394.                     <div class="ui tab" data-tab="third{{$k}}">

  395.                         <input type="hidden" name="model{{.VersionName}}" value="-1">

  396.                         <input type="hidden" name="modelback{{.VersionName}}" value="-1">

  397.                         <div class='ui breadcrumb model_file_bread' id='file_breadcrumb{{.VersionName}}'>

  398.                             <div class="active section">{{.VersionName}}</div>

  399.                             <div class="divider"> / </div>

  400. 

  401.                         </div>

  402.                         <div id="dir_list{{.VersionName}}">

  403.                             

  404.                         </div>

  405.                     </div>

  406.                     

  407.                 </div>

  408.             </div>

  409.         </div>

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

  411.     </div>

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

  413.     <div id="deletemodel">

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

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

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

  417.             </div>

  418.     

  419.             <div class="content">

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

  421.             </div>

  422.             <div class="actions">

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

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

  425.                 </div>

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

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

  428.                 </div>

  429.             </div>

  430.         </div>

  431.     </div>

  432.     

  433.     

  434. </div>

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

  436. 

  437. <script>

  438.     $('.menu .item').tab()

  439. 

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

  441.     $('.ui.accordion').accordion({selector:{trigger:'.icon'}});

  442.     });

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

  444.         $('.secondary.menu .item').tab();

  445.     });

  446.     

  447.     let userName

  448.     let repoPath

  449.     let jobID

  450.     let downlaodFlag = {{$.canDownload}}

  451.     let taskID = {{$.task.ID}}

  452.     let realJobName = {{$.task.JobName}}

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

  454.         let url = window.location.href;

  455.         let urlArr = url.split('/')

  456.         userName = urlArr.slice(-5)[0]

  457.         repoPath = urlArr.slice(-4)[0]

  458.         jobID = urlArr.slice(-1)[0]

  459.     })

  460.     function stopBubbling(e) {

  461.         e = window.event || e;

  462.         if (e.stopPropagation) {

  463.             e.stopPropagation();      //阻止事件 冒泡传播

  464.         } else {

  465.             e.cancelBubble = true;   //ie兼容

  466.         }

  467.     }

  468.     let timeid = window.setInterval(loadJobStatus, 30000);

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

  470. 

  471.     function loadLog(version_name){

  472.         document.getElementById("mask").style.display = "block"

  473.         $.get(`/api/v1/repos/${userName}/${repoPath}/cloudbrain/${taskID}/log?version_name=${version_name}&lines=50&order=asc`, (data) => {

  474.             $('input[name=end_line]').val(data.EndLine)

  475.             $('input[name=start_line]').val(data.StartLine)

  476.             $(`#log_file${version_name}`).text(data.Content)

  477.             document.getElementById("mask").style.display = "none"

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

  479.             console.log(err);

  480.             document.getElementById("mask").style.display = "none"

  481.         });

  482.     }

  483.     function loadModelFile(version_name,parents,filename,init){

  484.         parents = parents || ''

  485.         filename = filename || ''

  486.         init = init || ''

  487.         console.log("start")

  488.         $.get(`/api/v1/repos/${userName}/${repoPath}/cloudbrain/train-job/${jobID}/model_list?version_name=${version_name}&parentDir=${parents}`, (data) => {

  489.             $(`#dir_list${version_name}`).empty() 

  490.             renderDir(data,version_name)

  491.             if(init==="init"){

  492.                 $(`input[name=model${version_name}]`).val("")

  493.                 $(`input[name=modelback${version_name}]`).val(version_name)

  494.                 $(`#file_breadcrumb${version_name}`).empty()

  495.                 let htmlBread = ""

  496.                 htmlBread += `<div class='active section'>${version_name}</div>`

  497.                 htmlBread += "<div class='divider'> / </div>" 

  498.                 $(`#file_breadcrumb${version_name}`).append(htmlBread)

  499.             }else{

  500.                 renderBrend(version_name,parents,filename,init)

  501.             }

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

  503.             console.log(err,version_name);

  504.         });

  505.         

  506.     }

  507.     function renderBrend(version_name,parents,filename,init){

  508.         if(init=="folder"){

  509.             let htmlBrend = ""

  510.             let sectionName=$(`#file_breadcrumb${version_name} .active.section`).text()

  511.             let parents1 = $(`input[name=model${version_name}]`).val()

  512.             let filename1 = $(`input[name=modelback${version_name}]`).val()

  513.             if(parents1===""){

  514.                 $(`#file_breadcrumb${version_name} .active.section`).replaceWith(`<a class='section' onclick="loadModelFile('${version_name}','${parents1}','','init')">${sectionName}</a>`)

  515.             }else{

  516.                 $(`#file_breadcrumb${version_name} .active.section`).replaceWith(`<a class='section' onclick="loadModelFile('${version_name}','${parents1}','${filename1}')">${sectionName}</a>`)

  517.             }

  518.             

  519.             htmlBrend += `<div class='active section'>${filename}</div>`

  520.             htmlBrend += "<div class='divider'> / </div>" 

  521.             $(`#file_breadcrumb${version_name}`).append(htmlBrend)

  522.             $(`input[name=model${version_name}]`).val(parents)

  523.             $(`input[name=modelback${version_name}]`).val(filename)

  524.         }else{

  525.             $(`input[name=model${version_name}]`).val(parents)

  526.             $(`input[name=modelback${version_name}]`).val(filename)

  527.             $(`#file_breadcrumb${version_name} a.section:contains(${filename})`).nextAll().remove()

  528.             $(`#file_breadcrumb${version_name} a.section:contains(${filename})`).replaceWith(`<div class='active section'>${filename}</div>`)

  529.             $(`#file_breadcrumb${version_name} div.section:contains(${filename})`).append("<div class='divider'> / </div>")

  530.         }

  531.         

  532.     }

  533.     function renderDir(data,version_name){

  534.         let html=""

  535.             html += "<div class='ui grid' style='margin:0;'>"

  536.             html += "<div class='row' style='padding: 0;'>"

  537.             html += "<div class='ui sixteen wide column' style='padding:1rem;'>"

  538.             html += "<div class='dir list'>"

  539.             html += "<table id='repo-files-table' class='ui single line table pad20'>"

  540.             html += '<tbody>'

  541.             // html += "</tbody>"

  542.             for(let i=0;i<data.Dirs.length;i++){

  543.                 let dirs_size = renderSize(data.Dirs[i].Size)

  544.                 html += "<tr>"

  545.                 html += "<td class='name six wid'>"

  546.                 html += "<span class='truncate'>"

  547.                 html += "<span class='octicon octicon-file-directory'>"

  548.                 html += "</span>"

  549.                 if(data.Dirs[i].IsDir){

  550.                     html += `<a  onclick="loadModelFile('${version_name}','${data.Dirs[i].ParenDir}','${data.Dirs[i].FileName}','folder')">`

  551.                     html += "<span class='fitted'><i class='folder icon' width='16' height='16' aria-hidden='true'></i>" + data.Dirs[i].FileName + "</span>"

  552.                 }else{

  553.                     if(downlaodFlag){

  554.                         html += `<a href="${location.href}/download_model?version_name=${version_name}&fileName=${data.Dirs[i].FileName}&parentDir=${data.Dirs[i].ParenDir}&jobName=${realJobName}">`

  555.                     }

  556.                     else{

  557.                         html += `<a class="disabled">`

  558.                     }

  559.                     html += "<span class='fitted'><i class='file icon' width='16' height='16' aria-hidden='true'></i>" + data.Dirs[i].FileName + "</span>"

  560.                 }

  561.                 html += '</a>'

  562.                 html += "</span>"

  563.                 html += "</td>"

  564.                 html += "<td class='message seven wide'>"

  565.                 if(data.Dirs[i].IsDir){

  566.                     html += "<span class='truncate has-emoji'></span>"

  567.                 }else{

  568.                     html += "<span class='truncate has-emoji'>"+ `${dirs_size}` + "</span>"

  569.                 }

  570.                 

  571.                 html += "</td>"

  572. 

  573.                 html += "<td class='text right age three wide'>"

  574.                 html += "<span class='truncate has-emoji'>" + data.Dirs[i].ModTime + "</span>"

  575.                 html += "</td>"

  576.                 html += "</tr>"

  577.                 

  578.             }

  579.             html += "</tbody>"

  580.             html += "</table>"

  581.             html += "</div>"

  582.             html += "</div>"

  583.             html += "</div>"

  584.             html += "</div>"

  585.             $(`#dir_list${version_name}`).append(html)

  586.     }

  587.     function renderSize(value){

  588.         if(null==value||value==''){

  589.             return "0 Bytes";

  590.         }

  591.         var unitArr = new Array("Bytes","KB","MB","GB","TB","PB","EB","ZB","YB");

  592.         var index=0;

  593.         var srcsize = parseFloat(value);

  594.         index=Math.floor(Math.log(srcsize)/Math.log(1024));

  595.         var size =srcsize/Math.pow(1024,index);

  596.         size=size.toFixed(0);//保留的小数位数

  597.         return size+unitArr[index];

  598.     }

  599.     function loadJobStatus() {

  600.         $(".ui.accordion.border-according").each((index, job) => {

  601.             const jobID = job.dataset.jobid;

  602.             const repoPath = job.dataset.repopath;

  603.             const versionname = job.dataset.version

  604.             // ['IMAGE_FAILED','SUBMIT_FAILED','DELETE_FAILED','KILLED','COMPLETED','FAILED','CANCELED','LOST','START_FAILED']

  605.             // if (job.textContent.trim() == 'IMAGE_FAILED' || job.textContent.trim() == 'SUBMIT_FAILED' || job.textContent.trim() == 'DELETE_FAILED'

  606.             //     || job.textContent.trim() == 'KILLED' || job.textContent.trim() == 'COMPLETED' || job.textContent.trim() == 'FAILED'

  607.             //     || job.textContent.trim() == 'CANCELED' || job.textContent.trim() == 'LOST') {

  608.             //     return

  609.             // }

  610.             let status = $(`#${versionname}-status-span`).text()

  611.             

  612.             if(['IMAGE_FAILED','SUBMIT_FAILED','DELETE_FAILED','KILLED','COMPLETED','FAILED','CANCELED','LOST','START_FAILED','SUCCEEDED'].includes(status)){

  613.                 return 

  614.             }

  615.             let stopArray=["KILLED","FAILED","START_FAILED","KILLING","COMPLETED","SUCCEEDED"]

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

  617.                 //$(`#${versionname}-duration-span`).text(data.JobDuration)

  618.                 $(`#${versionname}-status-span span`).text(data.JobStatus)

  619.                 $(`#${versionname}-status-span i`).attr("class",data.JobStatus)

  620.                 // detail status and duration

  621.                 //$('#'+versionname+'-duration').text(data.JobDuration)

  622.                 $('#'+versionname+'-status').text(data.JobStatus)

  623.                 if(stopArray.includes(data.JobStatus)){

  624.                     $('#'+versionname+'-stop').addClass('disabled')

  625.                 }

  626.                 if(data.JobStatus==="COMPLETED"){

  627.                     $('#'+versionname+'-create-model').removeClass('disabled').addClass('blue')

  628.                 }

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

  630.                 console.log(err);

  631.             });

  632.         });

  633.     };

  634. 

  635.     function refreshStatus(version_name){

  636.         $.get(`/api/v1/repos/${userName}/${repoPath}/cloudbrain/${taskID}?version_name=${versionname}`,(data)=>{

  637.             // header status and duration

  638.             //$(`#${version_name}-duration-span`).text(data.JobDuration)

  639.             $(`#${version_name}-status-span span`).text(data.JobStatus)

  640.             $(`#${version_name}-status-span i`).attr("class",data.JobStatus)

  641.             // detail status and duration

  642.             //$('#'+version_name+'-duration').text(data.JobDuration)

  643.             $('#'+version_name+'-status').text(data.JobStatus)

  644.             loadLog(version_name)

  645. 

  646. 

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

  648.             console.log(err);

  649.         });

  650.         stopBubbling(arguments.callee.caller.arguments[0])

  651.     }

  652.     

  653. </script>