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

469 lines
29 kB
Raw Blame History 

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

  2. <div id="mask">

  3.     <div id="loadingPage">

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

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

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

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

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

  9.     </div>

  10. </div>

  11. <div class="repository">

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

  13.     <div class="ui container">

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

  15.             <div class="ui breadcrumb">

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

  17.                     {{$.i18n.Tr "repo.cloudbrain"}}

  18.                 </a>

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

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

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

  22.                 </a>

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

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

  25.             </div>

  26.         </h4>

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

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

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

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

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

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

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

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

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

  36.                             <span>

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

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

  39.                                         <td>{{TimeSinceUnix1 .CreatedUnix}}</td>

  40.                                     </span>

  41. 

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

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

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

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

  46.                                     </span>

  47.                                     <span

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

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

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

  51. 

  52.                                 </div>

  53.                             </span>

  54.                         </span>

  55.                     </div>

  56.                 </div>

  57.             </div>

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

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

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

  61.                         <a class="active item"

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

  63.             

  64.                         <a class="item log_bottom" data-tab="second{{$k}}"

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

  66.                     </div>

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

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

  69.                             <div class="tab_2_content">

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

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

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

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

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

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

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

  77.                                                     </td>

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

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

  80.                                                             {{.DisplayJobName}}

  81.                                                         </div>

  82.                                                     </td>

  83.                                                 </tr>

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

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

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

  87.                                                     </td>

  88. 

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

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

  91.                                                             {{.Status}}

  92.                                                         </div>

  93.                                                     </td>

  94.                                                 </tr>

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

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

  97.                                                         {{$.i18n.Tr "repo.modelarts.createtime"}}

  98.                                                     </td>

  99. 

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

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

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

  103.                                                                 {{TimeSinceUnix1 .CreatedUnix}}

  104.                                                             </span>

  105.                                                         </div>

  106.                                                     </td>

  107.                                                 </tr>

  108. 

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

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

  111.                                                         {{$.i18n.Tr "repo.cloudbrain.time.starttime"}}

  112.                                                     </td>

  113. 

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

  115.                                                         <div class="text-span text-span-w"

  116.                                                             id="{{.VersionName}}-startTime">

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

  118.                                                             {{TimeSinceUnix1 .StartTime}}

  119.                                                             {{else}}

  120.                                                             --

  121.                                                             {{end}}

  122.                                                         </div>

  123.                                                     </td>

  124.                                                 </tr>

  125. 

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

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

  128.                                                         {{$.i18n.Tr "repo.cloudbrain.time.endtime"}}

  129.                                                     </td>

  130. 

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

  132.                                                         <div class="text-span text-span-w"

  133.                                                             id="{{.VersionName}}-EndTime">

  134.                                                             {{if not (eq .EndTime 0)}}

  135.                                                             {{TimeSinceUnix1 .EndTime}}

  136.                                                             {{else}}

  137.                                                             --

  138.                                                             {{end}}

  139.                                                         </div>

  140.                                                     </td>

  141.                                                 </tr>

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

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

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

  145.                                                     </td>

  146. 

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

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

  149.                                                             id="{{.VersionName}}-duration">

  150.                                                             {{$.duration}}

  151.                                                         </div>

  152.                                                     </td>

  153.                                                 </tr>

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

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

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

  157.                                                     </td>

  158. 

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

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

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

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

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

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

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

  166.                                                                 data-variation="inverted tiny"

  167.                                                             >

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

  169.                                                             </span>

  170.                                                         </div>

  171.                                                     </td>

  172.                                                 </tr>

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

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

  175.                                                         {{$.i18n.Tr "repo.cloudbrain.benchmark.evaluate_scenes"}}

  176. 

  177.                                                     </td>

  178. 

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

  180.                                                         <div class="text-span text-span-w"

  181.                                                             id="{{.VersionName}}-BenchmarkTypeName">

  182.                                                             {{.BenchmarkType}}

  183.                                                         </div>

  184.                                                     </td>

  185.                                                 </tr>

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

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

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

  189. 

  190.                                                     </td>

  191. 

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

  193.                                                         <div class="text-span text-span-w"

  194.                                                             id="{{.VersionName}}-BenchmarkTypeName">

  195.                                                             {{.BenchmarkTypeName}}

  196.                                                         </div>

  197.                                                     </td>

  198.                                                 </tr>

  199. 

  200. 

  201. 

  202.                                             </tbody>

  203.                                         </table>

  204.                                     </div>

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

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

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

  208. 

  209.                                                 {{if eq .JobType "BENCHMARK"}}

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

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

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

  213.                                                     </td>

  214. 

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

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

  217.                                                             train.py

  218.                                                         </div>

  219.                                                     </td>

  220.                                                 </tr>

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

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

  223.                                                         {{$.i18n.Tr "repo.cloudbrain.benchmark.evaluate_test"}}

  224.                                                     </td>

  225. 

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

  227.                                                             test.py

  228.                                                         </div>

  229.                                                     </td>

  230.                                                 </tr>

  231.                                                 {{else}}

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

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

  234.                                                         {{$.i18n.Tr "repo.modelarts.model_name"}}

  235.                                                     </td>

  236. 

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

  238.                                                         <div class="text-span text-span-w">{{if .ModelName}}{{.ModelName}}{{else}}--{{end}}</div>

  239.                                                     </td>

  240.                                                 </tr>

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

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

  243.                                                         {{$.i18n.Tr "repo.modelconvert.modelversion"}}

  244.                                                     </td>

  245. 

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

  247.                                                         <div class="text-span text-span-w">{{if .ModelVersion}}{{.ModelVersion}}{{else}}--{{end}}</div>

  248.                                                     </td>

  249.                                                 </tr>

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

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

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

  253.                                                     </td>

  254. 

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

  256.                                                         <div class="text-span text-span-w">{{if .CkptName}}{{.CkptName}}{{else}}--{{end}}</div>

  257.                                                     </td>

  258.                                                 </tr>

  259.                                                 {{end}}

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

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

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

  263.                                                     </td>

  264. 

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

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

  267.                                                             {{if .Description}}

  268.                                                             {{.Description}}

  269.                                                             {{else}}

  270.                                                             --

  271.                                                             {{end}}

  272.                                                         </div>

  273.                                                     </td>

  274.                                                 </tr>

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

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

  277.                                                         {{$.i18n.Tr "cloudbrain.gpu_type"}}

  278.                                                     </td>

  279. 

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

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

  282.                                                     </td>

  283.                                                 </tr>

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

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

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

  287.                                                     </td>

  288. 

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

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

  291.                                                     </td>

  292.                                                 </tr>

  293.                                                 

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

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

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

  297.                                                     </td>

  298. 

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

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

  301.                                                             {{if .User}}

  302.                                                             {{.User.Name}}

  303.                                                             {{else}}

  304.                                                             --

  305.                                                             {{end}}

  306.                                                         </div>

  307.                                                     </td>

  308.                                                 </tr>

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

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

  311.                                                         {{if eq .BenchmarkTypeName "BRAINSCORE"}}

  312.                                                         {{$.i18n.Tr "cloudbrain.brain_area"}}

  313.                                                         {{else}}

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

  315.                                                         {{end}}

  316.                                                     </td>

  317. 

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

  319.                                                         <div class="text-span text-span-w"

  320.                                                             id="{{.VersionName}}-BenchmarkChildTypeName">

  321. 

  322.                                                             {{if $.BenchmarkChildTypeName}}

  323.                                                             {{$.BenchmarkChildTypeName}}

  324.                                                             {{else}}

  325.                                                             --

  326.                                                             {{end}}

  327.                                                         </div>

  328.                                                     </td>

  329.                                                 </tr>

  330. 

  331.                                             </tbody>

  332.                                         </table>

  333.                                     </div>

  334.                                 </div>

  335.                             </div>

  336.                             <div style="clear: both;"></div>

  337.                         </div>

  338.                     </div>

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

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

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

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

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

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

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

  346.                              </a>

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

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

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

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

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

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

  353.                             </div>

  354.                          </div>

  355.                          <div

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

  357.                              <span>

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

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

  360.                              </span>

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

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

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

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

  365.                              </span>

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

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

  368.                              </div>

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

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

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

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

  373.                                 </div>

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

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

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

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

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

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

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

  381.                              </div>

  382.  

  383.                          </div>

  384.                          

  385.  

  386.                      </div>

  387. 

  388.                 </div>

  389.             </div>

  390.         </div>

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

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

  393.     </div>

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

  395.     <div id="deletemodel">

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

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

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

  399.             </div>

  400. 

  401.             <div class="content">

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

  403.             </div>

  404.             <div class="actions">

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

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

  407.                 </div>

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

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

  410.                 </div>

  411.             </div>

  412.         </div>

  413.     </div>

  414. 

  415. 

  416. </div>

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

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

  419. <script>

  420. ;(function() {

  421.     var SPEC = {{ $.Spec }};        

  422.     var showPoint = false;

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

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

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

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

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

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

  429.     });

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

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

  432. })();

  433. </script>

  434. <script>

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

  436. 

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

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

  439.     });

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

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

  442.     });

  443. 

  444.     let userName

  445.     let repoPath

  446.     let jobName

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

  448.         let url = window.location.href;

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

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

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

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

  453.     })

  454. 

  455.     function loadLog(version_name) {

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

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

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

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

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

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

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

  463.             console.log(err);

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

  465.         });

  466.     }

  467. 

  468.     

  469. </script>