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

841 lines
49 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. {{template "custom/global_mask" .}}

  24. <div class="repository">

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

  26.     <div class="ui container">

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

  28.             <div class="ui breadcrumb">

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

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

  31.                 </a>

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

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

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

  35.                 </a>

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

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

  38.             </div>

  39.         </h4>

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

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

  42.             data-repopath="{{$.RepoRelPath}}/grampus/train-job" data-jobid="{{.JobID}}"

  43.             data-version="{{.VersionName}}">

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

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

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

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

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

  49.                             <span>

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

  51.                                     {{$.CsrfTokenHtml}}

  52.                                 </div>

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

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

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

  56.                                         {{$.i18n.Tr "repo.modelarts.current_version"}}：{{.VersionName}}</span>

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

  58.                                         {{$.i18n.Tr "repo.modelarts.parent_version"}}：{{.PreVersionName}}</span>

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

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

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

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

  63.                                     </span>

  64.                                     <span

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

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

  67.                                         id="{{.VersionName}}-duration-span">{{.TrainJobDuration}}</span>

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

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

  70.                                     </span>

  71.                                 </div>

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

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

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

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

  76.                                     {{else}}

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

  78.                                     {{end}}

  79.                                 </div>

  80.                             </span>

  81.                         </span>

  82.                     </div>

  83.                 </div>

  84.             </div>

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

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

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

  88. 

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

  90.                         <a class="item log_bottom" data-tab="second{{$k}}" data-version="{{.VersionName}}">{{$.i18n.Tr "repo.modelarts.log"}}</a>

  91.                         {{ if eq $.Spec.ComputeResource "NPU"}}

  92.                         <a class="item metric_chart" data-tab="four{{$k}}" data-version="{{.VersionName}}" data-path="{{$.RepoRelPath}}/grampus/train-job/{{.JobID}}/metrics">{{$.i18n.Tr "cloudbrain.resource_use"}}</a>

  93.                         {{end}}

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

  95.                     </div>

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

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

  98.                             <div class="tab_2_content">

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

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

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

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

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

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

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

  106.                                                     </td>

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

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

  109.                                                             {{.DisplayJobName}}

  110.                                                         </div>

  111.                                                     </td>

  112.                                                 </tr>

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

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

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

  116.                                                     </td>

  117. 

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

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

  120.                                                             {{.Status}}

  121.                                                         </div>

  122.                                                     </td>

  123.                                                 </tr>

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

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

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

  127.                                                     </td>

  128. 

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

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

  131.                                                             {{.User.Name}}

  132.                                                         </div>

  133.                                                     </td>

  134.                                                 </tr>

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

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

  137.                                                         {{$.i18n.Tr "repo.modelarts.run_version"}}

  138.                                                     </td>

  139. 

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

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

  142.                                                             {{if .VersionName}}{{.VersionName}}{{else}}--{{end}}

  143.                                                         </div>

  144.                                                     </td>

  145.                                                 </tr>

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

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

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

  149.                                                     </td>

  150. 

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

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

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

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

  155.                                                                 {{TimeSinceUnix1 .StartTime}}

  156.                                                                 {{else}}

  157.                                                                 --

  158.                                                                 {{end}}</span>

  159.                                                         </div>

  160.                                                     </td>

  161.                                                 </tr>

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

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

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

  165.                                                     </td>

  166. 

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

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

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

  170.                                                             {{.TrainJobDuration}}

  171.                                                         </div>

  172.                                                     </td>

  173.                                                 </tr>

  174.                                                 

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

  178.                                                     </td>

  179. 

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

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

  187.                                                     </td>

  188. 

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

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

  191.                                                     </td>

  192.                                                 </tr>

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

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

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

  196.                                                     </td>

  197. 

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

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

  200.                                                     </td>

  201.                                                 </tr>

  202.                                             </tbody>

  203.                                         </table>

  204.                                     </div>

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

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

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

  208.                                                 {{ if eq $.Spec.ComputeResource "GPU"}}

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

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

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

  212.                                                     </td>

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

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

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

  216.                                                                 data-clipboard-text="{{.EngineName}}"

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

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

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

  220.                                                                 data-variation="inverted tiny"

  221.                                                             >

  222.                                                                 <span title="{{.EngineName}}">{{.EngineName}}</span>

  223.                                                             </span>

  224.                                                         </div>

  225.                                                     </td>

  226.                                                 </tr>

  227.                                                 {{else}}

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

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

  230.                                                         {{$.i18n.Tr "repo.modelarts.train_job.AI_driver"}}

  231.                                                     </td>

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

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

  234.                                                             {{.EngineName}}

  235.                                                         </div>

  236.                                                     </td>

  237.                                                 </tr>

  238.                                                 {{end}}

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

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

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

  242.                                                     </td>

  243. 

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

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

  246.                                                             {{.BranchName}}

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

  248.                                                         </div>

  249.                                                     </td>

  250.                                                 </tr>

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

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

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

  254.                                                     </td>

  255. 

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

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

  258.                                                             {{.BootFile}}

  259.                                                         </div>

  260.                                                     </td>

  261.                                                 </tr>

  262. 

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

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

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

  266.                                                     </td>

  267. 

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

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

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

  271.                                                         </div>

  272.                                                     </td>

  273.                                                 </tr>

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

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

  276.                                                         {{$.i18n.Tr "repo.grampus.train_job.ai_center"}}

  277.                                                     </td>

  278. 

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

  280.                                                         <div class="text-span text-span-w" id="{{.VersionName}}-ai_center">

  281.                                                             {{if $.ai_center}}{{$.ai_center}}{{else}}--{{end}}

  282.                                                         </div>

  283.                                                     </td>

  284.                                                 </tr>

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

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

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

  288.                                                     </td>

  289. 

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

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

  292.                                                     </td>

  293.                                                 </tr>

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

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

  296.                                                         {{$.i18n.Tr "repo.modelarts.train_job.compute_node"}}

  297.                                                     </td>

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

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

  300.                                                             {{.WorkServerNumber}}

  301.                                                         </div>

  302.                                                     </td>

  303.                                                 </tr>

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

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

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

  307.                                                     </td>

  308. 

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

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

  311.                                                             title="{{.Description}}">

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

  313.                                                         </div>

  314.                                                     </td>

  315.                                                 </tr>

  316.                                             </tbody>

  317.                                         </table>

  318.                                     </div>

  319.                                 </div>

  320.                             </div>

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

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

  323.                                 <thead>

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

  325.                                 </tr></thead>

  326.                                 <tbody>

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

  328.                                         <tr>

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

  330.                                             {{if eq .IsDelete true}}

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

  332.                                             {{else}}

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

  334.                                             {{end}}

  335.                                             </td>

  336.                                         </tr>               

  337.                                     {{end}}

  338.                                 </tbody>

  339.                                 </table>

  340.                             </div>

  341.                         </div>

  342.                     </div>

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

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

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

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

  347.                                 href="/api/v1/repos/{{$.RepoRelPath}}/grampus/train-job/{{.JobID}}/download_log">

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

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

  350.                             </a>

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

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

  353.                                 data-log-down="{{$.i18n.Tr "repo.modelarts.download_log"}}" data-href="/api/v1/repos/{{$.RepoRelPath}}/grampus/train-job/{{.JobID}}/download_log"

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

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

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

  357.                             </div>

  358.                         </div>

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

  360.                             <span>

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

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

  363.                             </span>

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

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

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

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

  368.                             </span>

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

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

  371.                             </div>

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

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

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

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

  376.                                 </div>

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

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

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

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

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

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

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

  384.                             </div>

  385. 

  386.                         </div>

  387. 

  388.                     </div>

  389.                     <div class="ui tab" data-tab="four{{$k}}" style="position: relative;">

  390.                         <i class="ri-refresh-line metric_chart"

  391.                             style="position: absolute;right: 25%;color:#3291f8;z-index:99;cursor: pointer;"

  392.                             data-version="{{.VersionName}}"></i>

  393.                         <div id="metric-{{.VersionName}}" style="height: 260px;width: 870px;">

  394.                         </div>

  395.                         

  396.                     </div>

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

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

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

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

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

  402.                                 <div class="active section">{{.VersionName}}</div>

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

  404.     

  405.                             </div>

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

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

  408.                                  href="{{$.RepoLink}}/grampus/train-job/{{.JobID}}/download_multi_model?version_name={{.VersionName}}">

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

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

  411.                              </a>

  412.                         </div>

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

  414.                         </div>

  415.                         {{if eq .ComputeResource "CPU/GPU"}}

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

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

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

  419.                         </div>

  420.                         {{end}}

  421.                     </div>

  422. 

  423.                 </div>

  424.             </div>

  425.         </div>

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

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

  428.     </div>

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

  430.     <div id="deletemodel">

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

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

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

  434.             </div>

  435. 

  436.             <div class="content">

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

  438.             </div>

  439.             <div class="actions">

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

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

  442.                 </div>

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

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

  445.                 </div>

  446.             </div>

  447.         </div>

  448.     </div>

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

  450.      <div id="newmodel">

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

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

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

  454.             </div>

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

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

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

  458.                     </div>

  459.                     {{$.CsrfTokenHtml}}

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

  461. 

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

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

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

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

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

  467.                     </div>

  468. 

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

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

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

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

  473.                     </div>

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

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

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

  477.                     </div>

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

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

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

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

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

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

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

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

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

  487.                                 <option class="item" data-value="2">MindSpore</option>

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

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

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

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

  492.                             </div>

  493.                         </div>

  494. 

  495.                     </div>

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

  497.                         <div class="field required">

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

  499.                         </div>

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

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

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

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

  504.                             </div>

  505.                         </div>

  506.                     </div>

  507.                     <div class="inline field">

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

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

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

  511.                     </div>

  512.                     <div class="inline fields">

  513.                             

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

  515.                             

  516.                             <div class="field">

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

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

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

  520.                                 </div>

  521.                             </div>

  522.                             <div class="field">

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

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

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

  526.                                 </div>

  527.                             </div>

  528.                     </div>

  529.                     <div class="inline field">

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

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

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

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

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

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

  536.                     </div>

  537. 

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

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

  540.                             style="position: absolute;">

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

  542.                         </button>

  543.                     </div>

  544.                 </form>

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

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

  547.                 </div>

  548.             </div>

  549. 

  550. 

  551.         </div>

  552.     </div>

  553. 

  554. </div>

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

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

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

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

  559. <script>

  560.     ;(function() {

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

  562.         var showPoint = false;

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

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

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

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

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

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

  569.         });

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

  571.     })();

  572.    var setting = {

  573. 			check: {

  574. 				enable: true,

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

  576. 			},

  577. 			view: {

  578. 				dblClickExpand: false

  579. 			},

  580. 			callback: {

  581. 				beforeClick: beforeClick,

  582. 				onCheck: onCheck

  583. 			}

  584. 	};

  585. 

  586. 	function beforeClick(treeId, treeNode) {

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

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

  589. 			return false;

  590. 	}

  591. 		

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

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

  594. 			nodes = zTree.getCheckedNodes(true),

  595. 			v = "";

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

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

  598.                    continue;

  599.                 }

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

  601.                 var path ="";

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

  603.                     if(j ==0){

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

  605.                     }else{

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

  607.                     }

  608.                 }

  609. 				v += path + ";";

  610. 			}

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

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

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

  614. 	}

  615.        

  616. 	function showMenu() {

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

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

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

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

  621. 	}

  622. 	function hideMenu() {

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

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

  625. 	}

  626. 	function onBodyDown(event) {

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

  628. 				hideMenu();

  629. 			}

  630. 	}

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

  632.     function loadSelectedModelFile(trainJob){

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

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

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

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

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

  638.             }else{

  639.                 let type = trainJob.Type;

  640.                 if(type == 2){

  641.                     if(trainJob.ComputeResource=="NPU"){

  642.                         type=1;

  643.                     }else{

  644.                         type=0;

  645.                     }

  646.                 }

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

  648.                     const n_length = data.length

  649.                     let file_html=''

  650.                     let firstFileName =''

  651.                     var zNodes=[];

  652.                     var nodesMap={};

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

  654.                         var parentNodeMap = nodesMap;

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

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

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

  658.                                 break;

  659.                             }

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

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

  662.                             }

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

  664.                         }

  665.                     }

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

  667.                         var parentNodeMap = nodesMap;

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

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

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

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

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

  673.                                         parentNodeMap[dirKey]="true";

  674.                                     }

  675.                                 }

  676.                                 break;

  677.                             }

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

  679.                         }

  680.                     }

  681.                     convertToNode(zNodes,nodesMap);

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

  683.                 })

  684.             }

  685.     }

  686. 

  687.     function convertToNode(nodeList,nodesMap){

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

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

  690. 	            return a-b;

  691.             });

  692.             var isFirst = true;

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

  694.                 var node = {};

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

  696.                 nodeList.push(node);

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

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

  699.                         node["open"] = false;

  700.                         node["isParent"] = true;

  701.                     }else{

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

  703.                         if(isFirst){

  704.                             node["open"] = true;

  705.                             isFirst= false;

  706.                         }

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

  708.                     }

  709.                 }

  710.             }

  711.     }

  712.    function showcreate(obj) {

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

  714.             .modal({

  715.                 centered: false,

  716.                 onShow: function () {

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

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

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

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

  721.                    

  722.                    if(obj.ComputeResource=="NPU"){

  723.                          if (obj.EngineName != null && obj.EngineName != "") {

  724.                             srcEngine = obj.EngineName.split('-')[0]

  725.                             srcEngine = srcEngine.trim().toLowerCase();

  726.                              if (srcEngine == 'tensorflow') {

  727.                                 $('#choice_Engine .default.text').text("TensorFlow");

  728.                                 $('#choice_Engine input[name="engine"]').val(1)

  729.                              }

  730.                               if (srcEngine == 'mindspore') {

  731.                                 $('#choice_Engine .default.text').text("MindSpore");

  732.                                 $('#choice_Engine input[name="engine"]').val(2)

  733.                               }

  734.                         }

  735.                    }else{

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

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

  738.                     }

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

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

  741.                    createModelName();

  742.                    loadSelectedModelFile(obj);

  743.                 },

  744.                 onHide: function () {

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

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

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

  748.                 }

  749.             })

  750.             .modal('show')

  751.     }

  752.     function createModel() {

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

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

  755.             return

  756.             

  757.         }

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

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

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

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

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

  763.         }

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

  765.         $.ajax({

  766.             url: url_href,

  767.             type: 'POST',

  768.             data: data,

  769.             success: function (res) {

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

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

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

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

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

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

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

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

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

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

  780.             },

  781.             error: function (xhr) {

  782.                 // 隐藏 loading

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

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

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

  786.             },

  787.             complete: function (xhr) {

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

  789.             }

  790.         })

  791. 

  792.     }

  793.     function createModelName() {

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

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

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

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

  798.     }

  799. 

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

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

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

  803.     });

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

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

  806.     });

  807. 

  808.     let userName

  809.     let repoPath

  810.     let jobID

  811.     let downlaodFlag = {{ $.canDownload }}

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

  813.         let url = window.location.href;

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

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

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

  817.         jobID = urlArr.slice(-1)[0]

  818.     })

  819.     function stopBubbling(e) {

  820.         e = window.event || e;

  821.         if (e.stopPropagation) {

  822.             e.stopPropagation();      //阻止事件 冒泡传播

  823.         } else {

  824.             e.cancelBubble = true;   //ie兼容

  825.         }

  826.     }

  827. 

  828.    

  829.     function renderSize(value) {

  830.         if (null == value || value == '') {

  831.             return "0 Bytes";

  832.         }

  833.         var unitArr = new Array("Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB");

  834.         var index = 0;

  835.         var srcsize = parseFloat(value);

  836.         index = Math.floor(Math.log(srcsize) / Math.log(1024));

  837.         var size = srcsize / Math.pow(1024, index);

  838.         size = size.toFixed(0);//保留的小数位数

  839.         return size + unitArr[index];

  840.     }

  841. </script>