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

433 lines
27 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 backTodeBug" href="{{.RepoLink}}/debugjob?debugListType=all">

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

  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 class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}：

  48.                                     </span>

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

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

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

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

  53.                                     </span>

  54.                                 </div>

  55.                             </span>

  56.                         </span>

  57.                     </div>

  58.                 </div>

  59.             </div>

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

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

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

  63.                         <a class="active item"

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

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

  66.                             onclick="javascript:parseLog()">{{$.i18n.Tr "repo.cloudbrain.runinfo"}}</a>

  67.                     </div>

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

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

  70.                             <div class="tab_2_content">

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

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

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

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

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

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

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

  78.                                                     </td>

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

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

  81.                                                             {{.DisplayJobName}}

  82.                                                         </div>

  83.                                                     </td>

  84.                                                 </tr>

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

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

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

  88.                                                     </td>

  89. 

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

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

  92.                                                             {{.Status}}

  93.                                                         </div>

  94.                                                     </td>

  95.                                                 </tr>

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

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

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

  99.                                                     </td>

  100. 

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

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

  103.                                                             {{.User.Name}}

  104.                                                         </div>

  105.                                                     </td>

  106.                                                 </tr>

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

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

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

  110.                                                     </td>

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

  112.                                                         <div class="text-span text-span-w" id="{{.VersionName}}-code">

  113.                                                             {{.BranchName}}

  114.                                                             {{if not .BootFile}}

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

  116.                                                             {{end}}

  117.                                                         </div>

  118.                                                     </td>

  119.                                                 </tr>

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

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

  122.                                                         {{$.i18n.Tr "repo.modelarts.computing_resources"}}

  123.                                                     </td>

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

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

  126.                                                             id="{{.VersionName}}-computeresource">

  127.                                                             {{.ComputeResource}}

  128.                                                         </div>

  129.                                                     </td>

  130.                                                 </tr>

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

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

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

  134.                                                     </td>

  135. 

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

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

  138.                                                             id="{{.VersionName}}-createtime">

  139.                                                             {{TimeSinceUnix1 .CreatedUnix}}

  140.                                                         </div>

  141.                                                     </td>

  142.                                                 </tr>

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

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

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

  146.                                                     </td>

  147. 

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

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

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

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

  152.                                                             {{TimeSinceUnix1 .StartTime}}

  153.                                                             {{else}}

  154.                                                             --

  155.                                                             {{end}}

  156.                                                         </div>

  157.                                                     </td>

  158.                                                 </tr>

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

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

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

  162.                                                     </td>

  163. 

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

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

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

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

  168.                                                             {{TimeSinceUnix1 .EndTime}}

  169.                                                             {{else}}

  170.                                                             --

  171.                                                             {{end}}

  172.                                                         </div>

  173.                                                     </td>

  174.                                                 </tr>

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

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

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

  178.                                                     </td>

  179. 

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

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

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

  183.                                                             {{$.duration}}

  184.                                                         </div>

  185.                                                     </td>

  186.                                                 </tr>

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

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

  189.                                                         {{$.i18n.Tr "cloudbrain.description"}}

  190.                                                     </td>

  191. 

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

  193.                                                         <div class="text-span-new" id="model_description">

  194.                                                             {{.Description}}

  195.                                                         </div>

  196.                                                     </td>

  197.                                                 </tr>

  198.                                             </tbody>

  199.                                         </table>

  200.                                     </div>

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

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

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

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

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

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

  207.                                                     </td>

  208. 

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

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

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

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

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

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

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

  216.                                                                 data-variation="inverted tiny"

  217.                                                             >

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

  219.                                                             </span>

  220.                                                         </div>

  221.                                                     </td>

  222.                                                 </tr>

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

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

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

  226.                                                     </td>

  227. 

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

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

  230.                                                     </td>

  231.                                                 </tr>

  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.                                                 <tr class="ti-no-ng-animate">

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

  261.                                                         {{$.i18n.Tr "cloudbrain.code_storage_path"}}

  262.                                                     </td>

  263. 

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

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

  266.                                                             {{$.code_path}}

  267.                                                         </div>

  268.                                                     </td>

  269.                                                 </tr>

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

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

  272.                                                         {{$.i18n.Tr "cloudbrain.dataset_storage_path"}}

  273.                                                     </td>

  274. 

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

  276.                                                         <div class="text-span text-span-w" id="dataset_storage_path">

  277.                                                             {{$.dataset_path}}

  278.                                                         </div>

  279.                                                     </td>

  280.                                                 </tr>

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

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

  283.                                                         {{$.i18n.Tr "cloudbrain.model_storage_path"}}

  284.                                                     </td>

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

  286.                                                         <div class="text-span text-span-w" id="code_storage_path">

  287.                                                             /pretrainmodel

  288.                                                         </div>

  289.                                                     </td>

  290.                                                 </tr>

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

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

  293.                                                         {{$.i18n.Tr "cloudbrain.output_storage_path"}}

  294.                                                     </td>

  295. 

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

  297.                                                         <div class="text-span text-span-w" id="model_storage_path">

  298.                                                             {{$.model_path}}

  299.                                                         </div>

  300.                                                     </td>

  301.                                                 </tr>

  302.                                             </tbody>

  303.                                         </table>

  304.                                     </div>

  305.                                 </div>

  306.                             </div>

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

  308.                                 {{if $.datasetDownload}}

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

  310. 								<thead>

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

  312. 								</tr></thead>

  313. 								<tbody>

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

  315.                                       <tr>

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

  317.                                          {{if eq .IsDelete true}}

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

  319.                                          {{else}}

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

  321.                                          {{end}}

  322.                                          </td>

  323. 									   </tr>

  324.                                                                

  325.                                      {{end}}				

  326. 

  327. 								</tbody>

  328. 								</table>

  329.                                 {{end}}

  330. 							  </div>

  331.                         </div>

  332.                     </div>

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

  334.                         <div>

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

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

  337.                             </div>

  338.                             <div class="ui attached  log" id="log{{.VersionName}}"

  339.                                 style="height: 390px !important; overflow: auto;">

  340.                                 <input type="hidden" id="json_value" value="{{$.result.JobStatus.AppExitDiagnostics}}">

  341.                                 <span id="info_display" class="info_text">

  342. 

  343.                                 </span>

  344.                             </div>

  345. 

  346.                         </div>

  347. 

  348.                     </div>

  349. 

  350.                 </div>

  351.             </div>

  352.         </div>

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

  354.     </div>

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

  356.     <div id="deletemodel">

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

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

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

  360.             </div>

  361. 

  362.             <div class="content">

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

  364.             </div>

  365.             <div class="actions">

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

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

  368.                 </div>

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

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

  371.                 </div>

  372.             </div>

  373.         </div>

  374.     </div>

  375. 

  376. 

  377. </div>

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

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

  380. <script>

  381.     

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

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

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

  385.     });

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

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

  388.     });

  389. 

  390.     function parseLog() {

  391.         let jsonValue = document.getElementById("json_value").value;

  392.         let jsonObj = JSON.parse(jsonValue);

  393.         let podRoleName = jsonObj["podRoleName"];

  394.         let html = "";

  395.         if (podRoleName != null) {

  396.             let task0 = podRoleName["task1-0"];

  397.             let podEvents = jsonObj["podEvents"];

  398.             let podEventArray = podEvents[task0];

  399.             if (podEventArray != null) {

  400.                 for (var i = 0; i < podEventArray.length; i++) {

  401.                     if (podEventArray[i]["reason"] != "") {

  402.                         html += "<p><b>[" + podEventArray[i]["reason"] + "]</b></p>";

  403.                         html += "<p>" + podEventArray[i]["message"] + "</p>";

  404.                         html += "<p>" + podEventArray[i]["action"] + "</p>";

  405.                     }

  406.                 }

  407.             }

  408.             let extras = jsonObj["extras"];

  409.             if (extras != null) {

  410.                 for (var i = 0; i < extras.length; i++) {

  411.                     if (extras[i]["reason"] != "") {

  412.                         html += "<p><b>[" + extras[i]["reason"] + "]</b></p>";

  413.                         html += "<p>" + extras[i]["message"] + "</p>";

  414.                         html += "<p>" + extras[i]["action"] + "</p>";

  415.                     }

  416.                 }

  417.             }

  418.         }

  419.         document.getElementById("info_display").innerHTML = html;

  420.     }

  421.     ;(function() {

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

  423.         var showPoint = false;

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

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

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

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

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

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

  430.         });

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

  432.     })();

  433. </script>