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

403 lines
20 kB
Raw Blame History 

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

  2. <style>

  3.     .unite {

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

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

  6.     }

  7. 

  8.     .title {

  9.         font-size: 16px !important;

  10.         padding-left: 3rem !important;

  11.     }

  12. 

  13.     .min_title {

  14.         font-size: 14px !important;

  15.         padding-left: 6rem !important;

  16.         margin-bottom: 2rem !important;

  17. 

  18.     }

  19. 

  20.     .width {

  21.         width: 100% !important;

  22.     }

  23. 

  24.     .width80 {

  25.         width: 80.7% !important;

  26.         margin-left: 10px;

  27.     }

  28. 

  29.     .width85 {

  30.         width: 85% !important;

  31.         margin-left: 4.5rem !important;

  32.     }

  33. 

  34.     .width81 {

  35.         margin-left: 1.5rem;

  36.         width: 81% !important;

  37.     }

  38. 

  39.     .width48 {

  40.         width: 48.5% !important;

  41.     }

  42. 

  43.     .add {

  44.         font-size: 18px;

  45.         padding: 0.5rem;

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

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

  48.         line-height: 21px;

  49.         text-align: center;

  50.         color: #C2C7CC;

  51.     }

  52. 

  53.     .min {

  54.         font-size: 18px;

  55.         padding: 0.5rem;

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

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

  58.         line-height: 21px;

  59.         text-align: center;

  60.         color: #C2C7CC;

  61.     }

  62. 

  63.     .nowrapx {

  64.         white-space: nowrap !important;

  65.     }

  66. </style>

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

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

  69. </div> -->

  70. <div id="mask">

  71.     <div id="loadingPage">

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

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

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

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

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

  77.     </div>

  78. </div>

  79. <div class="repository">

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

  81.     <div class="ui container">

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

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

  84.             {{.i18n.Tr "repo.modelarts.evaluate_job.new_job"}}

  85.         </h4>

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

  87.             <input type="hidden" name="benchmarkMode" value="{{.benchmarkMode}}">

  88. 

  89.             {{if eq .benchmarkMode "model"}}

  90.             <form class="ui form model_form" action="{{.Link}}?benchmarkMode=alogrithm" method="post">

  91.                 {{.CsrfTokenHtml}}

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

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

  94.                     <label style="font-weight: normal;">{{.i18n.Tr "repo.cloudbrain.benchmark.evaluate_scenes"}}</label>

  95.                     <div class="ui blue small menu compact selectcloudbrain">

  96.                         <a class="item alogrithm_benchmark"

  97.                             href="{{.Link}}?benchmarkMode=alogrithm">{{.i18n.Tr "repo.cloudbrain.benchmark.algorithm"}}</a>

  98.                         <a class="active item model_benchmark"

  99.                             href="{{.Link}}?benchmarkMode=model">{{.i18n.Tr "repo.cloudbrain.benchmark.model"}}</a>

  100.                     </div>

  101.                 </div>

  102.                 <div>

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

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

  105.                         <input style="width: 80%;" name="display_job_name" id="trainjob_job_name"

  106.                             placeholder={{.i18n.Tr "repo.modelarts.train_job.job_name"}} value="{{.display_job_name}}"

  107.                             tabindex="3" autofocus required maxlength="254">

  108.                     </div>

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

  110.                         <label style="font-weight: normal;"

  111.                             for="description">{{.i18n.Tr "repo.modelarts.train_job.description"}}&nbsp;&nbsp;</label>

  112.                         <textarea style="width: 80%;" id="description" name="description" rows="3" maxlength="254"

  113.                             placeholder={{.i18n.Tr "repo.modelarts.train_job.new_place"}}

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

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

  116.                             onkeyup="this.value=this.value.substring(0, 255)">{{.description}}</textarea>

  117.                     </div>

  118. 

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

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

  121.                         <select id="cloudbrain_gpu_type" class="ui search dropdown width48" placeholder="选择GPU类型"

  122.                             name="gpu_type">

  123.                             {{range .benchmark_gpu_types}}

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

  125.                             {{end}}

  126.                         </select>

  127.                     </div>

  128. 

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

  130.                         <label style="font-weight: normal;">{{.i18n.Tr "cloudbrain.task_type"}}</label>

  131.                         <select id="cloudbrain_job_type" class="ui search dropdown width48 job_type" placeholder="select {{.i18n.Tr "cloudbrain.task_type"}}" name="job_type">

  132.                             <option name="job_type" value="SNN4IMAGENET">SNN4IMAGENET</option>

  133.                             <option name="job_type" value="BRAINSCORE">BRAINSCORE</option>

  134.                         </select>

  135.                         sle

  136.                         <span>

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

  138.                         </span>

  139.                         <a id="benchmark_model_example" href="https://git.openi.org.cn/yult/snn4imagenet">{{.i18n.Tr "cloudbrain.view_sample"}}</a>

  140.                     </div> -->

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

  142.                         <div class="required ten wide field" style="width: 26.5% !important;">

  143.                             <label style="font-weight: normal;">{{.i18n.Tr "cloudbrain.task_type"}}</label>

  144.                             <select id="cloudbrain_job_type" class="ui search dropdown  job_type"

  145.                                 placeholder="select {{.i18n.Tr "cloudbrain.task_type"}}" name="job_type">

  146.                                 <option value="SNN4IMAGENET">SNN4IMAGENET</option>

  147.                                 <option value="BRAINSCORE">BRAINSCORE</option>

  148.                             </select>

  149.                         </div>

  150.                         <div class="required six widde field" id="brainscore_child_type"

  151.                             style="width: 15% !important;display: none;">

  152.                             <label style="font-weight: normal;">版本</label>

  153.                             <select class="ui search dropdown" placeholder="select {{.i18n.Tr "cloudbrain.task_type"}}"

  154.                                 name="benchmark_child_types_id">

  155.                                 <option value="0">V1</option>

  156.                                 <option value="1">V2</option>

  157.                                 <option value="2">V4</option>

  158.                                 <option value="3">IT</option>

  159.                             </select>

  160.                         </div>

  161.                         <span>

  162.                             <i class="question circle icon  link"

  163.                                 data-content={{.i18n.Tr "repo.modelarts.train_job.boot_file_helper"}}

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

  165.                         </span>

  166.                         <a id="benchmark_model_example"

  167.                             href="https://git.openi.org.cn/yult/snn4imagenet">{{.i18n.Tr "cloudbrain.view_sample"}}</a>

  168.                     </div>

  169. 

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

  171.                     </div>

  172.                     {{template "custom/select_dataset_train" .}}

  173.                     <div class="required unite min_title inline field" style="margin-top:2rem;">

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

  175.                         <select id="cloudbrain_resource_spec" class="ui search dropdown"

  176.                             placeholder="{{.i18n.Tr "cloudbrain.select_specification"}}" style='width:385px'

  177.                             name="resource_spec_id">

  178.                             {{range .benchmark_resource_specs}}

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

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

  181.                             </option>

  182.                             {{end}}

  183.                         </select>

  184.                     </div>

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

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

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

  188.                         </button>

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

  190.                     </div>

  191.                 </div>

  192.             </form>

  193.             {{else}}

  194.             <form class="ui form alogrithm_form" action="{{.Link}}?benchmarkMode=alogrithm" method="post">

  195.                 {{.CsrfTokenHtml}}

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

  197.                 <input type="hidden" name="job_type" value="BENCHMARK">

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

  199.                     <label style="font-weight: normal;">{{.i18n.Tr "repo.cloudbrain.benchmark.evaluate_scenes"}}</label>

  200.                     <div class="ui blue small menu compact selectcloudbrain">

  201.                         <a class="active item alogrithm_benchmark"

  202.                             href="{{.Link}}?benchmarkMode=alogrithm">{{.i18n.Tr "repo.cloudbrain.benchmark.algorithm"}}</a>

  203.                         <a class="item model_benchmark"

  204.                             href="{{.Link}}?benchmarkMode=model">{{.i18n.Tr "repo.cloudbrain.benchmark.model"}}</a>

  205.                     </div>

  206.                 </div>

  207. 

  208.                 <div>

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

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

  211.                         <input style="width: 80%;" name="display_job_name" id="trainjob_job_name"

  212.                             placeholder={{.i18n.Tr "repo.modelarts.train_job.job_name"}} value="{{.display_job_name}}"

  213.                             tabindex="3" autofocus required maxlength="254">

  214.                     </div>

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

  216.                         <label style="font-weight: normal;"

  217.                             for="description">{{.i18n.Tr "repo.modelarts.train_job.description"}}&nbsp;&nbsp;</label>

  218.                         <textarea style="width: 80%;" id="description" name="description" rows="3" maxlength="254"

  219.                             placeholder={{.i18n.Tr "repo.modelarts.train_job.new_place"}}

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

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

  222.                             onkeyup="this.value=this.value.substring(0, 255)">{{.description}}</textarea>

  223.                     </div>

  224. 

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

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

  227.                         <select id="cloudbrain_gpu_type" class="ui search dropdown" placeholder="选择GPU类型"

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

  229.                             {{range .benchmark_gpu_types}}

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

  231.                             {{end}}

  232.                         </select>

  233.                     </div>

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

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

  236.                             <label

  237.                                 style="font-weight: normal;white-space: nowrap;">{{.i18n.Tr "repo.cloudbrain.benchmark.evaluate_type"}}</label>

  238.                             <span>&nbsp;</span>

  239.                             <select class="ui fluid selection search dropdown" id="benchmark_types_id"

  240.                                 name="benchmark_types_id">

  241.                                 {{range .benchmark_types}}

  242.                                 {{if eq .Id $.benchmarkTypeID}}

  243.                                 <option value="{{.Id}}" selected="true">{{.First}}</option>

  244.                                 {{else}}

  245.                                 <option value="{{.Id}}">{{.First}}</option>

  246.                                 {{end}}

  247.                                 {{end}}

  248.                             </select>

  249.                         </div>

  250.                         <div class="eight wide field" id="engine_name">

  251.                             <input type="hidden" id="benchmark_child_types_id_hidden"

  252.                                 name="benchmark_child_types_id_hidden" value="{{.benchmark_child_types_id_hidden}}">

  253.                             <label

  254.                                 style="font-weight: normal;white-space: nowrap;">{{.i18n.Tr "repo.cloudbrain.benchmark.evaluate_child_type"}}</label>

  255.                             <select class="ui fluid selection dropdown nowrapx" id="benchmark_child_types_id"

  256.                                 style='width: 100%;' name="benchmark_child_types_id">

  257.                             </select>

  258.                         </div>

  259.                     </div>

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

  261.                     </div>

  262. 

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

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

  265.                         <select id="cloudbrain_resource_spec" class="ui search dropdown"

  266.                             placeholder="{{.i18n.Tr "cloudbrain.select_specification"}}" style='width:385px'

  267.                             name="resource_spec_id">

  268.                             {{range .benchmark_resource_specs}}

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

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

  271.                             </option>

  272.                             {{end}}

  273.                         </select>

  274.                     </div>

  275. 

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

  277.                         <label

  278.                             style="font-weight: normal;">{{.i18n.Tr "repo.cloudbrain.benchmark.evaluate_train"}}</label>

  279.                         <input disabled="disabled" style="width: 33.5%;" name="train_file" id="train_file"

  280.                             value="train.py" tabindex="3" autofocus required maxlength="254">

  281.                         <a id="train_href_id" href="https://git.openi.org.cn/CV_benchmark/CV_reID_benchmark"

  282.                             target="_blank">{{.i18n.Tr "repo.cloudbrain.benchmark.evaluate_train"}}</a>

  283.                     </div>

  284. 

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

  286.                         <label

  287.                             style="font-weight: normal;">{{.i18n.Tr "repo.cloudbrain.benchmark.evaluate_test"}}</label>

  288.                         <input disabled="disabled" style="width: 33.5%;" name="test_file" id="test_file" value="test.py"

  289.                             tabindex="3" autofocus required maxlength="254">

  290.                         <a id="test_href_id" href="https://git.openi.org.cn/CV_benchmark/CV_reID_benchmark"

  291.                             target="_blank">{{.i18n.Tr "cloudbrain.view_sample"}}</a>

  292.                     </div>

  293. 

  294. 

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

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

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

  298.                         </button>

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

  300.                     </div>

  301.                 </div>

  302. 

  303. 

  304. 

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

  306. 

  307.             </form>

  308.             {{end}}

  309.         </div>

  310.     </div>

  311. </div>

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

  313. 

  314. <script>

  315.     let repolink = {{.RepoLink }}

  316.     let url_href = window.location.pathname.split('create')[0]

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

  318. 

  319.     $('.menu .item')

  320.         .tab();

  321. 

  322.     $('#benchmark_types_id').change(function () {

  323.         setChildType();

  324.     })

  325. 

  326. 

  327.     $(document).ready(() => {

  328.         $('.ui.search.dropdown.job_type').dropdown({

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

  330.                 console.log(value, text)

  331.                 if (value === "BRAINSCORE") {

  332.                     $('#brainscore_child_type').css('display', 'block')

  333.                     $('#benchmark_model_example').attr('href', 'https://git.openi.org.cn/yult/similarity2brain_ann')

  334.                 } else {

  335.                     $('#brainscore_child_type').css('display', 'none')

  336.                     $('#benchmark_model_example').attr('href', 'https://git.openi.org.cn/yult/snn4imagenet')

  337.                 }

  338.             }

  339.         })

  340.     })

  341.     function setChildType() {

  342.         let type_id = $('#benchmark_types_id').val();

  343.         if (type_id == 3) {

  344.             $('#train_href_id').attr('href', 'https://git.openi.org.cn/CV_benchmark/CV_MOT_benchmark');

  345.             $('#test_href_id').attr('href', 'https://git.openi.org.cn/CV_benchmark/CV_MOT_benchmark');

  346.         } else {

  347.             $('#train_href_id').attr('href', 'https://git.openi.org.cn/CV_benchmark/CV_reID_benchmark');

  348.             $('#test_href_id').attr('href', 'https://git.openi.org.cn/CV_benchmark/CV_reID_benchmark');

  349.         }

  350.         let child_selected_id = $('#benchmark_child_types_id_hidden').val();

  351.         $.get(`${repolink}/cloudbrain/benchmark/get_child_types?benchmark_type_id=${type_id}`, (data) => {

  352.             const n_length = data['child_types'].length

  353.             let html = ''

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

  355.                 if (child_selected_id == data['child_types'][i].id) {

  356.                     html += `<option value="${data['child_types'][i].id}" selected="true">${data['child_types'][i].value}</option>`;

  357.                 } else {

  358.                     html += `<option value="${data['child_types'][i].id}">${data['child_types'][i].value}</option>`;

  359.                 }

  360.             }

  361.             document.getElementById("benchmark_child_types_id").innerHTML = html;

  362.         })

  363.     }

  364.     document.onreadystatechange = function () {

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

  366.             if ($('input[name=benchmarkMode]').val() === 'alogrithm') {

  367.                 setChildType();

  368.             }

  369.         }

  370.     }

  371. 

  372.     function validate() {

  373.         $('.ui.form')

  374.             .form({

  375.                 on: 'blur',

  376.                 inline: true,

  377.                 fields: {

  378.                     image: {

  379.                         identifier: 'image',

  380.                         rules: [

  381.                             {

  382.                                 type: 'empty',

  383.                                 prompt: '选择一个镜像'

  384.                             }

  385.                         ]

  386. 

  387.                     }

  388.                 },

  389.                 onSuccess: function () {

  390.                     // $('.ui.page.dimmer').dimmer('show')

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

  392.                 },

  393.                 onFailure: function (e) {

  394.                     return false;

  395.                 }

  396.             })

  397.     }

  398. 

  399. 

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

  401.         validate()

  402.     })

  403. </script>