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

673 lines
33 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 class="repository">

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

  166.     <div class="ui container">

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

  168.             <div class="ui breadcrumb">

  169.                 <a class="section" href="{{.RepoLink}}/cloudbrain">

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

  171.                 </a>

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

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

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

  175.                 </a>

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

  177. 				<div class="active section">{{.jobName}}</div>

  178. 			</div>

  179.         </h4>

  180.         {{with .task}}

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

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

  183.                     

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

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

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

  187.                 </div>

  188.                 

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

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

  191.                         <div class="tab_2_content">

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

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

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

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

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

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

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

  199.                                                 </td>

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

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

  202.                                                         {{.JobName}}

  203.                                                     </div>

  204.                                                 </td>

  205.                                             </tr>

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

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

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

  209.                                                 </td>

  210. 

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

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

  213.                                                         {{.Status}}

  214.                                                     </div>

  215.                                                 </td>

  216.                                             </tr>

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

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

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

  220.                                                 </td>

  221.     

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

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

  224.                                                         {{.VersionName}}

  225.                                                     </div>

  226.                                                 </td>

  227.                                             </tr> -->

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

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

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

  231.                                                 </td>

  232.     

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

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

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

  236.                                                     </div>

  237.                                                 </td>

  238.                                             </tr>

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

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

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

  242.                                                 </td>

  243.     

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

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

  246.                                                         {{.TrainJobDuration}}

  247.                                                     </div>

  248.                                                 </td>

  249.                                             </tr>

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

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

  252.                                                     {{$.i18n.Tr "repo.migrate_items_labels"}}

  253.                                                 </td>

  254.     

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

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

  257.                                                         

  258.                                                         {{if .LabelName}}

  259.                                                             {{range $.labelName}}

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

  261.                                                             {{end}}

  262.                                                         {{else}}

  263.                                                         <span>--</span>

  264.                                                         {{end}}

  265.                                                     </div>

  266.                                                 </td>

  267.                                             </tr>

  268.                                             

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

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

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

  272.                                                 </td>

  273.     

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

  275.                                                     <div class="text-span text-span-w" id="{{.VersionName}}-desc">

  276.                                                         {{if .Description}}

  277.                                                         <span>{{.Description}}</span>

  278.                                                         {{else}}

  279.                                                         <span>--</span>

  280.                                                         {{end}}

  281.                                                     </div>

  282.                                                 </td>

  283.                                             </tr>

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

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

  286.                                                     创建人

  287.                                                 </td>

  288.     

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

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

  291.                                                         {{$.userName}}

  292.                                                     </div>

  293.                                                 </td>

  294.                                             </tr>

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

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

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

  298.                                                 </td>

  299.     

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

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

  302.                                                         {{.FlavorName}}

  303.                                                     </div>

  304.                                                 </td>

  305.                                             </tr>

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

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

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

  309.                                                 </td>

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

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

  312.                                                         {{.WorkServerNumber}}

  313.                                                     </div>

  314.                                                 </td>

  315.                                             </tr> -->

  316.                                         </tbody>

  317.                                     </table>

  318.                                 </div>

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

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

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

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

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

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

  325.                                                     </td>

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

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

  328.                                                         <span style="color: #8a8e99">名称：</span><span>testTrainJob1_model_5d21</span>&nbsp;&nbsp;

  329.                                                         <span style="color: #8a8e99">版本：</span><span>asdasdasd</span>&nbsp;&nbsp;

  330.                                                         

  331.                                                         </div>

  332.                                                     </td>

  333.                                                 </tr>

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

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

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

  337.                                                     </td>

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

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

  340.                                                             {{.CkptName}}

  341.                                                         </div>

  342.                                                     </td>

  343.                                                 </tr>

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

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

  346.                                                         {{$.i18n.Tr "repo.modelarts.train_job.AI_driver"}} 

  347.                                                     </td>

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

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

  350.                                                         {{.EngineName}}

  351.                                                         </div>

  352.                                                     </td>

  353.                                                 </tr>

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

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

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

  357.                                                     </td>

  358. 

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

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

  361.                                                             {{.BranchName}}

  362.                                                         </div>

  363.                                                     </td>

  364.                                                 </tr>

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

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

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

  368.                                                     </td>

  369.         

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

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

  372.                                                             {{.BootFile}}

  373.                                                         </div>

  374.                                                     </td>

  375.                                                 </tr>

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

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

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

  379.                                                     </td>

  380.             

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

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

  383.                                                             {{.DatasetName}}

  384.                                                         </div>

  385.                                                     </td>

  386.                                                 </tr>

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

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

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

  390.                                                     </td>

  391.             

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

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

  394.                                                             {{if .Parameters}}

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

  396.                                                             {{else}}

  397.                                                             <span>--</span>

  398.                                                             {{end}}

  399.                                                         </div>

  400.                                                     </td>

  401.                                                 </tr>

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

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

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

  405.                                                     </td>

  406.         

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

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

  409.                                                             {{.FlavorName}}

  410.                                                         </div>

  411.                                                     </td>

  412.                                                 </tr>

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

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

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

  416.                                                     </td>

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

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

  419.                                                             {{.WorkServerNumber}}

  420.                                                         </div>

  421.                                                     </td>

  422.                                                 </tr>

  423.                                                 

  424.                                                 

  425.                                             </tbody>

  426.                                         </table>

  427.                                     </div>

  428.                             </div>

  429.                         </div>

  430.                         

  431.                     </div>

  432.                 </div>

  433.                 

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

  435.                     <div>

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

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

  438.                         </div>

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

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

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

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

  443.                         </div>

  444.                                     

  445.                     </div>

  446.                     

  447.                 </div>

  448.                 <div class="ui tab" data-tab="third">

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

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

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

  452.                         <div class="active section">result</div>

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

  454. 

  455.                     </div>

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

  457.                         

  458.                     </div>

  459.                 </div>

  460.                 

  461.         </div>

  462.         {{end}}

  463.             

  464.                 

  465.             

  466.         

  467.         

  468.     </div>

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

  470.     <div id="deletemodel">

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

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

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

  474.             </div>

  475.     

  476.             <div class="content">

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

  478.             </div>

  479.             <div class="actions">

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

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

  482.                 </div>

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

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

  485.                 </div>

  486.             </div>

  487.         </div>

  488.     </div>

  489. </div>

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

  491. <script>

  492. console.log({{.task}})

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

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

  495. });

  496. let userName

  497. let repoPath

  498. let jobID

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

  500.     let url = window.location.href;

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

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

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

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

  505. })

  506. function loadLog(version_name){

  507.     $.get(`/api/v1/repos/${userName}/${repoPath}/modelarts/inference-job/${jobID}/log?version_name=${version_name}&lines=50&order=asc`, (data) => {

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

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

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

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

  512.         console.log(err);

  513.     });

  514. }

  515. function logScroll(version_name) {

  516.        

  517.     let container = document.querySelector(`#log${version_name}`)

  518.     let scrollTop = container.scrollTop

  519.     let scrollHeight = container.scrollHeight

  520.     let clientHeight = container.clientHeight

  521.     let scrollLeft = container.scrollLeft

  522.     if((parseInt(scrollTop)  + clientHeight == scrollHeight || parseInt(scrollTop)  + clientHeight +1 == scrollHeight || parseInt(scrollTop)  + clientHeight - 1 == scrollHeight) && (scrollLeft===0)){

  523.         let end_line = $(`#log${version_name} input[name=end_line]`).val()

  524.         $.get(`/api/v1/repos/${userName}/${repoPath}/modelarts/inference-job/${jobID}/log?version_name=${version_name}&base_line=${end_line}&lines=50&order=desc`, (data) => {

  525.             if (data.Lines == 0){

  526.                 $(`.message${version_name} #header`).text('您已翻阅至日志底部')

  527.                 $(`.message${version_name}`).css('display', 'block')

  528.                 setTimeout(function(){

  529.                     $(`.message${version_name}`).css('display', 'none')     

  530.                 }, 1000)

  531.             }else{

  532.                 if(end_line===data.EndLine){

  533.                     return

  534.                 }

  535.                 else{

  536.                     $(`#log${version_name} input[name=end_line]`).val(data.EndLine)

  537.                     $(`#log${version_name}`).append('<pre>' + data.Content) 

  538.                 }

  539.                 

  540.             }

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

  542.             console.log(err);

  543.         });

  544.     }

  545.     if(scrollTop == 0 && scrollLeft==0){

  546.         let start_line = $(`#log${version_name} input[name=start_line]`).val()

  547.         $.get(`/api/v1/repos/${userName}/${repoPath}/modelarts/inference-job/${jobID}/log?version_name=${version_name}&base_line=${start_line}&lines=50&order=asc`, (data) => {

  548.             if (data.Lines == 0){

  549.                 $(`.message${version_name} #header`).text('您已翻阅至日志顶部')

  550.                 $(`.message${version_name}`).css('display', 'block')

  551.                 setTimeout(function(){

  552.                     $(`.message${version_name}`).css('display', 'none')     

  553.                 }, 1000)

  554.             }else{

  555.                 $(`#log${version_name} input[name=start_line]`).val(data.StartLine)   //如果变动就改变所对应的值

  556.                 $(`#log${version_name}`).prepend('<pre>' + data.Content)

  557.             }

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

  559.             console.log(err);

  560.         });

  561.     }

  562. }

  563. function renderSize(value){

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

  565.         return "0 Bytes";

  566.     }

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

  568.     var index=0;

  569.     var srcsize = parseFloat(value);

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

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

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

  573.     return size+unitArr[index];

  574. }

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

  576.     parents = parents || ''

  577.     filename = filename || ''

  578.     init = init || ''

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

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

  581.             renderDir(data,version_name)

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

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

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

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

  586.                 let htmlBread = ""

  587.                 htmlBread += `<div class='active section'>result</div>`

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

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

  590.             }else{

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

  592.             }

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

  594.             console.log(err,version_name);

  595.         });

  596.     

  597. }

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

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

  600.         let htmlBrend = ""

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

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

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

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

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

  606.         }else{

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

  608.         }

  609.         

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

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

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

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

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

  615.     }else{

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

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

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

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

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

  621.     }

  622.     

  623. }

  624. function renderDir(data,version_name){

  625.     let html=""

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

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

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

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

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

  631.         html += '<tbody>'

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

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

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

  635.             html += "<tr>"

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

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

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

  639.             html += "</span>"

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

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

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

  643.             }else{

  644.                 html += `<a href="${location.href}/result_download?version_name=${version_name}&file_name=${data.Dirs[i].FileName}&parent_dir=${data.Dirs[i].ParenDir}">`

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

  646.             }

  647.             html += '</a>'

  648.             html += "</span>"

  649.             html += "</td>"

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

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

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

  653.             }else{

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

  655.             }

  656.             

  657.             html += "</td>"

  658. 

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

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

  661.             html += "</td>"

  662.             html += "</tr>"

  663.             

  664.         }

  665.         html += "</tbody>"

  666.         html += "</table>"

  667.         html += "</div>"

  668.         html += "</div>"

  669.         html += "</div>"

  670.         html += "</div>"

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

  672. }

  673. </script>