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

758 lines
43 kB
Raw Blame History 

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

  2. <link rel="stylesheet" href="/self/ztree/css/zTreeStyle/zTreeStyle.css?v={{MD5 AppVer}}" type="text/css">

  3. <style>

  4.     .model_file_bread {

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

  6.         padding-left: 1rem;

  7.         padding-top: 0.5rem;

  8.     }

  9.     .menuContent{

  10.         position: absolute;

  11.         background: #ffffff;

  12.         left: 0;

  13.         right: 26px;

  14.         top: 36px;

  15.         z-index:999;

  16.         border: 1px solid #96c8da;

  17.         border-top: 0;

  18.         border-bottom-right-radius: 4px;

  19.         border-bottom-left-radius: 4px;

  20.         box-shadow: 0 2px 3px 0 rgb(34 36 38 / 15%);

  21.     }

  22. </style>

  23. <div id="mask">

  24.     <div id="loadingPage">

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

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

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

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

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

  30.     </div>

  31. </div>

  32. <div class="repository">

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

  34.     <div class="ui container">

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

  36.             <div class="ui breadcrumb">

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

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

  39.                 </a>

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

  41.                 <a class="section" href="{{$.RepoLink}}/modelarts/train-job">

  42.                     {{$.i18n.Tr "repo.modelarts.train_job"}}

  43.                 </a>

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

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

  46.             </div>

  47.         </h4>

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

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

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

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

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

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

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

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

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

  57.                             <span>

  58.                                  <div style="float: right;">

  59.                                     {{if and ($.canDownload) (ne .Status "WAITING") ($.Permission.CanWrite $.UnitTypeModelManage) }}

  60.                                     <a class="ti-action-menu-item" id="{{.VersionName}}-create-model"

  61.                                         onclick="showcreate({DisplayJobName:{{.DisplayJobName}},JobName:{{.JobName}},JobID:{{.JobID}},VersionName:{{.VersionName}}})">{{$.i18n.Tr "repo.modelarts.create_model"}}</a>

  62.                                     {{else}}

  63.                                     <a class="ti-action-menu-item disabled" id="{{.VersionName}}-create-model">{{$.i18n.Tr "repo.modelarts.create_model"}}</a>

  64.                                     {{end}}

  65. 

  66.                                 </div>

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

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

  69. 

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

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

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

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

  74.                                     </span>

  75.                                     <span

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

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

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

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

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

  81. 

  82.                                 </div>

  83.                             </span>

  84.                         </span>

  85.                     </div>

  86.                 </div>

  87.             </div>

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

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

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

  91.                         <a class="active item"

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

  93. 

  94.                         <a class="item log_bottom" data-tab="third{{$k}}"

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

  96.                         <a class="item load-model-file" data-tab="four{{$k}}" data-gpu-flag="true" data-download-flag="{{$.canDownload}}" data-path="{{$.RepoLink}}/cloudbrain/train-job/{{.JobID}}/model_list" data-version="{{.VersionName}}" data-parents="" data-filename="" data-init="init" >{{$.i18n.Tr "repo.model_download"}}</a>

  97.                     </div>

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

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

  100.                             <div class="tab_2_content">

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

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

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

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

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

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

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

  108.                                                     </td>

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

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

  111.                                                             {{.DisplayJobName}}

  112.                                                         </div>

  113.                                                     </td>

  114.                                                 </tr>

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

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

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

  118.                                                     </td>

  119. 

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

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

  122.                                                             {{.Status}}

  123.                                                         </div>

  124.                                                     </td>

  125.                                                 </tr>

  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_creator"}}

  129.                                                     </td>

  130. 

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

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

  133.                                                             {{.User.Name}}

  134.                                                         </div>

  135.                                                     </td>

  136.                                                 </tr>

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

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

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

  140.                                                     </td>

  141. 

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

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

  144.                                                             <span style="font-size: 12px;" id="{{.VersionName}}-startTime">

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

  146.                                                                 {{TimeSinceUnix1 .StartTime}}

  147.                                                                 {{else}}

  148.                                                                 --

  149.                                                                 {{end}}

  150.                                                             </span>

  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 "repo.modelarts.train_job.dura_time"}}

  157.                                                     </td>

  158. 

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

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

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

  162.                                                             {{$.duration}}

  163.                                                         </div>

  164.                                                     </td>

  165.                                                 </tr>

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

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

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

  169.                                                     </td>

  170. 

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

  172.                                                         <div class="text-span text-span-w">{{if .ModelName}}{{.ModelName}}{{else}}--{{end}}</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.modelconvert.modelversion"}}

  178.                                                     </td>

  179. 

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

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

  182.                                                     </td>

  183.                                                 </tr>

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

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

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

  187.                                                     </td>

  188. 

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

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

  191.                                                     </td>

  192.                                                 </tr>

  193.                                                 

  194.                                             </tbody>

  195.                                         </table>

  196.                                     </div>

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

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

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

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

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

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

  203.                                                     </td>

  204. 

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

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

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

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

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

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

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

  212.                                                                 data-variation="inverted tiny"

  213.                                                             >

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

  215.                                                             </span>

  216.                                                         </div>

  217.                                                     </td>

  218.                                                 </tr>

  219. 

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

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

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

  223.                                                     </td>

  224. 

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

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

  227.                                                             {{.BranchName}}

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

  229.                                                         </div>

  230.                                                     </td>

  231.                                                 </tr>

  232. 

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

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

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

  236.                                                     </td>

  237. 

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

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

  240.                                                             {{.BootFile}}

  241.                                                         </div>

  242.                                                     </td>

  243.                                                 </tr>

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

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

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

  247.                                                     </td>

  248. 

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

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

  251.                                                             {{if .Parameters}}{{.Parameters}}{{else}}--{{end}}

  252.                                                         </div>

  253.                                                     </td>

  254.                                                 </tr>

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

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

  257.                                                         {{$.i18n.Tr "repo.modelarts.train_job.resource_type"}}

  258.                                                     </td>

  259. 

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

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

  262.                                                     </td>

  263.                                                 </tr>

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

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

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

  267.                                                     </td>

  268. 

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

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

  271.                                                     </td>

  272.                                                 </tr>

  273. 

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

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

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

  277.                                                     </td>

  278. 

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

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

  281.                                                             {{if .Description}}{{.Description}}{{else}}--{{end}}

  282.                                                         </div>

  283.                                                     </td>

  284.                                                 </tr>

  285.                                             </tbody>

  286.                                         </table>

  287.                                     </div>

  288.                                 </div>

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

  290.                                 {{if $.datasetDownload}}

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

  292. 								<thead>

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

  294. 								</tr></thead>

  295. 								<tbody>

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

  297.                                       <tr>

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

  299.                                          {{if eq .IsDelete true}}

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

  301.                                          {{else}}

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

  303.                                          {{end}}

  304.                                          </td>

  305. 									   </tr>

  306.                                                                

  307.                                      {{end}}				

  308. 

  309. 								</tbody>

  310. 								</table>

  311.                                 {{end}}

  312. 							  </div>

  313.                             </div>

  314. 

  315.                         </div>

  316.                     </div>

  317.                     <div class="ui tab" data-tab="third{{$k}}">

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

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

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

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

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

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

  324.                             </a>

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

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

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

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

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

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

  331.                             </div>

  332.                         </div>

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

  334.                             <span>

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

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

  337.                             </span>

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

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

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

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

  342.                             </span>

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

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

  345.                             </div>

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

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

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

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

  350.                                 </div>

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

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

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

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

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

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

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

  358.                             </div>

  359.                         </div>

  360.                     </div>

  361.                     <div class="ui tab" data-tab="four{{$k}}">

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

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

  364.                         <div style="display: flex;justify-content: space-between;">

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

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

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

  368.     

  369.                             </div>

  370.                             <a id="{{.VersionName}}-result-down" style="padding-right: 1%;display: none;"

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

  372.                                  href="{{$.RepoLink}}/cloudbrain/train-job/{{.JobID}}/download_multi_model?version_name={{.VersionName}}&jobName={{.JobName}}">

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

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

  375.                              </a>

  376.                         </div>

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

  378.                         </div>

  379.                         <div style="display:flex;align-items: center;justify-content: end;color: #f2711c;">

  380.                             <i class="ri-error-warning-line" style="margin-right:0.5rem;"></i>

  381.                             <span>{{$.i18n.Tr "repo.file_limit_100"}}</span>

  382.                         </div>

  383.                     </div>

  384.                 </div>

  385.             </div>

  386.         </div>

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

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

  389.     </div>

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

  391.     <div id="deletemodel">

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

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

  394.                 <i class="trash icon"></i> 删除任务

  395.             </div>

  396. 

  397.             <div class="content">

  398.                 <p>你确认删除该任务么？此任务一旦删除不可恢复。</p>

  399.             </div>

  400.             <div class="actions">

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

  402.                     <i class="remove icon"></i> 取消操作

  403.                 </div>

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

  405.                     <i class="checkmark icon"></i> 确定操作

  406.                 </div>

  407.             </div>

  408.         </div>

  409.     </div>

  410.     <!--

  411.    <div id="menuContent" class="menuContent" style="display:none; position: absolute;z-index:9999">

  412. 	        <ul id="treeDemo" class="ztree" style="margin-top:0; width: 83%; height: 100%;"></ul>

  413.     </div> -->

  414.     <!-- 创建模型 -->

  415.     <div id="newmodel">

  416.         <div class="ui modal second">

  417.             <div class="header" style="padding: 1rem;background-color: rgba(240, 240, 240, 100);">

  418.                 <h4 id="model_header">{{.i18n.Tr "repo.model.manage.import_new_model"}}</h4>

  419.             </div>

  420.             <div class="content content-padding">

  421.                 <form id="formId" method="POST" class="ui form">

  422.                     <div class="ui error message">

  423.                     </div>

  424.                     {{$.CsrfTokenHtml}}

  425.                     <input type="hidden" name="trainTaskCreate" value="true">

  426. 

  427.                     <div class="required inline field">

  428.                         <label>{{.i18n.Tr "repo.modelarts.train_job"}}</label>

  429.                         <input type="hidden"  class="width83" id="jobId" name="jobId" readonly required>

  430.                         <input type="hidden" id="versionName" name="versionName" value="V0001">

  431.                         <input style="width: 45%;" id="JobName" readonly required>

  432.                     </div>

  433. 

  434.                     <div class="required inline field" id="modelname">

  435.                         <label>{{.i18n.Tr "repo.model.manage.model_name"}}</label>

  436.                         <input style="width: 45%;" id="name" name="name" required maxlength="25"

  437.                             onkeyup="this.value=this.value.replace(/[, ]/g,'')">

  438.                     </div>

  439.                     <div class="required inline field" id="verionname">

  440.                         <label>{{.i18n.Tr "repo.modelconvert.modelversion"}}</label>

  441.                         <input style="width: 45%;" id="version" name="version" value="" readonly required maxlength="255">

  442.                     </div>

  443.                     <div class="unite min_title inline field required">

  444.                         <label>{{.i18n.Tr "repo.model.manage.engine"}}</label>

  445.                         <div class="ui dropdown selection search width70" id="choice_Engine">

  446.                             <input type="hidden" id="engine" name="engine" required>

  447.                             <div class="default text">{{.i18n.Tr "repo.model.manage.select.engine"}}</div>

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

  449.                             <div class="menu" id="job-Engine">

  450.                                 <option class="active item" data-value="0">PyTorch</option>

  451.                                 <option class="item" data-value="1">TensorFlow</option>

  452.                                 <option class="item" data-value="4">PaddlePaddle</option>

  453.                                 <option class="item" data-value="5">OneFlow</option>

  454.                                 <option class="item" data-value="6">MXNet</option>

  455.                                 <option class="item" data-value="3">Other</option>

  456.                             </div>

  457.                         </div>

  458. 

  459.                     </div>

  460.                     <div class="unite min_title inline fields required">

  461.                         <div class="field required">

  462.                             <label for="modelSelectedFile">{{.i18n.Tr "repo.model.manage.modelfile"}}</label>

  463.                         </div>

  464.                         <div class="thirteen wide field" style="position:relative">

  465.                             <input id="modelSelectedFile" type="text"  readonly required onclick="showMenu();"  name="modelSelectedFile">

  466.                             <div id="menuContent" class="menuContent" style="display:none;">

  467.                                 <ul id="treeDemo" class="ztree"></ul>

  468.                             </div>

  469.                         </div>

  470.                     </div>

  471.                     <div class="inline field">

  472.                         <label>{{.i18n.Tr "repo.model.manage.modellabel"}}</label>

  473.                         <input style="width: 83%;margin-left: 7px;" id="label" name="label" maxlength="255"

  474.                             placeholder='{{.i18n.Tr "repo.modelarts.train_job.label_place"}}'>

  475.                     </div>

  476.                     <div class="inline fields">

  477.                             

  478.                             <label>{{.i18n.Tr "repo.model.manage.modelaccess"}}&nbsp;&nbsp;&nbsp;</label>

  479.                             

  480.                             <div class="field">

  481.                                 <div class="ui radio checkbox">

  482.                                     <input type="radio" name="isPrivate" checked="checked" value="false">

  483.                                     <label>{{.i18n.Tr "repo.model.manage.modelaccess.public"}}</label>

  484.                                 </div>

  485.                             </div>

  486.                             <div class="field">

  487.                                 <div class="ui radio checkbox">

  488.                                     <input type="radio" name="isPrivate" value="true">

  489.                                     <label>{{.i18n.Tr "repo.model.manage.modelaccess.private"}}</label>

  490.                                 </div>

  491.                             </div>

  492.                     </div>

  493.                     <div class="inline field">

  494.                         <label for="description">{{.i18n.Tr "repo.model.manage.modeldesc"}}</label>

  495.                         <textarea style="width: 83%;margin-left: 7px;" id="description" name="description" rows="3"

  496.                             maxlength="255" placeholder='{{.i18n.Tr "repo.modelarts.train_job.new_place"}}'

  497.                             onchange="this.value=this.value.substring(0, 255)"

  498.                             onkeydown="this.value=this.value.substring(0, 255)"

  499.                             onkeyup="this.value=this.value.substring(0, 256)"></textarea>

  500.                     </div>

  501. 

  502.                     <div class="inline field" style="margin-left: 75px;">

  503.                         <button onclick="createModel()" type="button" class="ui create_train_job green button"

  504.                             style="position: absolute;">

  505.                             {{.i18n.Tr "repo.model.manage.sava_model"}}

  506.                         </button>

  507.                     </div>

  508.                 </form>

  509.                 <div class="actions" style="display: inline-block;margin-left: 180px;">

  510.                     <button class="ui button cancel">{{.i18n.Tr "repo.cloudbrain.cancel"}}</button>

  511.                 </div>

  512.             </div>

  513.         </div>

  514.     </div>

  515. </div>

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

  517. <script type="text/javascript" src="/self/ztree/js/jquery.ztree.core.js?v={{MD5 AppVer}}"></script>

  518. <script type="text/javascript" src="/self/ztree/js/jquery.ztree.excheck.js?v={{MD5 AppVer}}"></script>

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

  520. 

  521. <script>

  522.     var userName;

  523.     var repoPath;

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

  525.         var url = window.location.href;

  526.         var urlArr = url.split('/')

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

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

  529.     });

  530.     var setting = {

  531. 			check: {

  532. 				enable: true,

  533. 				chkboxType: {"Y":"ps", "N":"ps"}

  534. 			},

  535. 			view: {

  536. 				dblClickExpand: false

  537. 			},

  538. 			callback: {

  539. 				beforeClick: beforeClick,

  540. 				onCheck: onCheck

  541. 			}

  542. 	};

  543. 

  544. 	function beforeClick(treeId, treeNode) {

  545. 			var zTree = $.fn.zTree.getZTreeObj("treeDemo");

  546. 			zTree.checkNode(treeNode, !treeNode.checked, null, true);

  547. 			return false;

  548. 	}

  549. 		

  550. 	function onCheck(e, treeId, treeNode) {

  551. 			var zTree = $.fn.zTree.getZTreeObj("treeDemo"),

  552. 			nodes = zTree.getCheckedNodes(true),

  553. 			v = "";

  554. 			for (var i=0, l=nodes.length; i<l; i++) {

  555.                 if(nodes[i].isParent){

  556.                    continue;

  557.                 }

  558.                 var pathNodes = nodes[i].getPath();

  559.                 var path ="";

  560.                 for(var j=0;j<pathNodes.length;j++){

  561.                     if(j ==0){

  562.                         path +=  pathNodes[j].name;

  563.                     }else{

  564.                         path += "/" + pathNodes[j].name;

  565.                     }

  566.                 }

  567. 				v += path + ";";

  568. 			}

  569. 			if (v.length > 0 ) v = v.substring(0, v.length-1);

  570. 			var cityObj = $("#modelSelectedFile");

  571. 			cityObj.attr("value", v);

  572. 	}

  573.        

  574. 	function showMenu() {

  575. 			var cityObj = $("#modelSelectedFile");

  576. 			var cityOffset = $("#modelSelectedFile").offset();

  577. 			//$("#menuContent").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");

  578.             $("#menuContent").slideDown("fast");

  579. 			$("body").bind("mousedown", onBodyDown);

  580. 	}

  581. 	function hideMenu() {

  582. 			$("#menuContent").fadeOut("fast");

  583. 			$("body").unbind("mousedown", onBodyDown);

  584. 	}

  585. 	function onBodyDown(event) {

  586. 			if (!(event.target.id == "menuBtn" || event.target.id == "modelSelectedFile" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) {

  587. 				hideMenu();

  588. 			}

  589. 	}

  590.     let dirKey="isOnlyDir--:&";

  591.     function loadSelectedModelFile(trainJob){

  592.             console.log("trainJob=" + trainJob);

  593.             $('#choice_file').dropdown('clear')

  594.             $("#model-file").empty()

  595.             if(trainJob ==null || trainJob ==""){

  596.                 console.log("trainJob is null");

  597.             }else{

  598.                 $.get(`/${userName}/${repoPath}/modelmanage/query_train_model?jobName=${trainJob.JobName}&type=0&VersionName=${trainJob.VersionName}`, (data) => {

  599.                     const n_length = data.length

  600.                     let file_html=''

  601.                     let firstFileName =''

  602.                     var zNodes=[];

  603.                     var nodesMap={};

  604.                     for (let i=0;i<n_length;i++){

  605.                         var parentNodeMap = nodesMap;

  606.                         var fileSplits = data[i].FileName.split("/");

  607.                         for(let j=0;j < fileSplits.length;j++){

  608.                             if(fileSplits[j] == ""){

  609.                                 break;

  610.                             }

  611.                             if(parentNodeMap[fileSplits[j]] == null){

  612.                                 parentNodeMap[fileSplits[j]] = {};

  613.                             }

  614.                             parentNodeMap = parentNodeMap[fileSplits[j]];

  615.                         }

  616.                     }

  617.                     for (let i=0;i<n_length;i++){

  618.                         var parentNodeMap = nodesMap;

  619.                         var fileSplits = data[i].FileName.split("/");

  620.                         for(let j=0;j < fileSplits.length;j++){

  621.                             if(fileSplits[j] == ""){

  622.                                 if(data[i].FileName[data[i].FileName.length -1] =="/"){

  623.                                     if(Object.keys(parentNodeMap).length ==0){

  624.                                         parentNodeMap[dirKey]="true";

  625.                                     }

  626.                                 }

  627.                                 break;

  628.                             }

  629.                             parentNodeMap = parentNodeMap[fileSplits[j]];

  630.                         }

  631.                     }

  632.                     convertToNode(zNodes,nodesMap);

  633.                     $.fn.zTree.init($("#treeDemo"), setting, zNodes);

  634.                 })

  635.             }

  636.     }

  637. 

  638.     function convertToNode(nodeList,nodesMap){

  639.             var keyList = Object.keys(nodesMap);

  640.             keyList.sort(function(a,b){

  641. 	            return a-b;

  642.             });

  643.             var isFirst = true;

  644.             for(var i=0; i<keyList.length;i++){

  645.                 var node = {};

  646.                 node["name"] = keyList[i];

  647.                 nodeList.push(node);

  648.                 if(nodesMap[keyList[i]] != null && Object.keys(nodesMap[keyList[i]]).length >0){

  649.                      if(nodesMap[keyList[i]][dirKey] != null){

  650.                         node["open"] = false;

  651.                         node["isParent"] = true;

  652.                      }else{

  653.                         node["children"]=[];

  654.                         if(isFirst){

  655.                             node["open"] = true;

  656.                             isFirst= false;

  657.                         }

  658.                         convertToNode(node["children"],nodesMap[keyList[i]]);

  659.                     }

  660.                 }

  661.             }

  662.     }

  663.    function showcreate(obj) {

  664.         $('.ui.modal.second')

  665.             .modal({

  666.                 centered: false,

  667.                 onShow: function () {

  668.                     $('input[name="version"]').addClass('model_disabled')

  669.                     $('#JobName').val(obj.DisplayJobName).addClass('model_disabled')

  670.                     $('input[name="jobId"]').val(obj.JobID)

  671.                     $('input[name="versionName"]').val("V0001")

  672.                    

  673.                     $('#choice_Engine .default.text').text("PyTorch");

  674.                     $('#choice_Engine input[name="engine"]').val(0)

  675.                     $('#choice_Engine .default.text').css({ "color": "rgb(0, 0, 0,0.87)" })

  676.                     $('.ui.dimmer').css({ "background-color": "rgb(136, 136, 136,0.7)" })

  677.                     createModelName();

  678.                     loadSelectedModelFile(obj);

  679.                 },

  680.                 onHide: function () {

  681.                     $('.ui.dimmer').css({ "background-color": "" })

  682.                     $('.ui.error.message').text()

  683.                     $('.ui.error.message').css('display', 'none')

  684.                 }

  685.             })

  686.             .modal('show')

  687.     }

  688.     function createModel() {

  689.         if(!$('input#modelSelectedFile').val()){

  690.             $('input#modelSelectedFile').parent().addClass('error')

  691.             return  

  692.         }

  693.         let url_href = `/${userName}/${repoPath}/modelmanage/create_new_model`

  694.         let data = $("#formId").serialize()

  695.         var radio = document.getElementsByName("isPrivate");

  696.         if(radio == null || radio.length == 0){

  697.             data +="&isPrivate=true";

  698.         }

  699.         $("#mask").css({ "display": "block", "z-index": "9999" })

  700.         $.ajax({

  701.             url: url_href,

  702.             type: 'POST',

  703.             data: data,

  704.             success: function (res) {

  705.                 $('input[name="engine_name"]').val("");

  706.                 $('input[name="engine"]').val("");

  707.                 $('input[name="jobId"]').val("");

  708.                 $('input[name="label"]').val("");

  709.                 $('input[name="description"]').val("");

  710.                 var cityObj = $("#modelSelectedFile");

  711. 			    cityObj.attr("value", "");

  712.                 document.getElementById("formId").reset();

  713.                 location.href = `/${userName}/${repoPath}/modelmanage/show_model`

  714.                 $('.ui.modal.second').modal('hide')

  715.             },

  716.             error: function (xhr) {

  717.                 // 隐藏 loading

  718.                 // 只有请求不正常（状态码不为200）才会执行

  719.                 $('.ui.error.message').text(xhr.responseText)

  720.                 $('.ui.error.message').css('display', 'block')

  721.             },

  722.             complete: function (xhr) {

  723.                 $("#mask").css({ "display": "none", "z-index": "1" })

  724.             }

  725.         })

  726. 

  727.     }

  728.     function createModelName() {

  729.         let repoName = location.pathname.split('/')[2]

  730.         let modelName = repoName + '_model_' + Math.random().toString(36).substr(2, 4)

  731.         $('#name').val(modelName)

  732.         $('#version').val("0.0.1")

  733.     }

  734. 

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

  736. 

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

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

  739.     });

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

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

  742.     });

  743. 

  744.    

  745.     ;(function() {

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

  747.         var showPoint = false;

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

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

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

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

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

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

  754.         });

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

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

  757.     })();

  758. </script>