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

472 lines
20 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 id="mask">

  165.     <div id="loadingPage">

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

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

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

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

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

  171.     </div>

  172. </div>

  173. <div class="repository">

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

  175.     <div class="ui container">

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

  177.             <div class="ui breadcrumb">

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

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

  180.                 </a>

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

  182.                 <a class="section" href="{{$.RepoLink}}/cloudbrain/benchmark">

  183.                     {{$.i18n.Tr "repo.modelarts.evaluate_job"}}

  184.                 </a>

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

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

  187. 			</div>

  188.         </h4>

  189.         {{range $k ,$v := .version_list_task}}

  190.         <div class="ui accordion border-according"  id="accordion{{.VersionName}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}" data-version="{{.VersionName}}">

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

  192.             <div class="{{if eq $k 0}}active{{end}} title padding0">

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

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

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

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

  197.                             <span>

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

  199.                                     <span class="cti-mgRight-sm">

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

  201. 										 <td>{{TimeSinceUnix1 .StartTime}}</td>

  202. 										{{else}}

  203. 										 <td>{{TimeSinceUnix1 .CreatedUnix}}<td>

  204. 										{{end}}

  205. 									</span>

  206. 

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

  208.                                         <span id="{{.VersionName}}-status-span"><i id="icon" style="vertical-align: middle;" class="{{.Status}}"></i><span id="text" style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>

  209.                                     </span>

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

  211.                                     <span class="cti-mgRight-sm uc-accordionTitle-black" id="{{.VersionName}}-duration-span">{{$.duration}}</span>

  212. 

  213.                                 </div>

  214.                             </span>

  215.                         </span>

  216.                     </div>

  217.                 </div>

  218.             </div>

  219.             <div class="{{if eq $k 0}}active{{end}} content">

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

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

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

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

  224.                     </div>

  225.                     <div class="ui tab active" data-tab="first{{$k}}">

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

  227.                             <div class="tab_2_content">

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

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

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

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

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

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

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

  235.                                                     </td>

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

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

  238.                                                             {{.DisplayJobName}}

  239.                                                         </div>

  240.                                                     </td>

  241.                                                 </tr>

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

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

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

  245.                                                     </td>

  246. 

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

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

  249.                                                             {{.Status}}

  250.                                                         </div>

  251.                                                     </td>

  252.                                                 </tr>

  253. 

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

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

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

  257.                                                     </td>

  258. 

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

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

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

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

  263. 																 {{TimeSinceUnix1 .StartTime}}

  264. 																{{else}}

  265. 																{{TimeSinceUnix1 .CreatedUnix}}

  266. 																{{end}}

  267.                                                             </span>

  268.                                                         </div>

  269.                                                     </td>

  270.                                                 </tr>

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

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

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

  274.                                                     </td>

  275. 

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

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

  278.                                                             {{$.duration}}

  279.                                                         </div>

  280.                                                     </td>

  281.                                                 </tr>

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

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

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

  285.                                                     </td>

  286. 

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

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

  289.                                                             {{.Image}}

  290.                                                         </div>

  291.                                                     </td>

  292.                                                 </tr>

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

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

  295.                                                         {{$.i18n.Tr "repo.cloudbrain.benchmark.evaluate_type"}}

  296.                                                         

  297.                                                     </td>

  298. 

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

  300.                                                         <div class="text-span text-span-w" id="{{.VersionName}}-BenchmarkTypeName">

  301.                                                             {{$.BenchmarkTypeName}}

  302.                                                         </div>

  303.                                                     </td>

  304.                                                 </tr>

  305. 

  306. 

  307.                                             </tbody>

  308.                                         </table>

  309.                                     </div>

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

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

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

  313. 

  314. 

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

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

  317.                                                             {{$.i18n.Tr "repo.cloudbrain.benchmark.evaluate_train"}}

  318.                                                         </td>

  319. 

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

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

  322.                                                                 train.py

  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.cloudbrain.benchmark.evaluate_test"}}

  329.                                                         </td>

  330. 

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

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

  333.                                                                 test.py

  334.                                                             </div>

  335.                                                         </td>

  336.                                                     </tr>

  337. 

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

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

  340.                                                             {{$.i18n.Tr "repo.modelarts.train_job.description"}}

  341.                                                         </td>

  342. 

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

  344.                                                             <div class="text-span text-span-w" title="{{.Description}}">

  345.                                                                 {{.Description}}

  346.                                                             </div>

  347.                                                         </td>

  348.                                                     </tr>

  349. 

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

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

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

  353.                                                         </td>

  354. 

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

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

  357.                                                                 {{$.resource_spec}}

  358.                                                             </div>

  359.                                                         </td>

  360.                                                     </tr>

  361. 

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

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

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

  365.                                                         </td>

  366. 

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

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

  369.                                                                 {{.User.Name}}

  370.                                                             </div>

  371.                                                         </td>

  372.                                                     </tr>

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

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

  375.                                                         {{$.i18n.Tr "repo.cloudbrain.benchmark.evaluate_child_type"}}

  376.                                                     </td>

  377. 

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

  379.                                                         <div class="text-span text-span-w" id="{{.VersionName}}-BenchmarkChildTypeName">

  380.                                                             {{$.BenchmarkChildTypeName}}

  381.                                                         </div>

  382.                                                     </td>

  383.                                                     </tr>

  384.                                                 </tbody>

  385.                                             </table>

  386.                                         </div>

  387.                                 </div>

  388.                             </div>

  389. 

  390.                         </div>

  391.                     </div>

  392.                     <div class="ui tab" data-tab="second{{$k}}">

  393.                         <div>

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

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

  396.                             </div>

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

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

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

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

  401.                             </div>

  402. 

  403.                         </div>

  404. 

  405.                     </div>

  406. 

  407.                 </div>

  408.             </div>

  409.         </div>

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

  411.     </div>

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

  413.     <div id="deletemodel">

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

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

  416.                 <i class="trash icon"></i> {{.i18n.Tr "cloudbrain.delete_task"}}

  417.             </div>

  418. 

  419.             <div class="content">

  420.                 <p>{{.i18n.Tr "cloudbrain.task_delete_confirm"}}</p>

  421.             </div>

  422.             <div class="actions">

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

  424.                     <i class="remove icon"></i> {{.i18n.Tr "cloudbrain.operate_cancel"}}

  425.                 </div>

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

  427.                     <i class="checkmark icon"></i> {{.i18n.Tr "cloudbrain.operate_confirm"}}

  428.                 </div>

  429.             </div>

  430.         </div>

  431.     </div>

  432. 

  433. 

  434. </div>

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

  436. 

  437. <script>

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

  439. 

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

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

  442.     });

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

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

  445.     });

  446. 

  447.     let userName

  448.     let repoPath

  449.     let jobName

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

  451.         let url = window.location.href;

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

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

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

  455.         jobName = urlArr.slice(-1)[0]

  456.     })

  457. 

  458.     function loadLog(version_name){

  459.         document.getElementById("mask").style.display = "block"

  460.         $.get(`/api/v1/repos/${userName}/${repoPath}/cloudbrain/${jobName}/log?version_name=${version_name}&lines=50&order=asc`, (data) => {

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

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

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

  464.             document.getElementById("mask").style.display = "none"

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

  466.             console.log(err);

  467.             document.getElementById("mask").style.display = "none"

  468.         });

  469.     }

  470. 

  471. </script>