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

598 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. 

  17.     .accordion-panel-title {

  18.         margin-top: 0;

  19.         margin-bottom: 0;

  20.         color: #252b3a;

  21.     }

  22. 

  23.     .accordion-panel-title-content {

  24.         vertical-align: middle;

  25.         display: inline-block;

  26.         width: calc(100% - 32px);

  27.         cursor: default;

  28.     }

  29. 

  30.     .acc-margin-bottom {

  31.         margin-bottom: 5px;

  32.     }

  33. 

  34.     .title_text {

  35.         font-size: 12px;

  36.     }

  37. 

  38.     .ac-display-inblock {

  39.         display: inline-block;

  40.     }

  41. 

  42.     .cti-mgRight-sm {

  43.         margin-right: 8px;

  44.     }

  45. 

  46.     .ac-text-normal {

  47.         font-size: 14px;

  48.         color: #575d6c;

  49.     }

  50. 

  51.     .uc-accordionTitle-black {

  52.         color: #333;

  53.     }

  54. 

  55.     .accordion-border {

  56.         border: 1px solid #cce2ff;

  57.     }

  58. 

  59.     .padding0 {

  60.         padding: 0 !important;

  61.     }

  62. 

  63.     .content-pad {

  64.         padding: 15px 35px;

  65.     }

  66. 

  67.     .content-margin {

  68.         margin: 10px 5px;

  69.     }

  70. 

  71.     .tab_2_content {

  72.         min-height: 420px;

  73.         margin-left: 10px;

  74.     }

  75. 

  76.     .ac-grid {

  77.         display: block;

  78.         *zoom: 1;

  79.     }

  80. 

  81.     .ac-grid-col {

  82.         float: left;

  83.         width: 100%;

  84.     }

  85. 

  86.     .ac-grid-col2 .ac-grid-col {

  87.         width: 50%;

  88.     }

  89. 

  90.     .ti-form {

  91.         text-align: left;

  92.         max-width: 100%;

  93.         vertical-align: middle;

  94.     }

  95. 

  96.     .ti-form>tbody {

  97.         font-size: 12px;

  98.     }

  99. 

  100.     .ti-form>tbody,

  101.     .ti-form>tbody>tr {

  102.         vertical-align: inherit;

  103.     }

  104. 

  105.     .info_text {

  106.         padding-bottom: 20px;

  107.         padding-right: 20px;

  108.         font-size: 12px;

  109.     }

  110. 

  111.     .ti-text-form-label {

  112. 

  113.         padding-bottom: 20px;

  114.         padding-right: 20px;

  115.         color: #8a8e99;

  116.         font-size: 12px;

  117.         white-space: nowrap !important;

  118.         width: 80px;

  119.         line-height: 30px;

  120.     }

  121. 

  122.     .ti-text-form-content {

  123.         line-height: 30px;

  124.         padding-bottom: 20px;

  125.     }

  126. 

  127.     .ti-form>tbody>tr>td {

  128.         vertical-align: top;

  129.         white-space: normal;

  130.     }

  131. 

  132.     td,

  133.     th {

  134.         padding: 0;

  135.     }

  136. 

  137.     .ac-grid-col .text-span {

  138.         width: 450px;

  139.         overflow: hidden;

  140.         text-overflow: ellipsis;

  141.         white-space: nowrap;

  142.     }

  143. 

  144.     .redo-color {

  145.         color: #3291F8;

  146.     }

  147. 

  148.     .ti-action-menu-item:not(:last-child) {

  149.         margin-right: 10px;

  150.         padding-right: 11px;

  151.         text-decoration: none !important;

  152.         color: #526ecc;

  153.         cursor: pointer;

  154.         display: inline-block;

  155.         -moz-user-select: none;

  156.         -webkit-user-select: none;

  157.         -ms-user-select: none;

  158.         -khtml-user-select: none;

  159.         user-select: none;

  160.         position: relative;

  161.     }

  162. 

  163.     .ti-action-menu-item:not(:last-child):after {

  164.         content: "";

  165.         display: inline-block;

  166.         position: absolute;

  167.         height: 12px;

  168.         right: 0;

  169.         top: 50%;

  170.         -webkit-transform: translateY(-6px);

  171.         -ms-transform: translateY(-6px);

  172.         -o-transform: translateY(-6px);

  173.         transform: translateY(-6px);

  174.         border-right: 1px solid #dfe1e6;

  175.     }

  176. 

  177.     .text-width80 {

  178.         width: 100px;

  179.         line-height: 30px;

  180.     }

  181. 

  182.     .border-according {

  183.         border: 1px solid #dfe1e6;

  184.     }

  185. 

  186.     .disabled {

  187.         cursor: default;

  188.         pointer-events: none;

  189.         color: rgba(0, 0, 0, .6) !important;

  190.         opacity: .45 !important;

  191.     }

  192. 

  193.     .pad20 {

  194. 

  195.         border: 0px !important;

  196.     }

  197. 

  198.     .model_file_bread {

  199.         margin-bottom: -0.5rem !important;

  200.         padding-left: 1rem;

  201.         padding-top: 0.5rem;

  202.     }

  203. </style>

  204. 

  205. 

  206. <div id="mask">

  207.     <div id="loadingPage">

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

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

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

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

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

  213.     </div>

  214. </div>

  215. <div class="repository">

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

  217.     <div class="ui container">

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

  219.             <div class="ui breadcrumb">

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

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

  222.                 </a>

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

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

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

  226.                 </a>

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

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

  229.             </div>

  230.         </h4>

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

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

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

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

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

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

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

  238.                         <!--<i class="dropdown icon"></i> -->

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

  240.                             <span>

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

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

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

  244.                                     </span>

  245. 

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

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

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

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

  250.                                     </span>

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

  252.                                     </span>

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

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

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

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

  257.                                     </span>

  258.                                 </div>

  259.                             </span>

  260.                         </span>

  261.                     </div>

  262.                 </div>

  263.             </div>

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

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

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

  267.                         <a class="active item"

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

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

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

  271.                     </div>

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

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

  274.                             <div class="tab_2_content">

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

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

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

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

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

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

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

  282.                                                     </td>

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

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

  285.                                                             {{.DisplayJobName}}

  286.                                                         </div>

  287.                                                     </td>

  288.                                                 </tr>

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

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

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

  292.                                                     </td>

  293. 

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

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

  296.                                                             {{.Status}}

  297.                                                         </div>

  298.                                                     </td>

  299.                                                 </tr>

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

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

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

  303.                                                     </td>

  304. 

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

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

  307.                                                             {{.User.Name}}

  308.                                                         </div>

  309.                                                     </td>

  310.                                                 </tr>

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

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

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

  314.                                                     </td>

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

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

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

  318.                                                             {{.ComputeResource}}

  319.                                                         </div>

  320.                                                     </td>

  321.                                                 </tr>

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

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

  324.                                                         {{$.i18n.Tr "cloudbrain.task_type"}}

  325.                                                     </td>

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

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

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

  329.                                                             {{.JobType}}

  330.                                                         </div>

  331.                                                     </td>

  332.                                                 </tr>

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

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

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

  336.                                                     </td>

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

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

  339.                                                             {{.BranchName}}

  340.                                                         </div>

  341.                                                     </td>

  342.                                                 </tr>

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

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

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

  346.                                                     </td>

  347. 

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

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

  350.                                                             {{$.resource_type}}

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

  357.                                                     </td>

  358. 

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

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

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

  362.                                                             {{TimeSinceUnix1 .CreatedUnix}}

  363.                                                         </div>

  364.                                                     </td>

  365.                                                 </tr>

  366. 

  367.                                                

  368. 

  369. 

  370. 

  371.                                             </tbody>

  372.                                         </table>

  373.                                     </div>

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

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

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

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

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

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

  380.                                                     </td>

  381. 

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

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

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

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

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

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

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

  389.                                                                 data-variation="inverted tiny"

  390.                                                             >

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

  392.                                                             </span>

  393.                                                         </div>

  394.                                                     </td>

  395.                                                 </tr>

  396.                                                

  397. 

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

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

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

  401.                                                     </td>

  402. 

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

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

  405.                                                             {{$.i18n.Tr "cloudbrain.gpu_num"}}：{{$.GpuNum}}，{{$.i18n.Tr "cloudbrain.cpu_num"}}：{{$.CpuNum}}，{{$.i18n.Tr "cloudbrain.memory"}}(MB)：{{$.MemMiB}}，{{$.i18n.Tr "cloudbrain.shared_memory"}}(MB)：{{$.ShareMemMiB}}

  406.                                                         </div>

  407.                                                     </td>

  408.                                                 </tr>

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

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

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

  412.                                                     </td>

  413. 

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

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

  416.                                                             {{$.dataset_path}}

  417.                                                         </div>

  418.                                                     </td>

  419.                                                 </tr>

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

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

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

  423.                                                     </td>

  424. 

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

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

  427.                                                             {{$.model_path}}

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

  434.                                                     </td>

  435. 

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

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

  438.                                                             {{$.code_path}}

  439.                                                         </div>

  440.                                                     </td>

  441.                                                 </tr>

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

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

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

  445.                                                     </td>

  446. 

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

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

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

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

  451.                                                             {{TimeSinceUnix1 .StartTime}}

  452.                                                             {{else}}

  453.                                                             --

  454.                                                             {{end}}

  455.                                                         </div>

  456.                                                     </td>

  457.                                                 </tr>

  458. 

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

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

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

  462.                                                     </td>

  463. 

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

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

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

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

  468.                                                             {{TimeSinceUnix1 .EndTime}}

  469.                                                             {{else}}

  470.                                                             --

  471.                                                             {{end}}

  472.                                                         </div>

  473.                                                     </td>

  474.                                                 </tr>

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

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

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

  478.                                                     </td>

  479. 

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

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

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

  483.                                                             {{$.duration}}

  484.                                                         </div>

  485.                                                     </td>

  486.                                                 </tr>

  487. 

  488.                                             </tbody>

  489.                                         </table>

  490.                                     </div>

  491.                                 </div>

  492.                             </div>

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

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

  495. 								<thead>

  496. 									<tr><th style="color: #8a8e99;font-size:12px" class="three wide left aligned">数据集文件</th>

  497. 								</tr></thead>

  498. 								<tbody>

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

  500.                                       <tr>

  501. 									     <td style="word-wrap: break-word;word-break: break-all;"><a href="{{.RepositoryLink}}" target="_blank">{{.DatasetName}}</a></td>

  502. 									   </tr>

  503.                                                                

  504.                                      {{end}}				

  505. 

  506. 								</tbody>

  507. 								</table>

  508. 							  </div>

  509.                         </div>

  510.                     </div>

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

  512.                         <div>

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

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

  515.                             </div>

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

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

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

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

  520. 

  521.                                 </span>

  522.                             </div>

  523. 

  524.                         </div>

  525. 

  526.                     </div>

  527. 

  528.                 </div>

  529.             </div>

  530.         </div>

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

  532.     </div>

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

  534.     <div id="deletemodel">

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

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

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

  538.             </div>

  539. 

  540.             <div class="content">

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

  542.             </div>

  543.             <div class="actions">

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

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

  546.                 </div>

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

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

  549.                 </div>

  550.             </div>

  551.         </div>

  552.     </div>

  553. 

  554. 

  555. </div>

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

  557. 

  558. <script>

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

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

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

  562.     });

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

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

  565.     });

  566. 

  567.     function parseLog() {

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

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

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

  571.         let html = "";

  572.         if (podRoleName != null) {

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

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

  575.             let podEventArray = podEvents[task0];

  576.             if (podEventArray != null) {

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

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

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

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

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

  582.                     }

  583.                 }

  584.             }

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

  586.             if (extras != null) {

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

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

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

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

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

  592.                     }

  593.                 }

  594.             }

  595.         }

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

  597.     }

  598. </script>