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

743 lines
32 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. 

  17.     .accordion-panel-title {

  18.         margin-top: 0;

  19.         margin-bottom: 0;

  20.         color: #252b3a;

  21.     }

  22. 

  23.     .accordion-panel-title-content {

  24.         vertical-align: middle;

  25.         display: inline-block;

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

  27.         cursor: default;

  28.     }

  29. 

  30.     .acc-margin-bottom {

  31.         margin-bottom: 5px;

  32.     }

  33. 

  34.     .title_text {

  35.         font-size: 12px;

  36.     }

  37. 

  38.     .ac-display-inblock {

  39.         display: inline-block;

  40.     }

  41. 

  42.     .cti-mgRight-sm {

  43.         margin-right: 8px;

  44.     }

  45. 

  46.     .ac-text-normal {

  47.         font-size: 14px;

  48.         color: #575d6c;

  49.     }

  50. 

  51.     .uc-accordionTitle-black {

  52.         color: #333;

  53.     }

  54. 

  55.     .accordion-border {

  56.         border: 1px solid #cce2ff;

  57.     }

  58. 

  59.     .padding0 {

  60.         padding: 0 !important;

  61.     }

  62. 

  63.     .content-pad {

  64.         padding: 15px 35px;

  65.     }

  66. 

  67.     .content-margin {

  68.         margin: 10px 5px;

  69.     }

  70. 

  71.     .tab_2_content {

  72.         min-height: 360px;

  73.         margin-left: 10px;

  74.     }

  75. 

  76.     .ac-grid {

  77.         display: block;

  78.         *zoom: 1;

  79.     }

  80. 

  81.     .ac-grid-col {

  82.         float: left;

  83.         width: 100%;

  84.     }

  85. 

  86.     .ac-grid-col2 .ac-grid-col {

  87.         width: 50%;

  88.     }

  89. 

  90.     .ti-form {

  91.         text-align: left;

  92.         max-width: 100%;

  93.         vertical-align: middle;

  94.     }

  95. 

  96.     .ti-form>tbody {

  97.         font-size: 12px;

  98.     }

  99. 

  100.     .ti-form>tbody,

  101.     .ti-form>tbody>tr {

  102.         vertical-align: inherit;

  103.     }

  104. 

  105.     .ti-text-form-label {

  106. 

  107.         padding-bottom: 20px;

  108.         padding-right: 20px;

  109.         color: #8a8e99;

  110.         font-size: 12px;

  111.         white-space: nowrap !important;

  112.         width: 80px;

  113.         line-height: 30px;

  114.     }

  115. 

  116.     .ti-text-form-content {

  117.         line-height: 30px;

  118.         padding-bottom: 20px;

  119.     }

  120. 

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

  122.         vertical-align: top;

  123.         white-space: normal;

  124.     }

  125. 

  126.     td,

  127.     th {

  128.         padding: 0;

  129.     }

  130. 

  131.     .info_text {

  132.         padding-bottom: 20px;

  133.         padding-right: 20px;

  134.         font-size: 12px;

  135.     }

  136. 

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

  138.         width: 450px;

  139.         overflow: hidden;

  140.         text-overflow: ellipsis;

  141.         white-space: nowrap;

  142.     }

  143. 

  144.     .redo-color {

  145.         color: #3291F8;

  146.     }

  147. 

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

  149.         margin-right: 10px;

  150.         padding-right: 11px;

  151.         text-decoration: none !important;

  152.         color: #526ecc;

  153.         cursor: pointer;

  154.         display: inline-block;

  155.         -moz-user-select: none;

  156.         -webkit-user-select: none;

  157.         -ms-user-select: none;

  158.         -khtml-user-select: none;

  159.         user-select: none;

  160.         position: relative;

  161.     }

  162. 

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

  164.         content: "";

  165.         display: inline-block;

  166.         position: absolute;

  167.         height: 12px;

  168.         right: 0;

  169.         top: 50%;

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

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

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

  173.         transform: translateY(-6px);

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

  175.     }

  176. 

  177.     .text-width80 {

  178.         width: 100px;

  179.         line-height: 30px;

  180.     }

  181. 

  182.     .border-according {

  183.         border: 1px solid #dfe1e6;

  184.     }

  185. 

  186.     .disabled {

  187.         cursor: default;

  188.         pointer-events: none;

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

  190.         opacity: .45 !important;

  191.     }

  192. 

  193.     .pad20 {

  194. 

  195.         border: 0px !important;

  196.     }

  197. 

  198.     .model_file_bread {

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

  200.         padding-left: 1rem;

  201.         padding-top: 0.5rem;

  202.     }

  203. </style>

  204. <div id="mask">

  205.     <div id="loadingPage">

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

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

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

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

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

  211.     </div>

  212. </div>

  213. <div class="repository">

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

  215.     <div class="ui container">

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

  217.             <div class="ui breadcrumb">

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

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

  220.                 </a>

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

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

  223.                     {{$.i18n.Tr "repo.modelarts.infer_job"}}

  224.                 </a>

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

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

  227.             </div>

  228.         </h4>

  229.         {{with .task}}

  230.         <div class="content-pad" style="border: 1px solid #e2e2e2;margin-top: 24px;padding: 20px 60px 40px 60px;">

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

  232.                 <a class="active item"

  233.                     data-tab="first">{{$.i18n.Tr "repo.modelarts.train_job.config"}}</a>

  234.                 <a class="item" data-tab="second"

  235.                     onclick="javascript:parseInfo()">{{$.i18n.Tr "repo.cloudbrain.runinfo"}}</a>

  236.                 

  237.                 <a class="item" data-tab="four"

  238.                     onclick="loadModelFile({{.VersionName}},'','','init')">{{$.i18n.Tr "repo.model_download"}}</a>

  239.             </div>

  240.             <div class="ui tab active" data-tab="first">

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

  242.                     <div class="tab_2_content">

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

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

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

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

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

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

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

  250.                                             </td>

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

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

  253.                                                     {{.DisplayJobName}}

  254.                                                 </div>

  255.                                             </td>

  256.                                         </tr>

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

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

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

  260.                                             </td>

  261. 

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

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

  264.                                                     {{.Status}}

  265.                                                 </div>

  266.                                             </td>

  267.                                         </tr>

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

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

  270.                                                 {{$.i18n.Tr "repo.modelarts.run_version"}}

  271.                                             </td>

  272. 

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

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

  275.                                                     {{.VersionName}}

  276.                                                 </div>

  277.                                             </td>

  278.                                         </tr> -->

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

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

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

  282.                                             </td>

  283. 

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

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

  286.                                                     <span style="font-size: 12px;" class="">

  287.                                                     {{if not (eq .StartTime 0)}}

  288.                                                          {{TimeSinceUnix1 .StartTime}}

  289.                                                         {{else}}

  290.                                                         {{TimeSinceUnix1 .CreatedUnix}}

  291.                                                         {{end}}

  292.                                                     </span>

  293.                                                 </div>

  294.                                             </td>

  295.                                         </tr>

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

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

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

  299.                                             </td>

  300. 

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

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

  303.                                                     {{.TrainJobDuration}}

  304.                                                 </div>

  305.                                             </td>

  306.                                         </tr>

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

  308. 

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

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

  311.                                             </td>

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

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

  314.                                                     {{$.resource_type}}

  315.                                                 </div>

  316.                                             </td>

  317. 

  318.                                         </tr>

  319. 

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

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

  322.                                                 {{$.i18n.Tr "repo.model.manage.description"}}

  323.                                             </td>

  324. 

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

  326.                                                 <div class="text-span text-span-w" id="{{.VersionName}}-desc" style="width: 380px;">

  327.                                                     {{if .Description}}

  328.                                                     <span title="{{.Description}}">{{.Description}}</span>

  329.                                                     {{else}}

  330.                                                     <span>--</span>

  331.                                                     {{end}}

  332.                                                 </div>

  333.                                             </td>

  334.                                         </tr>

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

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

  337.                                                 创建人

  338.                                             </td>

  339. 

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

  341.                                                 <div class="text-span text-span-w" id="{{.VersionName}}-creator">

  342.                                                     {{$.userName}}

  343.                                                 </div>

  344.                                             </td>

  345.                                         </tr>

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

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

  348.                                                 {{$.i18n.Tr "repo.modelarts.train_job.compute_node"}}

  349.                                             </td>

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

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

  352.                                                     {{.WorkServerNumber}}

  353.                                                 </div>

  354.                                             </td>

  355.                                         </tr>

  356.                                     </tbody>

  357.                                 </table>

  358.                             </div>

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

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

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

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

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

  364.                                                     {{$.i18n.Tr "repo.modelarts.infer_job_model"}}

  365.                                                 </td>

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

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

  368.                                                     <span>{{.ModelName}}</span>&nbsp;&nbsp;

  369.                                                     <span style="color: #8a8e99">{{$.i18n.Tr "repo.modelarts.version"}}：</span><span>{{.ModelVersion}}</span>&nbsp;&nbsp;

  370. 

  371.                                                     </div>

  372.                                                 </td>

  373.                                             </tr>

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

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

  376.                                                     {{$.i18n.Tr "repo.modelarts.infer_job_model_file"}}

  377.                                                 </td>

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

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

  380.                                                         {{.CkptName}}

  381.                                                     </div>

  382.                                                 </td>

  383.                                             </tr>

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

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

  386.                                                     {{$.i18n.Tr "repo.modelarts.model_label"}}

  387.                                                 </td>

  388. 

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

  390.                                                     <div class="text-span text-span-w" id="{{.VersionName}}-labels">

  391. 

  392.                                                         {{if .LabelName}}

  393.                                                             {{range $.labelName}}

  394.                                                             <a class="ui label" title="{{.}}">{{.}}</a>

  395.                                                             {{end}}

  396.                                                         {{else}}

  397.                                                         <span>--</span>

  398.                                                         {{end}}

  399.                                                     </div>

  400.                                                 </td>

  401.                                             </tr>

  402. 

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

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

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

  406.                                                 </td>

  407. 

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

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

  410.                                                         {{.BranchName}}

  411.                                                     </div>

  412.                                                 </td>

  413.                                             </tr>

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

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

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

  417.                                                 </td>

  418. 

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

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

  421.                                                         {{.BootFile}}

  422.                                                     </div>

  423.                                                 </td>

  424.                                             </tr>

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

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

  427.                                                     {{$.i18n.Tr "repo.modelarts.infer_dataset"}}

  428.                                                 </td>

  429. 

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

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

  432.                                                         {{.DatasetName}}

  433.                                                     </div>

  434.                                                 </td>

  435.                                             </tr>

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

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

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

  439.                                                 </td>

  440. 

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

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

  443.                                                         {{if .Parameters}}

  444.                                                         <span>{{.Parameters}}</span>

  445.                                                         {{else}}

  446.                                                         <span>--</span>

  447.                                                         {{end}}

  448.                                                     </div>

  449.                                                 </td>

  450.                                             </tr>

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

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

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

  454.                                                 </td>

  455. 

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

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

  458.                                                         {{$.i18n.Tr "cloudbrain.gpu_num"}}：{{$.GpuNum}}，{{$.i18n.Tr "cloudbrain.cpu_num"}}：{{$.CpuNum}}，{{$.i18n.Tr "cloudbrain.memory"}}(MB)：{{$.MemMiB}}，{{$.i18n.Tr "cloudbrain.shared_memory"}}(MB)：{{$.ShareMemMiB}}

  459.                                                     </div>

  460.                                                 </td>

  461.                                             </tr>

  462.                                         </tbody>

  463.                                     </table>

  464.                                 </div>

  465.                         </div>

  466.                     </div>

  467. 

  468.                 </div>

  469.             </div>

  470. 

  471.             <div class="ui tab" data-tab="second">

  472.                 <div>

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

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

  475.                     </div>

  476.                     <div class="ui attached  log" id="log{{.VersionName}}"

  477.                         style="height: 390px !important; overflow: auto;">

  478.                         <input type="hidden" id="json_value" value="{{$.result.JobStatus.AppExitDiagnostics}}">

  479.                         <input type="hidden" id="ExitDiagnostics" value="{{$.ExitDiagnostics}}">

  480.                         <span id="info_display" class="info_text">

  481. 

  482.                         </span>

  483.                     </div>

  484. 

  485.                 </div>

  486. 

  487.             </div>

  488. 

  489.            

  490. 

  491.             <div class="ui tab" data-tab="four">

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

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

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

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

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

  497. 

  498.                 </div>

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

  500. 

  501.                 </div>

  502.             </div>

  503. 

  504.         </div>

  505.             

  506.         

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

  508.     </div>

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

  510.     <div id="deletemodel">

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

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

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

  514.             </div>

  515. 

  516.             <div class="content">

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

  518.             </div>

  519.             <div class="actions">

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

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

  522.                 </div>

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

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

  525.                 </div>

  526.             </div>

  527.         </div>

  528.     </div>

  529. 

  530. 

  531. </div>

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

  533. 

  534. <script>

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

  536. 

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

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

  539.     });

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

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

  542.     });

  543. 

  544.     let userName

  545.     let repoPath

  546.     let jobID

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

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

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

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

  551.         let url = window.location.href;

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

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

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

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

  556.     })

  557.     function stopBubbling(e) {

  558.         e = window.event || e;

  559.         if (e.stopPropagation) {

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

  561.         } else {

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

  563.         }

  564.     }

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

  566.         parents = parents || ''

  567.         filename = filename || ''

  568.         init = init || ''

  569.         console.log("start")

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

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

  572.             renderDir(data, version_name)

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

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

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

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

  577.                 let htmlBread = ""

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

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

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

  581.             } else {

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

  583.             }

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

  585.             console.log(err, version_name);

  586.         });

  587. 

  588.     }

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

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

  591.             let htmlBrend = ""

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

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

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

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

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

  597.             } else {

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

  599.             }

  600. 

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

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

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

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

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

  606.         } else {

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

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

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

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

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

  612.         }

  613. 

  614.     }

  615.     function renderDir(data, version_name) {

  616.         let html = ""

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

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

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

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

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

  622.         html += '<tbody>'

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

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

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

  626.             html += "<tr>"

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

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

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

  630.             html += "</span>"

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

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

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

  634.             } else {

  635.                 if (downlaodFlag) {

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

  637.                 }

  638.                 else {

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

  640.                 }

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

  642.             }

  643.             html += '</a>'

  644.             html += "</span>"

  645.             html += "</td>"

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

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

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

  649.             } else {

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

  651.             }

  652. 

  653.             html += "</td>"

  654. 

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

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

  657.             html += "</td>"

  658.             html += "</tr>"

  659. 

  660.         }

  661.         html += "</tbody>"

  662.         html += "</table>"

  663.         html += "</div>"

  664.         html += "</div>"

  665.         html += "</div>"

  666.         html += "</div>"

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

  668.     }

  669.     function renderSize(value) {

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

  671.             return "0 Bytes";

  672.         }

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

  674.         var index = 0;

  675.         var srcsize = parseFloat(value);

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

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

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

  679.         return size + unitArr[index];

  680.     }

  681. 

  682.     function refreshStatus(version_name) {

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

  684.             // header status and duration

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

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

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

  688.             // detail status and duration

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

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

  691.             loadLog(version_name)

  692. 

  693. 

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

  695.             console.log(err);

  696.         });

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

  698.     }

  699. 

  700.     function parseInfo() {

  701.         let jsonValue = document.getElementById("json_value").value;

  702.         let jsonObj = JSON.parse(jsonValue);

  703.         let podRoleName = jsonObj["podRoleName"];

  704.         let html = "";

  705.         if (podRoleName != null) {

  706.             let task0 = podRoleName["task1-0"];

  707.             let podEvents = jsonObj["podEvents"];

  708.             let podEventArray = podEvents[task0];

  709.             if (podEventArray != null) {

  710.                 for (var i = 0; i < podEventArray.length; i++) {

  711.                     if (podEventArray[i]["reason"] != "") {

  712.                         html += "<p><b>[" + podEventArray[i]["reason"] + "]</b></p>";

  713.                         html += "<p>" + podEventArray[i]["message"] + "</p>";

  714.                         html += "<p>" + podEventArray[i]["action"] + "</p>";

  715.                     }

  716.                 }

  717.             }

  718.             let extras = jsonObj["extras"];

  719.             if (extras != null) {

  720.                 for (var i = 0; i < extras.length; i++) {

  721.                     if (extras[i]["reason"] != "") {

  722.                         html += "<p><b>[" + extras[i]["reason"] + "]</b></p>";

  723.                         html += "<p>" + extras[i]["message"] + "</p>";

  724.                         html += "<p>" + extras[i]["action"] + "</p>";

  725.                     }

  726.                 }

  727.             }

  728.         }

  729. 

  730.         let string = document.getElementById("ExitDiagnostics").value;

  731.         string = string.replace(/\r\n/g, "<br>")

  732.         string = string.replace(/\n/g, "<br>");

  733.         string = string.replace(/(\r\n)|(\n)/g, '<br>');

  734. 

  735.         if (string != "") {

  736.             html += "<p><b>[ExitDiagnostics]</b></p>";

  737.             html += "<p>" + string + "</p>";

  738.         }

  739. 

  740.         document.getElementById("info_display").innerHTML = html;

  741.     }

  742. 

  743. </script>