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

355 lines
22 kB
Raw Blame History 

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

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

  3. <div class="repository">

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

  5.     <div class="ui container">

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

  7.         {{if eq .NotStopTaskCount 0}}

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

  9.         {{end}}

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

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

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

  13.         </h4>

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

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

  16. 

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

  18.             <form id="form_id" class="ui form model_form" action="{{.Link}}?benchmarkMode=model" method="post">

  19.                 {{.CsrfTokenHtml}}

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

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

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

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

  24.                         <a class="item alogrithm_benchmark"

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

  26.                         <a class="active item model_benchmark"

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

  28.                         <a class="item aisafety_benchmark"

  29.                             href="{{.RepoLink}}/modelsafety/create_gpu">模型安全评测</a>

  30.                     </div>

  31.                 </div>

  32.                 <div>

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

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

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

  36.                     </div>

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

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

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

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

  41.                             tabindex="3" autofocus required maxlength="36">

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

  43.                     </div>

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

  45.                         <label class="label-fix-width" style="font-weight: normal;"

  46.                             for="description">{{.i18n.Tr "repo.modelarts.train_job.description"}}</label>

  47.                         <textarea style="width: 80%;" id="description" name="description" rows="3" required

  48.                             maxlength="254" placeholder={{.i18n.Tr "repo.modelarts.train_job.new_place"}}

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

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

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

  52.                     </div>

  53.                     <div class="required min_title two inline fields" style="margin-left: 80px;">

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

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

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

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

  58.                                 <option value="SNN4ECOSET">SNN4ECOSET</option>

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

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

  61.                             </select>

  62.                         </div>

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

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

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

  66.                             <select class="ui search dropdown" placeholder="select {{.i18n.Tr "cloudbrain.brain_area"}}"

  67.                                 name="benchmark_child_types_id">

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

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

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

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

  72.                             </select>

  73.                         </div>

  74.                         <span>

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

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

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

  78.                         </span>

  79.                         <a id="benchmark_model_example" href="https://openi.pcl.ac.cn/BDIP/snn4imagenet"

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

  81.                     </div>

  82.                     {{template "custom/select_model" .}}

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

  84.                     </div>

  85.                     

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

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

  88.                         <select id="__specs__" class="ui search dropdown width48"

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

  90.                             {{if .CloudBrainPaySwitch}}blance="{{.PointAccount.Balance}}"{{end}}

  91.                             name="spec_id">

  92.                         </select>

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

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

  95.                         {{if .CloudBrainPaySwitch}}

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

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

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

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

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

  101.                             </span>

  102.                         </div>

  103.                         {{end}}

  104.                     </div>

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

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

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

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

  109.                         </button>

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

  111.                     </div>

  112.                 </div>

  113.             </form>

  114.             {{else if eq .benchmarkMode "alogrithm"}}

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

  116.                 {{.CsrfTokenHtml}}

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

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

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

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

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

  122.                         <a class="active item alogrithm_benchmark"

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

  124.                         <a class="item model_benchmark"

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

  126.                         <a class="item aisafety_benchmark"

  127.                             href="{{.RepoLink}}/modelsafety/create_gpu">模型安全评测</a>

  128.                     </div>

  129.                 </div>

  130. 

  131.                 <div>

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

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

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

  135.                     </div>

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

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

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

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

  140.                             tabindex="3" autofocus required maxlength="36">

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

  142.                     </div>

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

  144.                         <label class="label-fix-width" style="font-weight: normal;"

  145.                             for="description">{{.i18n.Tr "repo.modelarts.train_job.description"}}</label>

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

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

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

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

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

  151.                     </div>

  152. 

  153.                     <div class="required inline min_title  fields" style="width: 90%;margin-left: 5.7rem;">&nbsp;

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

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

  156. 

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

  158.                                 name="benchmark_types_id">

  159.                                 {{range .benchmark_types}}

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

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

  162.                                 {{else}}

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

  164.                                 {{end}}

  165.                                 {{end}}

  166.                             </select>

  167.                         </div>

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

  169.                             <input type="hidden" id="benchmark_child_types_id_hidden" name="benchmark_child_types_id_hidden" value="{{.benchmark_child_types_id_hidden}}">

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

  171.                             <select class="ui fluid selection dropdown " id="benchmark_child_types_id" style='width: 100%;' name="benchmark_child_types_id">

  172.                             </select>

  173.                         </div>

  174.                     </div>

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

  176.                     </div>

  177. 

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

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

  180.                         <select id="__specs__" class="ui search dropdown width48"

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

  182.                             {{if .CloudBrainPaySwitch}}blance="{{.PointAccount.Balance}}"{{end}}

  183.                             name="spec_id">

  184.                         </select>

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

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

  187.                         {{if .CloudBrainPaySwitch}}

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

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

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

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

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

  193.                             </span>

  194.                         </div>

  195.                         {{end}}

  196.                     </div>

  197. 

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

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

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

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

  202.                         <a id="train_href_id" href="https://openi.pcl.ac.cn/CV_benchmark/CV_reID_benchmark"

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

  204.                     </div>

  205. 

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

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

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

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

  210.                         <a id="test_href_id" href="https://openi.pcl.ac.cn/CV_benchmark/CV_reID_benchmark"

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

  212.                     </div>

  213. 

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

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

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

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

  218.                         </button>

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

  220.                     </div>

  221.                 </div>

  222.             </form>

  223.             {{end}}

  224.         </div>

  225.     </div>

  226. </div>

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

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

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

  230. <script>

  231.     // let repolink = {{.RepoLink }}

  232.     // $('#benchmark_types_id').change(function () {

  233.     //     console.log("----")

  234.     //     // setChildType();

  235.     // })

  236.     // $("#benchmark_types_id").dropdown({

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

  238.     //         console.log(value)

  239.     //     }

  240.     // })

  241.     // $(document).ready(() => {

  242.     //     $('.ui.search.dropdown.job_type').dropdown({

  243.             

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

  245.     //             console.log(value)

  246.     //             if (value === "BRAINSCORE") {

  247.     //                 $('#brainscore_child_type').css('display', 'block')

  248.     //                 $('#benchmark_model_example').attr('href', 'https://openi.pcl.ac.cn/BDIP/similarity2brain_ann')

  249.     //             } else {

  250.     //                 $('#brainscore_child_type').css('display', 'none')

  251.     //                 $('#benchmark_model_example').attr('href', 'https://openi.pcl.ac.cn/BDIP/snn4imagenet')

  252.     //             }

  253.     //         }

  254.     //     })

  255.     // })

  256.     // function setChildType(type_id=1) {

  257.     //     if (type_id == 3) {

  258.     //         $('#train_href_id').attr('href', 'https://openi.pcl.ac.cn/CV_benchmark/CV_MOT_benchmark');

  259.     //         $('#test_href_id').attr('href', 'https://openi.pcl.ac.cn/CV_benchmark/CV_MOT_benchmark');

  260.     //     } else {

  261.     //         $('#train_href_id').attr('href', 'https://openi.pcl.ac.cn/CV_benchmark/CV_reID_benchmark');

  262.     //         $('#test_href_id').attr('href', 'https://openi.pcl.ac.cn/CV_benchmark/CV_reID_benchmark');

  263.     //     }

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

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

  266.     //         const n_length = data['child_types'].length

  267.     //         let html = ''

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

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

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

  271.     //             } else {

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

  273.     //             }

  274.     //         }

  275.     //         document.getElementById("benchmark_child_types_id").innerHTML = html;

  276.     //     })

  277.     // }

  278.     

  279.     // $(document).ready(function (){

  280.     //     console.log("00")

  281.     //     $(".ui.selection.dropdown.benchmark_types_id").dropdown({

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

  283.     //             console.log(value)

  284.     //             setChildType(value)

  285.     //         }

  286.     //     })

  287.     // })

  288.     // document.onreadystatechange = function () {

  289.     //     if (document.readyState === "complete") {

  290.     //         if ($('input[name=benchmarkMode]').val() === 'alogrithm' || $('input[name=benchmarkMode]').val() === '') {

  291.     //             setChildType();

  292.     //         }

  293.     //     }

  294.         

  295.     

  296.     // }

  297.     // var isValidate = false;

  298.     // function validate() {

  299.     //     $('.ui.form')

  300.     //         .form({

  301.     //             on: 'blur',

  302.     //             fields: {

  303.     //                 image: {

  304.     //                     identifier: 'image',

  305.     //                     rules: [

  306.     //                         {

  307.     //                             type: 'empty',

  308.     //                             promt: ''

  309.     //                         }

  310.     //                     ]

  311.     //                 },

  312.     //                 display_job_name: {

  313.     //                     identifier: 'display_job_name',

  314.     //                     rules: [

  315.     //                         {

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

  317.     //                             promt: ''

  318.     //                         }

  319.     //                     ]

  320.     //                 },

  321.     //                 spec_id: {

  322.     //                     identifier: 'spec_id',

  323.     //                     rules: [{ type: 'empty' }]

  324.     //                 }

  325.     //             },

  326.     //             onSuccess: function () {

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

  328.     //                 document.getElementById("mask").style.display = "block"

  329.     //                 isValidate = true;

  330.     //             },

  331.     //             onFailure: function (e) {

  332.     //                 isValidate = false;

  333.     //                 return false;

  334.     //             }

  335.     //         })

  336.     // }

  337. 

  338.     // validate()

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

  340.     //     validate()

  341.     // })

  342. 

  343.     // ;(function() {

  344.     //     var SPECS = {{ .benchmark_specs }};

  345.     //     var showPoint = {{ .CloudBrainPaySwitch }};

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

  347.     //         gpu_memory: {{$.i18n.Tr "cloudbrain.gpu_memory"}},

  348.     //         free: {{$.i18n.Tr "cloudbrain.free"}},

  349.     //         point_hr: {{$.i18n.Tr "cloudbrain.point_hr"}},

  350.     //         memory: {{$.i18n.Tr "cloudbrain.memory"}},

  351.     //         shared_memory: {{$.i18n.Tr "cloudbrain.shared_memory"}},

  352.     //     });

  353.     // })();

  354. </script>