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

439 lines
26 kB
Raw Blame History 

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

  2. <style>

  3.     .title {

  4.         font-size: 16px !important;

  5.         padding-left: 3rem !important;

  6.     }

  7. 

  8.     .min_title{

  9.         font-size: 14px !important;

  10.         margin-bottom: 2rem !important;

  11.     }

  12.     

  13.     .width100 {

  14.         width: 100% !important;

  15.     }

  16. 

  17.     .width81 {

  18.         margin-left: 1.5rem;

  19.         width: 81% !important;

  20.     }

  21. 

  22.     .width85 {

  23.         width: 85% !important;

  24.         margin-left: 10.5rem !important;

  25.         align-items: center;

  26.     }

  27. 

  28.     .width48 {

  29.         width: 48.5% !important;

  30.     }

  31. 

  32.     .nowrapx {

  33.         white-space: nowrap !important;

  34.     }

  35. 

  36.     .v-middle {

  37.         vertical-align: middle;

  38.     }

  39. 

  40.     .label-required:after {

  41.         margin: -0.2em 0 0 0.2em;

  42.         content: '*';

  43.         color: #db2828;        

  44.         visibility: visible !important;

  45.     }

  46. </style>

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

  48. <div class="repository">

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

  50.     <div class="ui container">

  51.         {{$Grampus := (or (eq (index (SubJumpablePath .Link) 1) "create_grampus_gpu") (eq (index (SubJumpablePath .Link) 1) "create_grampus_npu"))}}

  52.         <div class="cloudbrain-type" style="display: none;" data-grampus="{{$Grampus}}" data-cloudbrain-type="{{.datasetType}}" data-repo-link="{{.RepoLink}}" data-flag-model="true" data-dataset-uuid="{{.attachment}}" data-dataset-name="{{.dataset_name}}"></div>                

  53.         {{if eq .NotStopTaskCount 0}}

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

  55.         {{end}}

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

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

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

  59.         </h4>

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

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

  62.             <form id="form_id" class="ui form alogrithm_form" action="{{.RepoLink}}/modelsafety/create" method="post">

  63.                 {{.CsrfTokenHtml}}

  64.                 <input type="hidden" name="compute_resource" value="{{.compute_resource}}">

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

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

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

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

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

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

  71.                         <a class="item alogrithm_benchmark"

  72.                             href="{{.RepoLink}}/cloudbrain/benchmark/create?benchmarkMode=alogrithm">{{.i18n.Tr "repo.cloudbrain.benchmark.algorithm"}}</a>

  73.                         <a class="item model_benchmark"

  74.                             href="{{.RepoLink}}/cloudbrain/benchmark/create?benchmarkMode=model">{{.i18n.Tr "repo.cloudbrain.benchmark.model"}}</a>

  75.                         <a class="item active model_safe_benchmark"

  76.                             href="{{.Link}}">{{.i18n.Tr "modelsafety.model_security_evaluation"}}</a>

  77.                     </div>

  78.                 </div>

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

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

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

  82.                         <a class="item {{if not $Grampus}}active{{end}}" href="{{.RepoLink}}/modelsafety/create_gpu">

  83.                             <svg class="svg" sxmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-2.29-2.333A17.9 17.9 0 0 1 8.027 13H4.062a8.008 8.008 0 0 0 5.648 6.667zM10.03 13c.151 2.439.848 4.73 1.97 6.752A15.905 15.905 0 0 0 13.97 13h-3.94zm9.908 0h-3.965a17.9 17.9 0 0 1-1.683 6.667A8.008 8.008 0 0 0 19.938 13zM4.062 11h3.965A17.9 17.9 0 0 1 9.71 4.333 8.008 8.008 0 0 0 4.062 11zm5.969 0h3.938A15.905 15.905 0 0 0 12 4.248 15.905 15.905 0 0 0 10.03 11zm4.259-6.667A17.9 17.9 0 0 1 15.973 11h3.965a8.008 8.008 0 0 0-5.648-6.667z"></path></svg>

  84.                             {{.i18n.Tr "cloudbrain.resource_cluster_openi"}}

  85.                         </a>

  86.                         <a class="item {{if $Grampus}}active{{end}}" href="{{.RepoLink}}/modelsafety/create_grampus_gpu">

  87.                              <svg class="svg" sxmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16"><path fill="none" d="M0 0h24v24H0z"></path><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-2.29-2.333A17.9 17.9 0 0 1 8.027 13H4.062a8.008 8.008 0 0 0 5.648 6.667zM10.03 13c.151 2.439.848 4.73 1.97 6.752A15.905 15.905 0 0 0 13.97 13h-3.94zm9.908 0h-3.965a17.9 17.9 0 0 1-1.683 6.667A8.008 8.008 0 0 0 19.938 13zM4.062 11h3.965A17.9 17.9 0 0 1 9.71 4.333 8.008 8.008 0 0 0 4.062 11zm5.969 0h3.938A15.905 15.905 0 0 0 12 4.248 15.905 15.905 0 0 0 10.03 11zm4.259-6.667A17.9 17.9 0 0 1 15.973 11h3.965a8.008 8.008 0 0 0-5.648-6.667z"></path></svg>

  88.                              {{.i18n.Tr "cloudbrain.resource_cluster_c2net"}}(Beta)

  89.                         </a>

  90.                     </div>

  91.                 </div> -->

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

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

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

  95.                         <a class="{{if eq .datasetType 0}}active{{end}} item" href="{{.RepoLink}}/modelsafety/create_{{if $Grampus}}grampus_{{end}}gpu">

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

  97.                                 height="16">

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

  99.                                 <path

  100.                                     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" />

  101.                             </svg>

  102.                             CPU/GPU

  103.                         </a>

  104.                         <a class="{{if eq .datasetType 1}}active{{end}} item" href="{{.RepoLink}}/modelsafety/create_{{if $Grampus}}grampus_{{end}}npu">

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

  106.                                 height="16">

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

  108.                                 <path

  109.                                     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" />

  110.                             </svg>

  111.                             Ascend NPU</a>

  112.                     </div>

  113.                 </div>

  114.                 <div>

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

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

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

  118.                     </div>

  119.                      <div class="min_title inline field" style="margin-top:-20px;margin-bottom:12px !important;">

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

  121.                         <div style="display:inline-block;">

  122.                             <div style="display:flex;align-items:center;color:#f2711c;">

  123.                                 <i class="ri-error-warning-line" style="margin-right: 0.5rem; font-size: 14px"></i>

  124.                                 <span style="font-size: 12px">{{.i18n.Tr "modelsafety.new_model_security_evaluation_tips"}}</span>

  125.                             </div>

  126.                         </div>

  127.                     </div>

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

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

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

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

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

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

  134.                     </div>

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

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

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

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

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

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

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

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

  143.                     </div>

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

  145.                     <div class="required inline min_title field " style="display: none;">

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

  147.                         <select class="ui dropdown width48" id="trainjob_resource_pool" name="pool_id">

  148.                             {{range .resource_pools}}

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

  150.                             {{end}}

  151.                         </select>

  152.                     </div>

  153.                     {{if not $Grampus}}

  154.                         {{if eq .datasetType 0}}

  155.                         <div id="images-new-cb"></div>                        

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

  157.                         {{else}}

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

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

  160.                             <div class="field" style="flex: 1.5;">

  161.                                 <select class="ui dropdown width100" id="trainjob_engines">

  162.                                     {{range .engines}}

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

  164.                                     {{end}}

  165.                                 </select>

  166.                             </div>

  167.                             <div class="field" style="flex: 2;" id="engine_name">

  168.                                 <select class="ui dropdown width100" id="trainjob_engine_versions" name="engine_id">

  169.                                     {{if .engine_id}}

  170.                                         {{range .engine_versions}}

  171.                                             {{if eq $.engine_id .ID}}

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

  173.                                             {{end}}

  174.                                         {{end}}

  175.                                         {{range .engine_versions}}

  176.                                             {{if ne $.engine_id .ID}}

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

  178.                                             {{end}}

  179.                                         {{end}}

  180.                                     {{else}}

  181.                                         {{range .engine_versions}}

  182.                                             {{if not (eq .ID -1)}}

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

  184.                                             {{end}}

  185.                                         {{end}}

  186.                                     {{end}}

  187.                                 </select>

  188.                             </div>

  189.                         </div>

  190.                         {{end}}

  191.                     {{else}}

  192.                         {{if eq .datasetType 0}}

  193.                         <div id="images-new-grampus"></div>

  194.                         {{else}}

  195.                         <div class="required min_title inline field" id="engine_name">

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

  197.                             <select class="ui dropdown width48" id="trainjob_images" name="image_id">

  198.                                 {{if .image_id}}

  199.                                     {{range .images}}

  200.                                         {{if eq $.image_id .ID}}

  201.                                             <option value="{{.ID}}">{{.Name}}</option>

  202.                                         {{end}}

  203.                                     {{end}}

  204.                                     {{range .images}}

  205.                                         {{if ne $.image_id .ID}}

  206.                                             <option value="{{.ID}}">{{.Name}}</option>

  207.                                         {{end}}

  208.                                     {{end}}

  209.                                 {{else}}

  210.                                     {{range .images}}

  211.                                         <option name="image_id" value="{{.ID}}">{{.Name}}</option>

  212.                                     {{end}}

  213.                                 {{end}}

  214.                             </select>

  215.                         </div>

  216.                         {{end}}

  217.                     {{end}}                   

  218. 

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

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

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

  222.                         <span>

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

  224.                         </span>

  225.                         <a href="https://openi.pcl.ac.cn/OpenIOSSG/aisafety" target="_blank">{{.i18n.Tr "cloudbrain.view_sample"}}</a>

  226.                     </div>

  227.                    <div class="inline field min_title required fields" style="width: 92%;">

  228.                         <label class="label-fix-width label-required" style="font-weight: normal;">{{.i18n.Tr "modelsafety.base_data_set"}}</label>&nbsp;

  229.                         <div class="field" style="flex:1.5">

  230.                             <select id="baseDataSet-sel" class="ui dropdown width100" name="src_dataset" ovalue="{{.src_dataset}}"></select>

  231.                         </div>

  232.                         <div class="field" style="flex:2;display:flex;">

  233.                             <label class="label-required" style="font-weight:normal;display:flex;justify-content:right;align-items: center;">{{.i18n.Tr "modelsafety.combat_data_set"}}</label>

  234.                             <div style="flex:1">

  235.                                 <select id="combatDataSet-sel" class="ui dropdown width100"  name="combat_dataset" ovalue="{{.combat_dataset}}"></select>

  236.                             </div>                            

  237.                         </div>                        

  238.                     </div>

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

  240.                         <label class="label-fix-width" style="font-weight:normal;">{{.i18n.Tr "modelsafety.evaluation_indicators"}}</label>

  241.                         <input type="text" style="display:none;" name="evaluation_index" />

  242.                         <select id="job_indicators" class="ui dropdown width48 v-middle" multiple style='width:385px;' ovalue="{{.evaluationIndex}}">

  243.                             <option value="ACC">ACC</option>

  244.                            <!-- <option value="CAV">CAV</option>-->

  245.                             <option value="ASS">ASS</option>

  246.                             <option value="ALDp">ALDp</option>

  247.                             <option value="ACAC">ACAC</option> 

  248.                              <!--  <option value="ACTC">ACTC</option> -->

  249.                             <option value="PSD">PSD</option>

  250.                            <!-- <option value="CACC">CACC</option> -->

  251.                         </select>

  252.                         {{template "repo/modelsafety/indicators_descr".}}

  253.                     </div>

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

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

  256.                         <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;">

  257.                             <i class="plus square outline icon"></i>{{.i18n.Tr "repo.modelarts.train_job.add_run_parameter"}}

  258.                         </span>

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

  260.                         <div class="dynamic field" style="margin-top: 1rem;" data-params="{{.run_para_list}}" data-params-value="{{.i18n.Tr "repo.modelarts.train_job.parameter_value"}}" data-params-name="{{.i18n.Tr "repo.modelarts.train_job.parameter_name"}}"></div>

  261.                     </div>

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

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

  264.                         <select id="__specs__" class="ui dropdown width48"

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

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

  267.                             name="spec_id">

  268.                         </select>

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

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

  271.                         {{if .CloudBrainPaySwitch}}

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

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

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

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

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

  277.                             </span>

  278.                         </div>

  279.                         {{end}}

  280.                     </div>

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

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

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

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

  285.                         </button>

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

  287.                     </div>

  288.                 </div>

  289.             </form>

  290.         </div>

  291.     </div>

  292. </div>

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

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

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

  296. 

  297. <script>

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

  299.     let createFlag = false

  300.     form.onsubmit = function (e) {

  301.         if(createFlag) return false

  302.         createFlag = true

  303.     }

  304.     $('.menu .item').tab();

  305.     

  306.     var isValidate = false;

  307.     function validate() {

  308.         $('.ui.form')

  309.             .form({

  310.                 on: 'blur',

  311.                 fields: {

  312.                     boot_file: {

  313.                         identifier: "boot_file",

  314.                         rules: [

  315.                             {

  316.                             type: "regExp[/.+.py$/g]",

  317.                             },

  318.                         ],

  319.                     },

  320.                     job_name: {

  321.                         identifier: "job_name",

  322.                         rules: [

  323.                             {

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

  325.                             },

  326.                         ],

  327.                     },

  328.                     display_job_name: {

  329.                         identifier: "display_job_name",

  330.                         rules: [

  331.                             {

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

  333.                             },

  334.                         ],

  335.                     },

  336.                     attachment: {

  337.                         identifier: "attachment",

  338.                         rules: [

  339.                             {

  340.                             type: "empty",

  341.                             },

  342.                         ],

  343.                     },

  344.                     spec_id: {

  345.                         identifier: "spec_id",

  346.                         rules: [{ type: "empty" }],

  347.                     },

  348.                     evaluation_index:{

  349.                         identifier: 'evaluation_index',

  350.                         rules: [{ type: 'empty', } ]

  351.                     },

  352.                     model_name:{

  353.                         identifier: 'model_name',

  354.                         rules: [{ type: 'empty', } ]

  355.                     },

  356.                     train_url:{

  357.                         identifier: 'train_url',

  358.                         rules: [{ type: 'empty', }]

  359.                     },

  360.                     ckpt_name:{

  361.                         identifier: 'ckpt_name',

  362.                         rules: [{ type: 'empty', }]

  363.                     },

  364.                 },

  365.                 onSuccess: function () {

  366.                     document.getElementById("mask").style.display = "block";

  367.                     isValidate = true;

  368.                 },

  369.                 onFailure: function (e) {

  370.                     document.getElementById("mask").style.display = "none";

  371.                     isValidate = false;

  372.                     createFlag = false;

  373.                     return false;

  374.                 }

  375.             })

  376.     }

  377. 

  378.     validate();

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

  380.         validate();

  381.     });

  382. 

  383.     ;(function() {

  384.         var SPECS = {{ .benchmark_specs }} || {{ .Specs }};

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

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

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

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

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

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

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

  392.         });

  393.     })();

  394. 

  395.     ;(function() {

  396.         var baseDataSetName = {{.BaseDataSetName}} || '';

  397.         var baseDataSetUUID = {{.BaseDataSetUUID}} || '';

  398.         var combatDataSetName = {{.CombatDataSetName}} || '';

  399.         var combatDataSetUUID = {{.CombatDataSetUUID}} || '';

  400.         var baseDataSetSel = $('#baseDataSet-sel');

  401.         var combatDataSetSel = $('#combatDataSet-sel');

  402. 

  403.         function initDataSetSelect(names, keys, selectEl) {

  404.             selectEl.empty();

  405.             var nameList = names.split(',');

  406.             var keyList = keys.split(',')

  407.             for (var i = 0, iLen = nameList.length; i < iLen; i++) {

  408.                 selectEl.append(`<option index="${i}" value="${keyList[i]}">${nameList[i]}</option>`);

  409.             }

  410.             var oValue = selectEl.attr('ovalue');

  411.             oValue && selectEl.val(oValue);

  412.             selectEl.on('change', function() {

  413.                 var self = $(this);

  414.                 var selectIndex = self.find('option:selected').attr('index');

  415.                 var type = self.attr('id');

  416.                 if (type === 'baseDataSet-sel') {

  417.                     var val = combatDataSetSel.find('option[index="'+selectIndex+'"]').attr('value');

  418.                     combatDataSetSel.dropdown('set selected', val);

  419.                 } else {

  420.                     var val = baseDataSetSel.find('option[index="'+selectIndex+'"]').attr('value');

  421.                     baseDataSetSel.dropdown('set selected', val);

  422.                 }

  423.             }).trigger('change');

  424.         }

  425.         initDataSetSelect(baseDataSetName, baseDataSetUUID, baseDataSetSel);

  426.         initDataSetSelect(combatDataSetName, combatDataSetUUID, combatDataSetSel);

  427.                 

  428.         $('#job_indicators').on('change', function() {

  429.             var value = $(this).val();

  430.             $('input[name="evaluation_index"]').val(value.join(';'));

  431.         }).trigger('change');

  432.         var oIndicators = $('#job_indicators').attr('ovalue');

  433.         if (oIndicators) {

  434.             $('input[name="evaluation_index"]').val(oIndicators);

  435.             $('#job_indicators').dropdown('set exactly', oIndicators.split(';'))

  436.         };

  437.     })();

  438. </script>