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

549 lines
29 kB
Raw Blame History 

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

  2. <style>

  3. 

  4. .title{

  5.     font-size: 16px !important;

  6.     padding-left: 3rem !important;

  7. }

  8. .min_title{

  9.     font-size: 14px !important;

  10.     margin-bottom: 2rem !important;

  11. }

  12. .width{

  13.     width:100% !important;

  14. }

  15. .width80{

  16.     width: 80.7% !important;

  17. }

  18. 

  19. .width85 {

  20.     width: 85% !important;

  21.     margin-left: 10.5rem !important;

  22.     align-items: center;

  23. }

  24. .width35{

  25.     width: 35.5% !important;

  26. }

  27. 

  28. .width48{

  29.     width: 48.5% !important;

  30. }

  31. .nowrapx {

  32.     white-space: nowrap !important;

  33. }

  34. </style>

  35. {{template "custom/global_mask" .}}

  36. <div class="repository">

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

  38.     <div class="ui container">

  39.         {{if eq .NotStopTaskCount 0}}

  40.             {{template "base/alert" .}}

  41.         {{end}}

  42.         {{template "custom/alert_cb" .}}

  43.         <div class="cloudbrain-type" style="display: none;" data-cloudbrain-type="{{.datasetType}}" data-repo-link="{{.RepoLink}}"></div>

  44.         <h4 class="ui top attached header">

  45.             {{.i18n.Tr "repo.modelarts.train_job.new_infer"}}

  46.         </h4>

  47.         <div class="ui attached segment">

  48.             <!-- equal width  -->

  49.             <form id="form_id" class="ui form" action="{{.Link}}" method="post">

  50.                 {{.CsrfTokenHtml}}

  51.                 <input type="hidden" name="action" value="update">

  52.                 <input type="hidden" id="ai_image_name" value="{{.image}}">

  53.                 <input type="hidden" id="ai_model_version" name="model_version" value="">

  54. 

  55.                 <input type="hidden" id="failed_train_url" value="{{$.train_url}}">

  56.                 <input type="hidden" id="failed_model_name" value="{{$.model_name}}">

  57.                 <input type="hidden" id="failed_model_version" value="{{$.model_version}}">

  58.                 <input type="hidden" id="failed_ckpt_name" value="{{$.ckpt_name}}">

  59.                 <input type="hidden" id="failed_train_url" value="{{$.train_url}}">

  60.                 <input type="hidden" id="fail_dataset_name" value="{{$.dataset_name}}">

  61.                 <input type="hidden" id="fail_dataset_uuid" value="{{$.attachment}}">

  62.                 <h4 class="title ui header ">{{.i18n.Tr "repo.modelarts.train_job.basic_info"}}:</h4>

  63.                 <div class="required min_title inline field">

  64.                     <label class="label-fix-width" style="font-weight: normal;">{{.i18n.Tr "cloudbrain.compute_resource"}}</label>

  65.                     <div class="ui blue mini menu compact selectcloudbrain">

  66.                         <a class="active item" href="{{.RepoLink}}/cloudbrain/inference-job/create">

  67.                             <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16"

  68.                                 height="16">

  69.                                 <path fill="none" d="M0 0h24v24H0z" />

  70.                                 <path

  71.                                     d="M3 2.992C3 2.444 3.445 2 3.993 2h16.014a1 1 0 0 1 .993.992v18.016a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 21.008V2.992zM19 11V4H5v7h14zm0 2H5v7h14v-7zM9 6h6v2H9V6zm0 9h6v2H9v-2z" />

  72.                             </svg>

  73.                             CPU/GPU

  74.                         </a>

  75.                         <a class="item" href="{{.RepoLink}}/modelarts/inference-job/create">

  76.                             <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16"

  77.                                 height="16">

  78.                                 <path fill="none" d="M0 0h24v24H0z" />

  79.                                 <path

  80.                                     d="M3 2.992C3 2.444 3.445 2 3.993 2h16.014a1 1 0 0 1 .993.992v18.016a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 21.008V2.992zM19 11V4H5v7h14zm0 2H5v7h14v-7zM9 6h6v2H9V6zm0 9h6v2H9v-2z" />

  81.                             </svg>

  82.                             Ascend NPU</a>

  83.                     </div>

  84.                 </div>

  85.                 <div class="min_title inline field" style="margin-top:-10px;">

  86.                     <label class="label-fix-width" style="font-weight: normal;"></label>

  87.                     {{template "custom/task_wait_count" .}}

  88.                     <div style="display: flex;align-items: center;margin-left: 156px;margin-top: 0.5rem;">

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

  90.                         <span style="color: #888;font-size: 12px;">{{.i18n.Tr "cloudbrain.new_infer_gpu_tooltips" "/dataset" "/model" "/result" | Safe}}</span>

  91.                     </div>

  92.                 </div>

  93.                 <div class="required min_title inline field">

  94.                     <label class="label-fix-width" style="font-weight: normal;">{{.i18n.Tr "repo.modelarts.train_job.job_name"}}</label>

  95.                     <input style="width: 60%;" name="display_job_name" id="display_job_name" placeholder={{.i18n.Tr "repo.modelarts.train_job.job_name"}} value="{{.display_job_name}}" onkeyup="this.value=this.value.replace(/[, ]/g,'')" tabindex="3" autofocus required maxlength="36">

  96.                     <span class="tooltips" style="margin-left:11.5rem;display: block;">{{.i18n.Tr "repo.cloudbrain_jobname_err"}}</span>

  97.                 </div>

  98. 

  99.                 <div class="min_title inline field">

  100.                     <label class="label-fix-width" style="font-weight: normal;" for="description">{{.i18n.Tr "repo.modelarts.train_job.description"}}</label>

  101.                     {{if .description}}

  102.                     <textarea style="width: 80%;" id="description" name="description" rows="3" maxlength="255" placeholder={{.i18n.Tr "repo.modelarts.train_job.new_place"}}>{{.description}}</textarea>

  103.                     {{else}}

  104.                     <textarea style="width: 80%;" id="description" name="description" rows="3" maxlength="255" placeholder={{.i18n.Tr "repo.modelarts.train_job.new_place"}} onchange="this.value=this.value.substring(0, 255)" onkeydown="this.value=this.value.substring(0, 255)" onkeyup="this.value=this.value.substring(0, 255)"></textarea>

  105.                     {{end}}

  106.                 </div>

  107.                 <div class="ui divider"></div>

  108. 

  109.                 <!-- 模型相关配置 -->

  110.                 <h4 class="title ui header ">{{.i18n.Tr "repo.modelarts.train_job.parameter_setting"}}:</h4>

  111.                 <div class="required inline min_title fields" style="width: 94%;">

  112.                     <label class="label-fix-width" style="font-weight: normal;">{{.i18n.Tr "repo.modelarts.infer_job.select_model"}}</label>

  113.                     <div class="six wide field">

  114.                         <div class="ui fluid search selection dropdown  loading " id="select_model">

  115.                             <input type="hidden" name="model_name" required>

  116.                             <div class="text"></div>

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

  118.                             <div class="menu" id="model_name">

  119.                             </div>

  120.                         </div>

  121.                       </div>

  122.                       <div class="three wide field">

  123.                         <div class="ui fluid search selection dropdown" id="select_model_version">

  124.                             <input type="hidden" name="train_url" required>

  125.                             <div class="text"></div>

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

  127.                             <div class="menu" id="model_name_version">

  128.                             </div>

  129. 

  130.                         </div>

  131.                       </div>

  132.                       <div class="five wide field">

  133.                         <div class="ui fluid search selection dropdown" id="select_model_checkpoint">

  134.                             <input type="hidden" name="ckpt_name" required>

  135.                             <div class="text"></div>

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

  137.                             <div class="menu" id="model_checkpoint">

  138.                             </div>

  139.                         </div>

  140. 

  141.                       </div>

  142.                       <span >

  143.                         <i class="question circle icon" data-content="{{.i18n.Tr "cloudbrain.model_file_postfix_rule"}}" data-position="top center" data-variation="inverted mini"></i>

  144.                     </span>

  145. 

  146.                 </div>

  147.                 <!-- AI引擎 -->

  148.                 <div id="images-new-cb">

  149. 

  150.                 </div>

  151.                 <!-- 代码分支 -->

  152.                 <div class="required min_title inline field">

  153.                         <label class="label-fix-width" style="font-weight: normal;">{{.i18n.Tr "repo.modelarts.code_version"}}</label>

  154.                         <select class="ui dropdown width48" id="code_version" name="branch_name">

  155.                             {{if .branch_name}}

  156.                                 <option name="branch_name" value="{{.branch_name}}">{{.branch_name}}</option>

  157.                                 {{range $k, $v :=.Branches}}

  158.                                     {{ if ne $v $.branch_name }}

  159.                                     <option name="branch_name" value="{{$v}}">{{$v}}</option>

  160.                                     {{end}}

  161.                                 {{end}}

  162.                             {{else}}

  163.                                 <option name="branch_name" value="{{.branchName}}">{{.branchName}}</option>

  164.                                 {{range $k, $v :=.Branches}}

  165.                                     {{ if ne $v $.branchName }}

  166.                                     <option name="branch_name" value="{{$v}}">{{$v}}</option>

  167.                                     {{end}}

  168.                                 {{end}}

  169.                             {{end}}

  170.                         </select>

  171.                 </div>

  172.                 <!-- GPU 卡的类型 -->

  173.                 <!--<div class="required min_title inline field">

  174.                     <label class="label-fix-width" style="font-weight: normal;">{{.i18n.Tr "cloudbrain.gpu_type"}}</label>

  175.                     <select id="cloudbrain_gpu_type" class="ui search width48 dropdown gpu-type" placeholder="选择GPU类型"

  176.                         style='width:385px' name="gpu_type">

  177.                         {{if .gpu_type}}

  178.                             {{range .inference_gpu_types}}

  179.                                 {{if eq $.gpu_type .Queue}}

  180.                                     <option value="{{.Queue}}">{{.Value}}</option>

  181.                                 {{end}}

  182.                             {{end}}

  183.                             {{range .inference_gpu_types}}

  184.                                 {{if ne $.gpu_type .Queue}}

  185.                                     <option value="{{.Queue}}">{{.Value}}</option>

  186.                                 {{end}}

  187.                             {{end}}

  188.                         {{else}}

  189.                             {{range .inference_gpu_types}}

  190.                                 <option value="{{.Queue}}">{{.Value}}</option>

  191.                             {{end}}

  192.                         {{end}}

  193.                     </select>

  194.                 </div>-->

  195.                 <!-- 数据集-->

  196.                 <div id="select-multi-dataset">

  197. 

  198.                 </div>

  199.                 <span class="tooltips" style="margin-left: 11.5rem;margin-bottom: 1rem;"></span>

  200.                 <div class="inline min_title field required">

  201.                         <label class="label-fix-width" style="font-weight: normal;">{{.i18n.Tr "repo.modelarts.train_job.start_file"}}</label>

  202.                         {{if .boot_file}}

  203.                             <input style="width: 48.5%;" name="boot_file" id="trainjob_boot_file" value="{{.boot_file}}" tabindex="3" autofocus required maxlength="255" >

  204.                         {{else}}

  205.                             <input style="width: 48.5%;" name="boot_file" id="trainjob_boot_file" value="" tabindex="3" autofocus required maxlength="255" >

  206.                         {{end}}

  207.                         <span >

  208.                             <i class="question circle icon" data-content={{.i18n.Tr "repo.modelarts.infer_job.boot_file_helper"}} data-position="top center" data-variation="inverted mini"></i>

  209.                         </span>

  210.                         <a  href="https://openi.pcl.ac.cn/OpenIOSSG/MNIST_PytorchExample_GPU/src/branch/master/inference.py" target="_blank">{{.i18n.Tr "cloudbrain.view_sample"}}</a>

  211.                 </div>

  212. 

  213.                 <!-- 运行参数 -->

  214.                 <div class="inline min_title field">

  215.                     <label class="label-fix-width" style="font-weight: normal;">{{.i18n.Tr "repo.modelarts.train_job.run_parameter"}}</label>

  216.                     <span id="add_run_para" style="cursor:pointer;color: rgba(3, 102, 214, 100);font-size: 14px;line-height: 26px;font-family: SourceHanSansSC-medium;"><i class="plus square outline icon"></i>{{.i18n.Tr "repo.modelarts.train_job.add_run_parameter"}}</span>

  217.                     <input  id="store_run_para" type="hidden" name="run_para_list">

  218.                     <div class="dynamic field" style="margin-top: 1rem;" data-params="{{.run_para_list}}">

  219. 

  220.                     </div>

  221.                 </div>

  222. 

  223.                 <div class="required field " style="display: none;">

  224.                     <label style="font-weight: normal;">{{.i18n.Tr "repo.modelarts.train_job.resource_pool"}}</label>

  225.                     <select class="ui dropdown" id="trainjob_resource_pool" style='width:385px' name="pool_id">

  226.                         {{range .resource_pools}}

  227.                             <option value="{{.ID}}">{{.Value}}</option>

  228.                         {{end}}

  229.                     </select>

  230.                 </div>

  231.                 <!-- 规格 -->

  232.                 <!--<div class="required min_title inline field">

  233.                     <label class="label-fix-width" style="font-weight: normal;">{{.i18n.Tr "cloudbrain.resource_specification"}}</label>

  234.                     <select id="cloudbrain_resource_spec" class="ui search dropdown width80" placeholder="选择资源规格" name="resource_spec_id">

  235.                         {{if .resource_spec_id}}

  236.                             {{range .inference_resource_specs}}

  237.                                 {{if eq $.resource_spec_id .Id}}

  238.                                     <option value="{{.Id}}">{{$.i18n.Tr "cloudbrain.gpu_num"}}：{{.GpuNum}}，{{$.i18n.Tr "cloudbrain.cpu_num"}}：{{.CpuNum}}，{{$.i18n.Tr "cloudbrain.memory"}}(MB)：{{$.i18n.Tr "cloudbrain.shared_memory"}}(MB)：{{.ShareMemMiB}}</option>

  239.                                 {{end}}

  240.                             {{end}}

  241.                             {{range .inference_resource_specs}}

  242.                                 {{if ne $.resource_spec_id .Id}}

  243.                                     <option value="{{.Id}}">{{$.i18n.Tr "cloudbrain.gpu_num"}}：{{.GpuNum}}，{{$.i18n.Tr "cloudbrain.cpu_num"}}：{{.CpuNum}}，{{$.i18n.Tr "cloudbrain.memory"}}(MB)：{{$.i18n.Tr "cloudbrain.shared_memory"}}(MB)：{{.ShareMemMiB}}</option>

  244.                                 {{end}}

  245.                             {{end}}

  246.                         {{else}}

  247.                             {{range .inference_resource_specs}}

  248.                             <option name="resource_spec_id" value="{{.Id}}">

  249.                                 {{$.i18n.Tr "cloudbrain.gpu_num"}}：{{.GpuNum}}，{{$.i18n.Tr "cloudbrain.cpu_num"}}：{{.CpuNum}}，{{$.i18n.Tr "cloudbrain.memory"}}(MB)：{{$.i18n.Tr "cloudbrain.shared_memory"}}(MB)：{{.ShareMemMiB}}</option>

  250.                             {{end}}

  251.                         {{end}}

  252.                     </select>

  253.                 </div>-->

  254.                 <div class="required min_title inline field">

  255.                     <label class="label-fix-width" style="font-weight: normal;">{{.i18n.Tr "cloudbrain.resource_specification"}}</label>

  256.                     <select id="__specs__" class="ui search dropdown width48" placeholder="{{.i18n.Tr "cloudbrain.select_specification"}}" ovalue="{{.spec_id}}" name="spec_id" {{if .CloudBrainPaySwitch}}blance="{{.PointAccount.Balance}}"{{end}}>

  257.                     </select>

  258.                     <span><i class="question circle icon  link"

  259.                                 data-content={{.i18n.Tr "repo.modelarts.train_job.resource_helper"}}

  260.                                 data-position="right center" data-variation="mini"></i></span>

  261.                     <a href="{{AppSubUrl}}/resource_desc" target="_blank">{{.i18n.Tr "custom.resource_description"}}</a>

  262.                     {{if .CloudBrainPaySwitch}}

  263.                     <div class="cloudbrain_resource_spec_blance_tip width48" style="padding:0 5px;margin:6px 0;margin-left:155px;font-size:12px;">

  264.                         <span>{{$.i18n.Tr "points.balance_of_points"}}<span style="color:red;margin: 0 3px">{{.PointAccount.Balance}}</span>{{$.i18n.Tr "points.points"}}</span><span>{{$.i18n.Tr "points.expected_time"}}<span style="color:red;margin: 0 3px" class="can-use-time"></span>{{$.i18n.Tr "points.hours"}}</span>

  265.                         <span style="float:right;">

  266.                             <i class="question circle icon link" data-position="right center" data-variation="mini"></i>

  267.                             <a href="{{AppSubUrl}}/reward/point/rule" target="_blank">{{$.i18n.Tr "points.points_acquisition_instructions"}}</a>

  268.                         </span>

  269.                     </div>

  270.                     {{end}}

  271.                 </div>

  272.                 <!-- 表单操作 -->

  273.                 <div class="inline min_title field">

  274.                     <label class="label-fix-width" style="font-weight: normal;"></label>

  275.                     <button class="ui create_train_job green button {{if eq .NotStopTaskCount 1}}disabled{{end}}">

  276.                     {{.i18n.Tr "repo.cloudbrain.new"}}

  277.                     </button>

  278.                     <a class="ui button" href="{{.RepoLink}}/modelarts/inference-job">{{.i18n.Tr "repo.cloudbrain.cancel"}}</a>

  279.                 </div>

  280.                 <!-- 模态框 -->

  281.             </form>

  282.         </div>

  283.     </div>

  284. </div>

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

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

  287. <script>

  288.     let form = document.getElementById('form_id');

  289.     let createFlag = false

  290.     form.onsubmit = function (e) {

  291.         if(createFlag) return false

  292.         createFlag = true

  293.     }

  294.     const RepoLink = {{.RepoLink}}

  295.     let nameMap,nameList

  296.     // 获取模型列表和模型名称对应的模型版本

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

  298.         modelVersion()

  299.         modelCkpt()

  300.         $.get(`${RepoLink}/modelmanage/query_model_for_predict?type=0`, (data) => {

  301.             nameMap = data.nameMap

  302.             nameList = data.nameList

  303.             let faildModelName = document.getElementById('failed_model_name').value

  304.             let html = ''

  305.             nameList.forEach(element => {

  306.                 html += `<div class="item" data-value=${element}>${element}</div>`

  307.             });

  308.             if(nameList.length!==0){

  309.                 $('#model_name').append(html)

  310.                 if(faildModelName){

  311.                     $("#select_model").dropdown('set text',faildModelName)

  312.                     $("#select_model").dropdown('set value',faildModelName)

  313.                 }else{

  314.                     $("#select_model").dropdown('set text',nameList[0])

  315.                     $("#select_model").dropdown('set value',nameList[0],nameList[0])

  316.                 }

  317.             }

  318.             $('#select_model').removeClass("loading")

  319.         })

  320.     })

  321. 

  322.     // 根据选中的模型名称获取相应的模型版本

  323.     function modelVersion(){

  324.         let faildModelVersion = $('#failed_model_version').val()

  325.         let faildTrainUrl = $('#failed_train_url').val()

  326.         $('#select_model').dropdown({

  327.             onChange: function(value, text, $selectedItem) {

  328.                 $("#select_model_version").addClass("loading")

  329.                 $('#model_name_version').empty()

  330.                 let html = ''

  331.                 nameMap[value].forEach(element => {

  332.                     html += `<div class="item" data-label="${element.label}" data-id="${element.id}" data-value="${element.path}">${element.version}</div>`

  333.                 });

  334.                 $('#model_name_version').append(html)

  335.                 $("#select_model_version").removeClass("loading")

  336.                 const initVersionText = $('#model_name_version div.item:first-child').text()

  337.                 const initVersionValue = $('#model_name_version div.item:first-child').data('value')

  338. 

  339.                 if(faildModelVersion&&faildTrainUrl){

  340.                     $("#select_model_version").dropdown('set text',faildModelVersion)

  341.                     $("#select_model_version").dropdown('set value',faildTrainUrl,faildModelVersion,$('#model_name_version div.item:first-child'))

  342.                 }else{

  343.                     $("#select_model_version").dropdown('set text',initVersionText)

  344.                     $("#select_model_version").dropdown('set value',initVersionValue,initVersionText,$('#model_name_version div.item:first-child'))

  345.                 }

  346.             }

  347.         })

  348.     }

  349.     // 根据选中的模型版本获取相应的模型权重文件

  350.     function modelCkpt(){

  351.         let faildCkptName = $('#failed_ckpt_name').val()

  352.         $('#select_model_version').dropdown({

  353.             onChange: function(value, text, $selectedItem) {

  354.                 const dataID = $selectedItem[0].getAttribute("data-id")

  355.                 const label = $selectedItem[0].getAttribute("data-label")

  356.                 $("#select_model_checkpoint").addClass("loading")

  357.                 $("#model_checkpoint").empty()

  358.                 let html = ''

  359.                 loadCheckpointList(dataID).then((res)=>{

  360.                     res.forEach(element => {

  361.                         const ckptSuffix = element.FileName.split(".")

  362.                         const loadCheckpointFile = ['ckpt','pb','h5','json','pkl','pth','t7','pdparams','onnx','pbtxt','keras','mlmodel','cfg','pt']

  363.                         if(!element.IsDir && loadCheckpointFile.includes(ckptSuffix[ckptSuffix.length-1])){

  364.                             html += `<div class="item" data-value=${element.FileName}>${element.FileName}</div>`

  365.                         }

  366.                     })

  367.                     $('#model_checkpoint').append(html)

  368.                     $("#select_model_checkpoint").removeClass("loading")

  369.                     const initVersionText = $('#model_checkpoint div.item:first-child').text()

  370.                     const initVersionValue = $('#model_checkpoint div.item:first-child').data('value')

  371.                     if(faildCkptName){

  372.                         $("#select_model_checkpoint").dropdown('set text',faildCkptName)

  373.                         $("#select_model_checkpoint").dropdown('set value',faildCkptName,faildCkptName,$('#model_name_version div.item:first-child'))

  374.                     }else{

  375.                         $("#select_model_checkpoint").dropdown('set text',initVersionText)

  376.                         $("#select_model_checkpoint").dropdown('set value',initVersionValue,initVersionText,$('#model_name_version div.item:first-child'))

  377.                     }

  378.                 })

  379.                 $("input#ai_model_version").val(text)

  380.                 $("input#ai_model_label").val(label)

  381.             }

  382.         })

  383.     }

  384.     function loadCheckpointList(value){

  385.         return new Promise((resolve,reject)=>{

  386.             $.get(`${RepoLink}/modelmanage/query_modelfile_for_predict`,{id:value}, (data) => {

  387.                 resolve(data)

  388.             })

  389.         })

  390.     }

  391. 

  392.     $('.question.circle.icon').hover(function(){

  393.         $(this).popup('show')

  394.     });

  395. 

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

  397.         let params = $('.dynamic.field').data('params')

  398.         params&&params.parameter.forEach((item,index)=>{

  399.             Add_parameter(index,flag=true,item)

  400.         })

  401. 

  402.     })

  403.     // 参数增加、删除、修改、保存

  404.     function Add_parameter(i,flag=false,paramsObject={}) {

  405.         let value = ''

  406.         value += `<div class="two fields width85" id= "para${i}">`

  407.         value += '<div class="field">'

  408.         let placeholder_value='{{.i18n.Tr "repo.modelarts.train_job.parameter_value"}}'

  409.         let placeholder_name='{{.i18n.Tr "repo.modelarts.train_job.parameter_name"}}'

  410.         if(flag){

  411.             value +=`<input type="text" class="shipping_first-name"  value="${paramsObject.label}">`

  412.         }else{

  413.             value +='<input type="text" class="shipping_first-name" required  placeholder="' + placeholder_name+ '">'

  414.         }

  415.         value += '</div>'

  416.         value += '<div class="field">'

  417.         if(flag){

  418.             value +=`<input type="text" class="shipping_last-name"  value="${paramsObject.value}">`

  419.         }else{

  420.             value +='<input type="text" class="shipping_last-name" required  placeholder="' + placeholder_value+ '">'

  421.         }

  422.         value += '</div>'

  423.         value += '<span><i class="trash icon"></i></span>'

  424.         value += '</div>'

  425.         $(".dynamic.field").append(value)

  426. 

  427.     }

  428. 

  429.     $('#add_run_para').click(function () {

  430.         var len = $(".dynamic.field .two.fields").length

  431.         Add_parameter(len)

  432.     });

  433. 

  434.     $(".dynamic.field").on("click", ".trash.icon", function () {

  435.         var index = $(this).parent().parent().index()

  436.         $(this).parent().parent().remove()

  437.         var len = $(".dynamic.field .two.fields").length

  438.         $(".dynamic.field .two.fields").each(function () {

  439.             var cur_index = $(this).index()

  440.             $(this).attr('id', 'para' + cur_index)

  441.         })

  442.     });

  443. 

  444.     function send_run_para() {

  445.         var run_parameters = []

  446.         var msg = {}

  447.         $(".dynamic.field .two.fields").each(function () {

  448.             var para_name = $(this).find('input.shipping_first-name').val()

  449.             var para_value = $(this).find('input.shipping_last-name').val()

  450.             run_parameters.push({ "label": para_name, "value": para_value })

  451.         })

  452.         msg["parameter"] = run_parameters

  453.         msg = JSON.stringify(msg)

  454.         $('#store_run_para').val(msg)

  455.     }

  456. 

  457.     var isValidate = false;

  458.     function validate(){

  459.         $('.ui.form')

  460.         .form({

  461.             on: 'blur',

  462.             fields: {

  463.                 boot_file: {

  464.                     identifier  : 'boot_file',

  465.                     rules: [

  466.                     {

  467.                         type: 'regExp[/.+\.py$/g]',

  468.                     }

  469.                     ]

  470.                 },

  471.                 display_job_name:{

  472.                     identifier  : 'display_job_name',

  473.                     rules: [

  474.                     {

  475.                         type: 'regExp[/^[a-z0-9][a-z0-9-_]{1,34}[a-z0-9-]$/]',

  476.                     }

  477.                     ]

  478.                 },

  479.                 attachment:{

  480.                     identifier  : 'attachment',

  481.                     rules: [

  482.                     {

  483.                         type: 'empty',

  484.                     }

  485.                     ]

  486. 

  487.                 },

  488.                 model_name:{

  489.                     identifier  : 'model_name',

  490.                     rules: [

  491.                     {

  492.                         type: 'empty',

  493.                     }

  494.                     ]

  495.                 },

  496.                 train_url:{

  497.                     identifier  : 'train_url',

  498.                     rules: [

  499.                     {

  500.                         type: 'empty',

  501.                     }

  502.                     ]

  503.                 },

  504.                 ckpt_name:{

  505.                     identifier  : 'ckpt_name',

  506.                     rules: [

  507.                     {

  508.                         type: 'empty',

  509.                     }

  510.                     ]

  511.                 },

  512.                 spec_id: {

  513.                     identifier: 'spec_id',

  514.                     rules: [{ type: 'empty' }]

  515.                 }

  516.             },

  517.             onSuccess: function(){

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

  519.                 isValidate = true;

  520.             },

  521.             onFailure: function(e){

  522.                 isValidate = false;

  523.                 return false;

  524.             }

  525.         })

  526.     }

  527.     document.onreadystatechange = function() {

  528.         if (document.readyState === "complete") {

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

  530.         }

  531.     }

  532.     validate();

  533.     $('.ui.create_train_job.green.button').click(function(e) {

  534.         send_run_para();

  535.         validate();

  536.     })

  537.     ;(function() {

  538.         var SPECS = {{ .inference_specs }};

  539.         var showPoint = {{ .CloudBrainPaySwitch }};

  540.         window.renderSpecsSelect($('#__specs__'), SPECS, showPoint, {

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

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

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

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

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

  546.         });

  547.     })();

  548. </script>