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: 6eedb70cca
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '6eedb70cca'
${ noResults }
aiforge/templates/repo/modelarts/inferencejob/new.tmpl

305 lines
15 kB
Raw Blame History 

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

  2. <style>

  3. 

  4. .unite{

  5.     font-family: SourceHanSansSC-medium !important;

  6.     color: rgba(16, 16, 16, 100) !important;

  7. }

  8. 

  9. .title{

  10.     font-size: 16px !important;

  11.     padding-left: 3rem !important;

  12. }

  13. .min_title{

  14.     font-size: 14px !important;

  15.     padding-left: 6rem !important;

  16.     margin-bottom: 2rem !important;

  17. 

  18. }

  19. .width{

  20.     width:100% !important;

  21. }

  22. .width80{

  23.     width: 80.7% !important;

  24. }

  25. .width85{

  26.     width: 85% !important;

  27.     margin-left: 4.5rem !important;

  28. }

  29. .width35{

  30.     width: 35.5% !important;

  31. }

  32. 

  33. .add{font-size: 18px;

  34.     padding: 0.5rem;

  35.     border: 1px solid rgba(187, 187, 187, 100);

  36.     border-radius: 0px 5px 5px 0px;

  37.     line-height: 21px;

  38.     text-align: center;

  39.     color: #C2C7CC;

  40. }

  41. .min{

  42.     font-size: 18px;

  43.     padding: 0.5rem;

  44.     border: 1px solid rgba(187, 187, 187, 100);

  45.     border-radius: 5px 0px 0px 5px;

  46.     line-height: 21px;

  47.     text-align: center;

  48.     color: #C2C7CC;

  49. }

  50. .nowrap {

  51.     white-space: nowrap !important;

  52. }

  53. </style>

  54. <!-- <div class="ui page dimmer">

  55.     <div class="ui text loader">{{.i18n.Tr "loading"}}</div>

  56. </div> -->

  57. <div id="mask">

  58.         <div id="loadingPage">

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

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

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

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

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

  64.         </div>

  65. </div>

  66. <div class="repository">

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

  68.     <div class="ui container">

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

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

  71.             {{.i18n.Tr "repo.modelarts.train_job.new"}}

  72.         </h4>

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

  74.             <!-- equal width  -->

  75.             <form class="ui form" action="{{.Link}}" method="post">

  76.                 {{.CsrfTokenHtml}}

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

  78.                 <input type="hidden" id="ai_engine_name" name="engine_names" value="">

  79.                 <input type="hidden" id="ai_flaver_name" name="flaver_names" value="">

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

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

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

  83.                     <input style="width: 60%;" name="job_name" id="trainjob_job_name" placeholder={{.i18n.Tr "repo.modelarts.train_job.job_name"}} value="{{.job_name}}" tabindex="3" autofocus required maxlength="254">

  84.                 </div>

  85.                 

  86.                 <div class="unite min_title inline field">

  87.                     <label style="font-weight: normal;" for="description">{{.i18n.Tr "repo.modelarts.train_job.description"}}&nbsp;&nbsp;</label>

  88.                     <textarea style="width: 80%;" id="description" name="description" rows="3" maxlength="254" 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>

  89.                 </div>

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

  91. 

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

  93.                 

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

  95.                     <div class="required eight wide field">

  96.                         <label style="font-weight: normal;white-space: nowrap;">{{.i18n.Tr "repo.modelarts.infer_job.select_model"}}&nbsp;&nbsp;</label>

  97.                         <!-- <select class="ui fluid selection dropdown" id="select_model">

  98.                             <option value="">选择当前项目下的模型</option>

  99.                             <option value="0">Cat</option>

  100.                             <option value="1">Dog</option>

  101.                             <option value="2">Bird</option>

  102.                             <option value="3">Rabbit</option>

  103.                             <option value="4">Squirrel</option>

  104.                             <option value="5">Horse</option>

  105.                             <option value="6">Turtle</option>

  106.                             <option value="7">Parrot</option>

  107.                         </select> -->

  108.                         <div class="ui search selection dropdown" id="select_model">

  109.                                 <div class="text">Search</div>

  110.                         </div>

  111.                       </div>

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

  113.                         <select class="ui fluid selection dropdown">

  114.                             <option value="">选择版本</option>

  115.                             <option value="0">Cat</option>

  116.                             <option value="1">Dog</option>

  117.                             <option value="2">Bird</option>

  118.                             <option value="3">Rabbit</option>

  119.                             <option value="4">Squirrel</option>

  120.                             <option value="5">Horse</option>

  121.                             <option value="6">Turtle</option>

  122.                             <option value="7">Parrot</option>

  123.                           </select>

  124.                       </div>

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

  126.                         <select class="ui fluid selection dropdown">

  127.                             <option value="">选择模型.ckpt文件</option>

  128.                             <option value="0">Cat</option>

  129.                             <option value="1">Dog</option>

  130.                             <option value="2">Bird</option>

  131.                             <option value="3">Rabbit</option>

  132.                             <option value="4">Squirrel</option>

  133.                             <option value="5">Horse</option>

  134.                             <option value="6">Turtle</option>

  135.                             <option value="7">Parrot</option>

  136.                           </select>

  137.                       </div>

  138.                 </div>

  139.                 <div class="required unite inline min_title  fields" style="width: 90%;">

  140.                     <div class="required eight wide field">

  141.                         <label style="font-weight: normal;white-space: nowrap;">{{.i18n.Tr "repo.modelarts.train_job.AI_driver"}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>

  142.                         <select class="ui fluid selection search dropdown" id="trainjob_engines">

  143.                             {{range .engines}}

  144.                                 <option value="{{.Value}}">{{.Value}}</option>

  145.                             {{end}}

  146.                           </select>

  147.                       </div>

  148.                       <div class="eight wide field">

  149.                         <select class="ui fluid selection dropdown nowrap" id="trainjob_engine_versions" name="engine_id" style="white-space: nowrap;">

  150.                             {{range .engine_versions}}

  151.                                 <option name="engine_id" value="{{.ID}}">{{.Value}}</option>

  152.                             {{end}}

  153.                         </select>

  154.                       </div>

  155.                 </div>

  156. 

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

  158.                         <label style="font-weight: normal;">{{.i18n.Tr "repo.modelarts.code_version"}}&nbsp;</label>

  159.                         <select class="ui dropdown width35" id="code_version" name="branch_name">

  160.                             {{if .branch_name}}

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

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

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

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

  165.                                     {{end}}

  166.                                 {{end}}

  167.                             {{else}}

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

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

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

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

  172.                                     {{end}}

  173.                                 {{end}}

  174.                             {{end}}

  175.                         </select>

  176.                 </div>

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

  178.                     <label style="font-weight: normal;">{{.i18n.Tr "repo.modelarts.train_job.dataset"}}&nbsp;&nbsp;&nbsp;&nbsp;</label>

  179.                     <select class="ui dropdown width35" id="trainjob_datasets" name="attachment" placeholder="选择数据集">

  180.                         {{if $.uuid}}

  181.                             <option name="attachment" value="{{$.uuid}}">{{$.datasetName}}</option>

  182.                         {{end}}

  183.                         {{range .attachments}}

  184.                             <option value="">选择数据集</option>

  185.                             <option name="attachment" value="{{.UUID}}">{{.Attachment.Name}}</option>

  186.                         {{end}}

  187.                     </select>

  188.                     <span class="tooltips" style="display: block;">数据集位置存储在环境变量data_url中，训练输出路径存储在环境变量train_url中。</span>

  189.                 </div>

  190. 

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

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

  193.                         {{if .bootFile}}

  194.                             <input style="width: 35.5%;" name="boot_file" id="trainjob_boot_file" value="{{.bootFile}}" tabindex="3" autofocus required maxlength="254" >

  195.                         {{else}}

  196.                             <input style="width: 35.5%;" name="boot_file" id="trainjob_boot_file" value="" tabindex="3" autofocus required maxlength="254" >

  197.                         {{end}}

  198.                         <span>

  199.                             <i class="question circle icon  link" data-content={{.i18n.Tr "repo.modelarts.train_job.boot_file_helper"}} data-position="right center" data-variation="mini"></i>

  200.                         </span>

  201.                         <a  href="https://git.openi.org.cn/OpenIOSSG/MINIST_Example" target="_blank">查看样例</a>

  202.                 </div>

  203.                 

  204.                 

  205.                 <div class="inline unite min_title field">

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

  207.                     <span id="add_run_para" style="margin-left: 0.5rem;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>

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

  209.                     <div class="dynamic field" style="margin-top: 1rem;">

  210.                     {{if ne 0 (len .params)}}

  211.                         {{range $k ,$v := .params}}

  212.                             <div class="two fields width85" id="para{{$k}}">

  213.                                 <div class="field">

  214.                                     <input type="text" name="shipping_first-name" value={{$v.Label}} required>

  215.                                 </div>

  216.                                 <div class="field">

  217.                                     <input type="text" name="shipping_last-name" value={{$v.Value}} required>

  218.                                 </div>

  219.                                 <span>

  220.                                     <i class="trash icon"></i>

  221.                                 </span>

  222. 

  223.                             </div>

  224.                         {{end}}

  225.                     {{end}}

  226.                     </div>

  227.                 </div>

  228. 

  229. 

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

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

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

  233.                         {{range .resource_pools}}

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

  235.                         {{end}}

  236.                     </select>

  237.                 </div>

  238. 

  239.                 <div class="required unite min_title inline field" id="flaver_name">

  240.                     <label style="font-weight: normal;">{{.i18n.Tr "repo.modelarts.train_job.standard"}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>

  241.                     <select class="ui dropdown width80" id="trainjob-flavor" name="flavor">

  242.                         {{range .flavor_infos}}

  243.                             <option name="flavor" value="{{.Code}}">{{.Value}}</option>

  244.                         {{end}}

  245.                     </select>

  246.                 </div>

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

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

  249.                     

  250.                     <div class="ui labeled input" style="width: 5%;">

  251.                         <input style="border-radius: 0;text-align: center;" name="work_server_number" id="trainjob_work_server_num" tabindex="3" autofocus required maxlength="254" value="1" readonly>

  252.                     </div>

  253.                 </div>

  254.                 

  255.                 <div class="inline unite min_title field">

  256.                     <button class="ui create_train_job green button">

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

  258.                     </button>

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

  260.                 </div>

  261.                 

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

  263.                 

  264.             </form>

  265.         </div>

  266.     </div>

  267. </div>

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

  269. 

  270. <script>

  271.     console.log({{.RepoLink}})

  272.     const RepoLink = {{.RepoLink}}

  273.     const url_href = window.location.pathname.split('create')[0]

  274.     $(".ui.button").attr('href',url_href)

  275.     const changeOwner = function () {

  276.         console.log($('#select_model'))

  277.         

  278.         $('#select_model')

  279.         .dropdown({

  280.             filterRemoteData: true,

  281.             apiSettings: {

  282.             

  283.             url: `${RepoLink}/modelmanage/query_model_for_predict`,

  284.             onResponse(response) {

  285.                 console.log(response)

  286.             }

  287.             },

  288.         });

  289.     };

  290.     changeOwner();

  291.     // $(function(){

  292.     //     $('#select_model').dropdown({

  293.     //     onChange:function(value){

  294.     //         $(".ui.dropdown.selection.search.width70").addClass("loading")

  295.     //         $('#choice_version').dropdown('clear')

  296.     //         $("#job-version").empty()

  297.     //         loadTrainVersion(value)

  298.     //         },

  299.     //     apiSettings: {

  300.         

  301.     //     url: `${RepoLink}/modelmanage/query_model_for_predict`

  302.     //     },

  303.     //     })

  304.     // })

  305. </script>