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

425 lines
28 kB
Raw Blame History 

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

  2. <style>

  3.     .model_file_bread {

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

  5.         padding-left: 1rem;

  6.         padding-top: 0.5rem;

  7.     }

  8. </style>

  9. <div id="mask">

  10.     <div id="loadingPage">

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

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

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

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

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

  16.     </div>

  17. </div>

  18. <div class="repository">

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

  20.     <div class="ui container">

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

  22.             <div class="ui breadcrumb">

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

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

  25.                 </a>

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

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

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

  29.                 </a>

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

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

  32.             </div>

  33.         </h4>

  34.         {{with .task}}

  35.         <div class="ui accordion border-according" id="accordion{{.VersionName}}"

  36.             data-repopath="{{$.RepoRelPath}}/cloudbrain" data-jobid="{{.ID}}" data-version="{{.VersionName}}">

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

  38.             <div class="active title padding0">

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

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

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

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

  43.                             <span>

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

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

  46. 

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

  48.                                         <span id="{{.VersionName}}-status-span"><i id="icon"

  49.                                                 style="vertical-align: middle;" class="{{.Status}}"></i><span id="text"

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

  51.                                     </span>

  52.                                     <span

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

  54.                                     <span class="cti-mgRight-sm uc-accordionTitle-black"

  55.                                         id="{{.VersionName}}-duration-span">{{$.duration}}</span>

  56.                                         <span class="refresh-status" data-tooltip="刷新" style="cursor: pointer;" data-inverted="" data-version="{{.VersionName}}"><i

  57. 										class="redo icon redo-color"></i></span>

  58. 

  59.                                 </div>

  60.                             </span>

  61.                         </span>

  62.                     </div>

  63.                 </div>

  64.             </div>

  65.             <div class="active content">

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

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

  68.                         <a class="active item"

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

  70.                         <a class="item log_bottom" data-tab="third"

  71.                             data-version="{{.VersionName}}">{{$.i18n.Tr "repo.modelarts.log"}}</a>

  72.                         <a class="item load-model-file" data-tab="four"

  73.                         data-gpu-flag="true" data-download-flag="{{$.canDownload}}" data-path="{{$.RepoLink}}/cloudbrain/inference-job/{{.JobID}}/result_list" data-version="{{.VersionName}}" data-parents="" data-filename="" data-init="init" >{{$.i18n.Tr "repo.model_download"}}</a>

  74.                     </div>

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

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

  77.                             <div class="tab_2_content">

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

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

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

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

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

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

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

  85.                                                     </td>

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

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

  88.                                                             {{.DisplayJobName}}

  89.                                                         </div>

  90.                                                     </td>

  91.                                                 </tr>

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

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

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

  95.                                                     </td>

  96. 

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

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

  99.                                                             {{.Status}}

  100.                                                         </div>

  101.                                                     </td>

  102.                                                 </tr>

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

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

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

  106.                                                     </td>

  107. 

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

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

  110.                                                             {{.VersionName}}

  111.                                                         </div>

  112.                                                     </td>

  113.                                                 </tr> -->

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

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

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

  117.                                                     </td>

  118. 

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

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

  121.                                                             <span style="font-size: 12px;" id="{{.VersionName}}-startTime">

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

  123.                                                                 {{TimeSinceUnix1 .StartTime}}

  124.                                                             {{else}}

  125.                                                                 --

  126.                                                             {{end}}

  127.                                                             </span>

  128.                                                         </div>

  129.                                                     </td>

  130.                                                 </tr>

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

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

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

  134.                                                     </td>

  135. 

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

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

  138.                                                             {{.TrainJobDuration}}

  139.                                                         </div>

  140.                                                     </td>

  141.                                                 </tr>

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

  143. 

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

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

  146.                                                     </td>

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

  148.                                                         <div class="text-span text-span-w"></div>

  149.                                                     </td>

  150. 

  151.                                                 </tr>

  152. 

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

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

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

  156.                                                     </td>

  157. 

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

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

  160.                                                             {{if .Description}}

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

  162.                                                             {{else}}

  163.                                                             <span>--</span>

  164.                                                             {{end}}

  165.                                                         </div>

  166.                                                     </td>

  167.                                                 </tr>

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

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

  170.                                                         {{$.i18n.Tr "repo.cloudbrain_creator"}}

  171.                                                     </td>

  172. 

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

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

  175.                                                             {{.User.Name}}

  176.                                                         </div>

  177.                                                     </td>

  178.                                                 </tr>

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

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

  181.                                                         {{$.i18n.Tr "cloudbrain.mirror"}}

  182.                                                     </td>

  183. 

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

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

  186.                                                             <span class="ui poping up clipboard"  data-position="top center" id="clipboard-btn" style="cursor:pointer" 

  187.                                                                 data-clipboard-text="{{.Image}}"

  188.                                                                 data-success="{{$.i18n.Tr "repo.copy_link_success"}}" 

  189.                                                                 data-error="{{$.i18n.Tr "repo.copy_link_error"}}"

  190.                                                                 data-content="{{$.i18n.Tr "repo.copy_link"}}"

  191.                                                                 data-variation="inverted tiny"

  192.                                                             >

  193.                                                             <span title="{{.Image}}">{{.Image}}</span> 

  194.                                                             </span>

  195.                                                         </div>

  196.                                                     </td>

  197.                                                 </tr>

  198.                                             </tbody>

  199.                                         </table>

  200.                                     </div>

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

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

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

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

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

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

  207.                                                         </td>

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

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

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

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

  212. 

  213.                                                             </div>

  214.                                                         </td>

  215.                                                     </tr>

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

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

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

  219.                                                         </td>

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

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

  222.                                                                 {{.CkptName}}

  223.                                                             </div>

  224.                                                         </td>

  225.                                                     </tr>

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

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

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

  229.                                                         </td>

  230. 

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

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

  233.                                                                 {{if .LabelName}}

  234.                                                                     {{range $.LabelName}}

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

  236.                                                                     {{end}}

  237.                                                                 {{else}}

  238.                                                                 <span>--</span>

  239.                                                                 {{end}}

  240.                                                             </div>

  241.                                                         </td>

  242.                                                     </tr>

  243. 

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

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

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

  247.                                                         </td>

  248. 

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

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

  251.                                                                 {{.BranchName}}

  252.                                                                 <span style="margin-left:1rem" class="ui label">{{SubStr .CommitID 0 10}}</span>

  253.                                                             </div>

  254.                                                         </td>

  255.                                                     </tr>

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

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

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

  259.                                                         </td>

  260. 

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

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

  263.                                                                 {{.BootFile}}

  264.                                                             </div>

  265.                                                         </td>

  266.                                                     </tr>

  267.                                                     

  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.train_job.run_parameter"}}

  271.                                                         </td>

  272. 

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

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

  275.                                                                 {{if .Parameters}}

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

  277.                                                                 {{else}}

  278.                                                                 <span>--</span>

  279.                                                                 {{end}}

  280.                                                             </div>

  281.                                                         </td>

  282.                                                     </tr>

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

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

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

  286.                                                         </td>

  287. 

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

  289.                                                             <div class="text-span text-span-w"></div>

  290.                                                         </td>

  291.                                                     </tr>

  292.                                                 </tbody>

  293.                                             </table>

  294.                                         </div>

  295.                                 </div>

  296.                                 <div style="clear:both">

  297.                                         <table style="border:none" class="ui fixed small stackable table">

  298.                                         <thead>

  299.                                             <tr><th style="color: #8a8e99;font-size:12px" class="three wide left aligned">{{$.i18n.Tr "dataset.file"}}</th>

  300.                                         </tr></thead>

  301.                                         <tbody>

  302.                                             {{range $m ,$n := $.datasetDownload}}

  303.                                             <tr>

  304.                                                 <td style="word-wrap: break-word;word-break: break-all;">

  305.                                                 {{if eq .IsDelete true}}

  306.                                                         {{.DatasetName}}({{$.i18n.Tr "dataset.file_deleted"}})

  307.                                                  {{else}}

  308.                                                         <a href="{{.RepositoryLink}}" target="_blank">{{.DatasetName}}</a>

  309.                                                  {{end}}

  310.                                                 </td>

  311.                                             </tr>

  312.                                                                     

  313.                                             {{end}}				

  314. 

  315.                                         </tbody>

  316.                                         </table>

  317. 							    </div>

  318.                             </div>

  319. 

  320.                         </div>

  321.                     </div>

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

  323.                         <div class="file-info">

  324.                              <a id="{{.VersionName}}-log-down"

  325.                                  class='{{if $.canDownload}}ti-download-file{{else}}disabled{{end}} file-info'

  326.                                  href="/api/v1/repos/{{$.RepoRelPath}}/cloudbrain/{{.ID}}/download_log_file">

  327.                                  <i class="ri-download-cloud-2-line"></i>

  328.                                  <span style="margin-left: 0.3rem;">{{$.i18n.Tr "repo.modelarts.download_log"}}</span>

  329.                              </a>

  330.                              <div class="file-info full-log-dialog" data-version="{{.VersionName}}" data-log="{{$.i18n.Tr "repo.modelarts.log_file"}}"  

  331.                                 data-exit="{{$.i18n.Tr "repo.modelarts.exit_full_screen"}}" style="margin-left: 1rem;color:#0366d6;cursor: pointer;"

  332.                                 data-log-down="{{$.i18n.Tr "repo.modelarts.download_log"}}" data-href="/api/v1/repos/{{$.RepoRelPath}}/cloudbrain/{{.ID}}/download_log_file"

  333.                                 data-scroll-top="{{$.i18n.Tr "repo.log_scroll_start"}}" data-scroll-bottom="{{$.i18n.Tr "repo.log_scroll_end"}}">

  334.                                 <i class="ri-aspect-ratio-line"></i>

  335.                                 <span style="margin-left: 0.3rem;">{{$.i18n.Tr "repo.modelarts.fullscreen_log_file"}}</span>

  336.                             </div>

  337.                          </div>

  338.                          <div

  339.                              style="position: relative;border: 1px solid rgba(0,0,0,.2);padding: 0 10px;margin-top: 10px;">

  340.                              <span>

  341.                                  <a title="{{$.i18n.Tr "repo.log_scroll_start"}}" style="position: absolute; right: -32px;cursor: pointer;"

  342.                                      class="log_top" data-version="{{.VersionName}}"><i class="icon-to-top"></i></a>

  343.                              </span>

  344.                              <span class="log-info-{{.VersionName}}">

  345.                                  <a title="{{$.i18n.Tr "repo.log_scroll_end"}}" style="position: absolute; bottom: 10px;right: -32px;cursor: pointer;"

  346.                                      class="log_bottom" data-version="{{.VersionName}}"><i

  347.                                          class="icon-to-bottom"></i></a>

  348.                              </span>

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

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

  351.                              </div>

  352.                              <div class="ui attached  log log-scroll" id="log{{.VersionName}}" data-version="{{.VersionName}}"

  353.                                 style="height: 300px !important; overflow: auto;">

  354.                                 <div class="ui inverted active dimmer">

  355.                                      <div class="ui loader"></div>

  356.                                 </div>

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

  358.                                 <input type="hidden" name="end_line-max" value>

  359.                                 <input type="hidden" name="start_line-max" value>

  360.                                 <input type="hidden" name="start_line-max-copy" value>

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

  362.                                 <input type="hidden" name="init_log" value>

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

  364.                              </div>

  365.  

  366.                          </div>

  367.                          

  368.  

  369.                      </div>

  370. 

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

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

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

  374.                         <div style="display: flex;justify-content: space-between;">

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

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

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

  378.     

  379.                             </div>

  380.                             <a id="{{.VersionName}}-result-down" style="padding-right: 1%;display: none;"

  381.                                  class='{{if $.canDownload}}ti-download-file{{else}}disabled{{end}} file-info'

  382.                                  href="{{$.RepoLink}}/cloudbrain/inference-job/{{.JobID}}/downloadall?version_name={{.VersionName}}">

  383.                                  <i class="ri-download-cloud-2-line"></i>

  384.                                  <span style="margin-left: 0.3rem;">{{$.i18n.Tr "repo.all_result_download"}}</span>

  385.                              </a>

  386.                         </div>

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

  388. 

  389.                         </div>

  390.                     </div>

  391. 

  392.                 </div>

  393.             </div>

  394.         </div>

  395.         {{template "custom/max_log" .}}

  396.         {{end}}

  397.     </div>

  398. 

  399. </div>

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

  401. <script src="{{StaticUrlPrefix}}/js/specsuse.js?v={{MD5 AppVer}}" type="text/javascript"></script>

  402. 

  403. <script>

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

  405. 

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

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

  408.     });

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

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

  411.     });

  412.     ;(function() {

  413.         var SPEC = {{ .Spec }};

  414.         var showPoint = false;

  415.         var specStr = window.renderSpecStr(SPEC, showPoint, {

  416.             gpu_memory: {{$.i18n.Tr "cloudbrain.gpu_memory"}},

  417.             free: {{$.i18n.Tr "cloudbrain.free"}},

  418.             point_hr: {{$.i18n.Tr "cloudbrain.point_hr"}},

  419.             memory: {{$.i18n.Tr "cloudbrain.memory"}},

  420.             shared_memory: {{$.i18n.Tr "cloudbrain.shared_memory"}},

  421.         });

  422.         $('td.ti-text-form-content.spec div').text(specStr);

  423.         SPEC && $('td.ti-text-form-content.resorce_type div').text(getListValueWithKey(ACC_CARD_TYPE, SPEC.AccCardType));

  424.     })();

  425. </script>