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

534 lines
28 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}}/debugjob?debugListType=all">

  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">{{.displayJobName}}</div>

  178. 			</div>

  179.         </h4>

  180.         {{with .task}}

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

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

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

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

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

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

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

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

  189.                             <span>

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

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

  192. 

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

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

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

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

  197.                                     </span>

  198.                                     <span

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

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

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

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

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

  204. 

  205.                                 </div>

  206.                             </span>

  207.                         </span>

  208.                     </div>

  209.                 </div>

  210.             </div>

  211.             <div class="active content">

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

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

  214. 

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

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

  217.                             <a class="item load-model-file" data-tab="third" 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>

  218.                         </div>

  219. 

  220.                         <div class="ui tab active" data-tab="first" style="height:400px">

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

  222.                                 <div class="tab_2_content">

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

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

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

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

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

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

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

  230.                                                         </td>

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

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

  233.                                                                 {{.DisplayJobName}}

  234.                                                             </div>

  235.                                                         </td>

  236.                                                     </tr>

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

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

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

  240.                                                         </td>

  241. 

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

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

  244.                                                                 {{.Status}}

  245.                                                             </div>

  246.                                                         </td>

  247.                                                     </tr>

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

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

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

  251.                                                         </td>

  252. 

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

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

  255.                                                                 {{.VersionName}}

  256.                                                             </div>

  257.                                                         </td>

  258.                                                     </tr> -->

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

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

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

  262.                                                         </td>

  263. 

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

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

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

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

  268.                                                                     {{TimeSinceUnix1 .StartTime}}

  269.                                                                     {{else}}

  270.                                                                     {{TimeSinceUnix1 .CreatedUnix}}

  271.                                                                     {{end}}

  272.                                                                 </span>

  273.                                                             </div>

  274.                                                         </td>

  275.                                                     </tr>

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

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

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

  279.                                                         </td>

  280. 

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

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

  283.                                                                 {{.TrainJobDuration}}

  284.                                                             </div>

  285.                                                         </td>

  286.                                                     </tr>

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

  288. 

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

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

  291.                                                         </td>

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

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

  294.                                                             {{.EngineName}}

  295.                                                             </div>

  296.                                                         </td>

  297. 

  298.                                                     </tr>

  299. 

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

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

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

  303.                                                         </td>

  304. 

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

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

  307.                                                                 {{if .Description}}

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

  309.                                                                 {{else}}

  310.                                                                 <span>--</span>

  311.                                                                 {{end}}

  312.                                                             </div>

  313.                                                         </td>

  314.                                                     </tr>

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

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

  317.                                                             创建人

  318.                                                         </td>

  319. 

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

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

  322.                                                                 {{$.userName}}

  323.                                                             </div>

  324.                                                         </td>

  325.                                                     </tr>

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

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

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

  329.                                                         </td>

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

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

  332.                                                                 {{.WorkServerNumber}}

  333.                                                             </div>

  334.                                                         </td>

  335.                                                     </tr>

  336.                                                 </tbody>

  337.                                             </table>

  338.                                         </div>

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

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

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

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

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

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

  345.                                                             </td>

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

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

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

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

  350. 

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

  357.                                                             </td>

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

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

  360.                                                                     {{.CkptName}}

  361.                                                                 </div>

  362.                                                             </td>

  363.                                                         </tr>

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

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

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

  367.                                                             </td>

  368. 

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

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

  371. 

  372.                                                                     {{if .LabelName}}

  373.                                                                         {{range $.labelName}}

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

  375.                                                                         {{end}}

  376.                                                                     {{else}}

  377.                                                                     <span>--</span>

  378.                                                                     {{end}}

  379.                                                                 </div>

  380.                                                             </td>

  381.                                                         </tr>

  382. 

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

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

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

  386.                                                             </td>

  387. 

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

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

  390.                                                                     {{.BranchName}}

  391.                                                                 </div>

  392.                                                             </td>

  393.                                                         </tr>

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

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

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

  397.                                                             </td>

  398. 

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

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

  401.                                                                     {{.BootFile}}

  402.                                                                 </div>

  403.                                                             </td>

  404.                                                         </tr>

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

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

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

  408.                                                             </td>

  409. 

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

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

  412.                                                                     {{.DatasetName}}

  413.                                                                 </div>

  414.                                                             </td>

  415.                                                         </tr>

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

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

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

  419.                                                             </td>

  420. 

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

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

  423.                                                                     {{if .Parameters}}

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

  425.                                                                     {{else}}

  426.                                                                     <span>--</span>

  427.                                                                     {{end}}

  428.                                                                 </div>

  429.                                                             </td>

  430.                                                         </tr>

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

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

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

  434.                                                             </td>

  435. 

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

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

  438.                                                                     {{.FlavorName}}

  439.                                                                 </div>

  440.                                                             </td>

  441.                                                         </tr>

  442.                                                     </tbody>

  443.                                                 </table>

  444.                                             </div>

  445.                                     </div>

  446.                                 </div>

  447. 

  448.                             </div>

  449.                         </div>

  450. 

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

  452.                             <div>

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

  454.                                     class='{{if eq .Status "KILLED" "FAILED" "START_FAILED" "STOPPED" "COMPLETED" }}ti-download-file{{else}}disabled{{end}}'

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

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

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

  458.                                 </a>

  459. 

  460.                             </div>

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

  462.                                     <span>

  463.                                         <a title="滚动到顶部" style="position: absolute; right: -32px;cursor: pointer;"

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

  465.                                     </span>

  466.                                     <span>

  467.                                         <a title="滚动到底部" style="position: absolute; bottom: 10px;right: -32px;cursor: pointer;"

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

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

  470.                                     </span>

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

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

  473.                                 </div>

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

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

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

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

  478.                                 </div>

  479. 

  480.                             </div>

  481. 

  482.                         </div>

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

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

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

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

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

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

  489. 

  490.                             </div>

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

  492. 

  493.                             </div>

  494.                         </div>

  495. 

  496.                 </div>

  497.             </div>

  498.         </div>

  499.         {{end}}

  500. 

  501. 

  502. 

  503. 

  504. 

  505.     </div>

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

  507. </div>

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

  509. <script>

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

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

  512. });

  513. let userName

  514. let repoPath

  515. let jobID

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

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

  518.     let url = window.location.href;

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

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

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

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

  523. })

  524. function loadLog(version_name){

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

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

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

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

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

  530.         console.log(err);

  531.     });

  532. }

  533. </script>