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/modelarts/inferencejob/show.tmpl

413 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 class="repository">

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

  11.     <div class="ui container">

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

  13.             <div class="ui breadcrumb">

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

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

  16.                 </a>

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

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

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

  20.                 </a>

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

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

  23. 			</div>

  24.         </h4>

  25.         {{with .task}}

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

  27.             data-repopath="{{$.RepoRelPath}}/modelarts/inference-job" data-jobid="{{.JobID}}" data-version="{{.VersionName}}">

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

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

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

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

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

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

  34.                             <span>

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

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

  37. 

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

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

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

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

  42.                                     </span>

  43.                                     <span

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

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

  46.                                         id="{{.VersionName}}-duration-span">{{.TrainJobDuration}}</span>

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

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

  49. 

  50.                                 </div>

  51.                             </span>

  52.                         </span>

  53.                     </div>

  54.                 </div>

  55.             </div>

  56.             <div class="active content">

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

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

  59. 

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

  61.                             <a class="item log_bottom" data-tab="second" data-version="{{.VersionName}}">{{$.i18n.Tr "repo.modelarts.log"}}</a>

  62.                             <a class="item load-model-file" data-tab="third" data-download-flag="{{$.canDownload}}" data-path="{{$.RepoLink}}/modelarts/inference-job/{{.JobID}}/result_list" data-version="{{.VersionName}}" data-parents="" data-filename="" data-init="init" >{{$.i18n.Tr "repo.model_download"}}</a>

  63.                         </div>

  64. 

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

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

  67.                                 <div class="tab_2_content">

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

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

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

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

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

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

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

  75.                                                         </td>

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

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

  78.                                                                 {{.DisplayJobName}}

  79.                                                             </div>

  80.                                                         </td>

  81.                                                     </tr>

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

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

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

  85.                                                         </td>

  86. 

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

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

  89.                                                                 {{.Status}}

  90.                                                             </div>

  91.                                                         </td>

  92.                                                     </tr>

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

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

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

  96.                                                         </td>

  97. 

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

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

  100.                                                                 {{.VersionName}}

  101.                                                             </div>

  102.                                                         </td>

  103.                                                     </tr> -->

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

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

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

  107.                                                         </td>

  108. 

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

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

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

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

  113.                                                                     {{TimeSinceUnix1 .StartTime}}

  114.                                                                 {{else}}

  115.                                                                     --

  116.                                                                 {{end}}

  117.                                                                 </span>

  118.                                                             </div>

  119.                                                         </td>

  120.                                                     </tr>

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

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

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

  124.                                                         </td>

  125. 

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

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

  128.                                                                 {{.TrainJobDuration}}

  129.                                                             </div>

  130.                                                         </td>

  131.                                                     </tr>

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

  133. 

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

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

  136.                                                         </td>

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

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

  139.                                                             {{.EngineName}}

  140.                                                             </div>

  141.                                                         </td>

  142. 

  143.                                                     </tr>

  144. 

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

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

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

  148.                                                         </td>

  149. 

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

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

  152.                                                                 {{if .Description}}

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

  154.                                                                 {{else}}

  155.                                                                 <span>--</span>

  156.                                                                 {{end}}

  157.                                                             </div>

  158.                                                         </td>

  159.                                                     </tr>

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

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

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

  163.                                                         </td>

  164. 

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

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

  167.                                                                 {{$.userName}}

  168.                                                             </div>

  169.                                                         </td>

  170.                                                     </tr>

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

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

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

  174.                                                         </td>

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

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

  177.                                                                 {{.WorkServerNumber}}

  178.                                                             </div>

  179.                                                         </td>

  180.                                                     </tr>

  181.                                                 </tbody>

  182.                                             </table>

  183.                                         </div>

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

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

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

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

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

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

  190.                                                             </td>

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

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

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

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

  195. 

  196.                                                                 </div>

  197.                                                             </td>

  198.                                                         </tr>

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

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

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

  202.                                                             </td>

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

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

  205.                                                                     {{.CkptName}}

  206.                                                                 </div>

  207.                                                             </td>

  208.                                                         </tr>

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

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

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

  212.                                                             </td>

  213. 

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

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

  216. 

  217.                                                                     {{if .LabelName}}

  218.                                                                         {{range $.labelName}}

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

  220.                                                                         {{end}}

  221.                                                                     {{else}}

  222.                                                                     <span>--</span>

  223.                                                                     {{end}}

  224.                                                                 </div>

  225.                                                             </td>

  226.                                                         </tr>

  227. 

  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.code_version"}}

  231.                                                             </td>

  232. 

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

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

  235.                                                                     {{.BranchName}}

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

  237.                                                                 </div>

  238.                                                             </td>

  239.                                                         </tr>

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

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

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

  243.                                                             </td>

  244. 

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

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

  247.                                                                     {{.BootFile}}

  248.                                                                 </div>

  249.                                                             </td>

  250.                                                         </tr>

  251.                                                         

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

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

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

  255.                                                             </td>

  256. 

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

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

  259.                                                                     {{if .Parameters}}

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

  261.                                                                     {{else}}

  262.                                                                     <span>--</span>

  263.                                                                     {{end}}

  264.                                                                 </div>

  265.                                                             </td>

  266.                                                         </tr>

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

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

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

  270.                                                             </td>

  271. 

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

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

  274.                                                             </td>

  275.                                                         </tr>

  276.                                                     </tbody>

  277.                                                 </table>

  278.                                             </div>

  279.                                     </div>

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

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

  282.                                         <thead>

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

  284.                                         </tr></thead>

  285.                                         <tbody>

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

  287.                                             <tr>

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

  289.                                                  {{if eq .IsDelete true}}

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

  291.                                                  {{else}}

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

  293.                                                  {{end}}

  294.                                                 

  295.                                                 </td>

  296.                                             </tr>

  297.                                                                     

  298.                                             {{end}}				

  299. 

  300.                                         </tbody>

  301.                                         </table>

  302. 							        </div>

  303.                                 </div>

  304. 

  305.                             </div>

  306.                         </div>

  307. 

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

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

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

  311.                                     class='{{if  and ($.canDownload) (eq .Status "KILLED" "FAILED" "START_FAILED" "STOPPED" "COMPLETED") }}ti-download-file{{else}}disabled{{end}} file-info'

  312.                                     href="{{$.RepoLink}}/modelarts/train-job/{{.JobID}}/download_log_file?version_name={{.VersionName}}">

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

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

  315.                                 </a>

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

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

  318.                                     data-log-down="{{$.i18n.Tr "repo.modelarts.download_log"}}" data-href="{{$.RepoLink}}/modelarts/train-job/{{.JobID}}/download_log_file?version_name={{.VersionName}}"

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

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

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

  322.                                 </div>

  323.                             </div>

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

  325.                                     <span>

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

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

  328.                                     </span>

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

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

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

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

  333.                                     </span>

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

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

  336.                                 </div>

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

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

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

  340.                                     </div>

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

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

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

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

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

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

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

  348.                                 </div>

  349. 

  350.                             </div>

  351. 

  352.                         </div>

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

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

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

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

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

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

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

  360.         

  361.                                 </div>

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

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

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

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

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

  367.                                  </a>

  368.                             </div>

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

  370. 

  371.                             </div>

  372.                         </div>

  373. 

  374.                 </div>

  375.             </div>

  376.         </div>

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

  378.         {{end}}

  379.     </div>

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

  381. </div>

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

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

  384. <script>

  385. console.log('{{$.canDownload}}')

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

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

  388. });

  389. let userName

  390. let repoPath

  391. let jobID

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

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

  394.     let url = window.location.href;

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

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

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

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

  399. })

  400.     ;(function() {

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

  402.         var showPoint = false;

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

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

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

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

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

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

  409.         });

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

  411.     })();

  412. </script>