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

903 lines
44 kB
Raw Blame History 

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

  2. <style>

  3.     .according-panel-heading {

  4.         box-sizing: border-box;

  5.         padding: 8px 16px;

  6.         color: #252b3a;

  7.         background-color: #f2f5fc;

  8.         line-height: 1.5;

  9.         cursor: pointer;

  10.         -moz-user-select: none;

  11.         -webkit-user-select: none;

  12.         -ms-user-select: none;

  13.         -khtml-user-select: none;

  14.         user-select: none;

  15.     }

  16. 

  17.     .accordion-panel-title {

  18.         margin-top: 0;

  19.         margin-bottom: 0;

  20.         color: #252b3a;

  21.     }

  22. 

  23.     .accordion-panel-title-content {

  24.         vertical-align: middle;

  25.         display: inline-block;

  26.         width: calc(100% - 32px);

  27.         cursor: default;

  28.     }

  29. 

  30.     .acc-margin-bottom {

  31.         margin-bottom: 5px;

  32.     }

  33. 

  34.     .title_text {

  35.         font-size: 12px;

  36.     }

  37. 

  38.     .ac-display-inblock {

  39.         display: inline-block;

  40.     }

  41. 

  42.     .cti-mgRight-sm {

  43.         margin-right: 8px;

  44.     }

  45. 

  46.     .ac-text-normal {

  47.         font-size: 14px;

  48.         color: #575d6c;

  49.     }

  50. 

  51.     .uc-accordionTitle-black {

  52.         color: #333;

  53.     }

  54. 

  55.     .accordion-border {

  56.         border: 1px solid #cce2ff;

  57.     }

  58. 

  59.     .padding0 {

  60.         padding: 0 !important;

  61.     }

  62. 

  63.     .content-pad {

  64.         padding: 15px 35px;

  65.     }

  66. 

  67.     .content-margin {

  68.         margin: 10px 5px;

  69.     }

  70. 

  71.     .tab_2_content {

  72.         min-height: 600px;

  73.         margin-left: 10px;

  74.     }

  75. 

  76.     .ac-grid {

  77.         display: block;

  78.         *zoom: 1;

  79.     }

  80. 

  81.     .ac-grid-col {

  82.         float: left;

  83.         width: 100%;

  84.     }

  85. 

  86.     .ac-grid-col2 .ac-grid-col {

  87.         width: 50%;

  88.     }

  89. 

  90.     .ti-form {

  91.         text-align: left;

  92.         max-width: 100%;

  93.         vertical-align: middle;

  94.     }

  95. 

  96.     .ti-form>tbody {

  97.         font-size: 12px;

  98.     }

  99. 

  100.     .ti-form>tbody,

  101.     .ti-form>tbody>tr {

  102.         vertical-align: inherit;

  103.     }

  104. 

  105.     .ti-text-form-label {

  106. 

  107.         padding-bottom: 20px;

  108.         padding-right: 20px;

  109.         color: #8a8e99;

  110.         font-size: 12px;

  111.         white-space: nowrap !important;

  112.         width: 80px;

  113.         line-height: 30px;

  114.     }

  115. 

  116.     .ti-text-form-content {

  117.         line-height: 30px;

  118.         padding-bottom: 20px;

  119.     }

  120. 

  121.     .ti-form>tbody>tr>td {

  122.         vertical-align: top;

  123.         white-space: normal;

  124.     }

  125. 

  126.     td,

  127.     th {

  128.         padding: 0;

  129.     }

  130. 

  131.     .ac-grid-col .text-span {

  132.         width: 420px;

  133.         overflow: hidden;

  134.         text-overflow: ellipsis;

  135.         white-space: nowrap;

  136.     }

  137. 

  138.     .redo-color {

  139.         color: #3291F8;

  140.     }

  141. 

  142.     .ti-action-menu-item:not(:last-child) {

  143.         margin-right: 10px;

  144.         padding-right: 11px;

  145.         text-decoration: none !important;

  146.         color: #526ecc;

  147.         cursor: pointer;

  148.         display: inline-block;

  149.         -moz-user-select: none;

  150.         -webkit-user-select: none;

  151.         -ms-user-select: none;

  152.         -khtml-user-select: none;

  153.         user-select: none;

  154.         position: relative;

  155.     }

  156. 

  157.     .ti-action-menu-item:not(:last-child):after {

  158.         content: "";

  159.         display: inline-block;

  160.         position: absolute;

  161.         height: 12px;

  162.         right: 0;

  163.         top: 50%;

  164.         -webkit-transform: translateY(-6px);

  165.         -ms-transform: translateY(-6px);

  166.         -o-transform: translateY(-6px);

  167.         transform: translateY(-6px);

  168.         border-right: 1px solid #dfe1e6;

  169.     }

  170. 

  171.     .text-width80 {

  172.         width: 100px;

  173.         line-height: 30px;

  174.     }

  175. 

  176.     .border-according {

  177.         border: 1px solid #dfe1e6;

  178.     }

  179. 

  180.     .disabled {

  181.         cursor: default;

  182.         pointer-events: none;

  183.         color: rgba(0, 0, 0, .6) !important;

  184.         opacity: .45 !important;

  185.     }

  186. 

  187.     .pad20 {

  188. 

  189.         border: 0px !important;

  190.     }

  191. 

  192.     .model_file_bread {

  193.         margin-bottom: -0.5rem !important;

  194.         padding-left: 1rem;

  195.         padding-top: 0.5rem;

  196.     }

  197. </style>

  198. <div id="mask">

  199.     <div id="loadingPage">

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

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

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

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

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

  205.     </div>

  206. </div>

  207. <div class="repository">

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

  209.     <div class="ui container">

  210.         <h4 class="ui header" id="vertical-segment">

  211.             <div class="ui breadcrumb">

  212.                 <a class="section" href="{{.RepoLink}}/debugjob?debugListType=all">

  213.                     {{$.i18n.Tr "repo.cloudbrain"}}

  214.                 </a>

  215.                 <div class="divider"> / </div>

  216.                 <a class="section" href="{{$.RepoLink}}/cloudbrain/benchmark">

  217.                     {{$.i18n.Tr "repo.modelarts.evaluate_job"}}

  218.                 </a>

  219.                 <div class="divider"> / </div>

  220.                 <div class="active section" vfield="DisplayJobName"></div>

  221.             </div>

  222.         </h4>

  223.         <div class="ui accordion border-according" id="accordion" data-repopath="{{$.RepoRelPath}}/cloudbrain" data-jobid="" vdatajobid="ID" data-version="">

  224.             <input type="hidden" id="jobId_input" name="jobId_input" value="" vvalue="JobID">

  225.             <div class="active title padding0">

  226.                 <div class="according-panel-heading">

  227.                     <div class="accordion-panel-title">

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

  229.                         <span class="accordion-panel-title-content">

  230.                             <span>

  231.                                 <div class="ac-display-inblock title_text acc-margin-bottom">

  232.                                     <span class="cti-mgRight-sm">

  233.                                         <span vtime="CreatedUnix"></span>

  234.                                     </span>

  235.                                     <span class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.status"}}：

  236.                                       <span id="-status-span">

  237.                                         <i id="icon" style="vertical-align: middle;" class="{{.Status}}" vclass="Status"></i>

  238.                                         <span id="text" style="margin-left: 0.4em;font-size: 12px;" vfield="Status"></span>

  239.                                       </span>

  240.                                     </span>

  241.                                     <span class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}：</span>

  242.                                     <span class="cti-mgRight-sm uc-accordionTitle-black" id="-duration-span" vfield="TrainJobDuration"></span>

  243.                                 </div>

  244.                             </span>

  245.                         </span>

  246.                     </div>

  247.                 </div>

  248.             </div>

  249.             <div class="active content">

  250.                 <div class="content-pad">

  251.                     <div class="ui pointing secondary menu" style="border-bottom: 1px solid rgba(34,36,38,.15);">

  252.                         <a class="active item" data-tab="first0">{{$.i18n.Tr "repo.modelarts.train_job.config"}}</a>            

  253.                         <a class="item log_bottom" data-tab="second0" data-version="">{{$.i18n.Tr "repo.modelarts.log"}}</a>

  254.                         <a class="item" data-tab="third0" data-version="">{{.i18n.Tr "modelsafety.evaluation_result"}}</a>

  255.                     </div>

  256.                     <div class="ui tab active" data-tab="first0">

  257.                         <div style="padding-top: 10px;">

  258.                             <div class="tab_2_content">

  259.                                 <div class="ac-grid ac-grid-col2">

  260.                                     <div class="ac-grid-col">

  261.                                         <table class="ti-form">

  262.                                             <tbody class="ti-text-form">

  263.                                                 <tr class="ti-no-ng-animate">

  264.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  265.                                                         {{$.i18n.Tr "repo.cloudbrain_task"}}

  266.                                                     </td>

  267.                                                     <td class="ti-text-form-content">

  268.                                                         <div class="text-span text-span-w" vfield="DisplayJobName"></div>

  269.                                                     </td>

  270.                                                 </tr>

  271.                                                 <tr class="ti-no-ng-animate">

  272.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  273.                                                         {{$.i18n.Tr "repo.modelarts.status"}}

  274.                                                     </td>

  275.                                                     <td class="ti-text-form-content">

  276.                                                         <div class="text-span text-span-w" id="-status" vfield="Status"></div>

  277.                                                     </td>

  278.                                                 </tr>

  279.                                                 <tr class="ti-no-ng-animate">

  280.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  281.                                                         {{$.i18n.Tr "repo.modelarts.createtime"}}

  282.                                                     </td>

  283.                                                     <td class="ti-text-form-content">

  284.                                                         <div class="text-span text-span-w">

  285.                                                             <span style="font-size: 12px;" class="v-field" vtime="CreatedUnix"></span>

  286.                                                         </div>

  287.                                                     </td>

  288.                                                 </tr>

  289.                                                 <tr class="ti-no-ng-animate">

  290.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  291.                                                         {{$.i18n.Tr "repo.cloudbrain.time.starttime"}}

  292.                                                     </td>

  293.                                                     <td class="ti-text-form-content">

  294.                                                         <div class="text-span text-span-w v-field" vtime="StartTime" id="-startTime"></div>

  295.                                                     </td>

  296.                                                 </tr>

  297.                                                 <tr class="ti-no-ng-animate">

  298.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  299.                                                         {{$.i18n.Tr "repo.cloudbrain.time.endtime"}}

  300.                                                     </td>

  301.                                                     <td class="ti-text-form-content">

  302.                                                         <div class="text-span text-span-w v-field" vtime="EndTime" id="-EndTime"></div>

  303.                                                     </td>

  304.                                                 </tr>

  305.                                                 <tr class="ti-no-ng-animate">

  306.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  307.                                                         {{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}

  308.                                                     </td>

  309.                                                     <td class="ti-text-form-content">

  310.                                                         <div class="text-span text-span-w" vfield="TrainJobDuration" id="-duration"></div>

  311.                                                     </td>

  312.                                                 </tr>

  313.                                                 <tr class="ti-no-ng-animate">

  314.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80" vimagetitle="Image">

  315.                                                         <span style="display:none;">{{$.i18n.Tr "cloudbrain.mirror"}}</span>

  316.                                                         <span style="display:none;">{{$.i18n.Tr "repo.modelarts.train_job.AI_driver"}}</span>

  317.                                                     </td>

  318. 

  319.                                                     <td class="ti-text-form-content">

  320.                                                         <div class="text-span text-span-w" id="-mirror">

  321.                                                             <span class="ui poping up clipboard" data-position="top center" id="clipboard-btn" style="cursor:pointer" 

  322.                                                                 data-clipboard-text="{{.Image}}"

  323.                                                                 data-success="{{$.i18n.Tr "repo.copied"}}" 

  324.                                                                 data-error="{{$.i18n.Tr "repo.copied_error"}}"

  325.                                                                 data-content="{{$.i18n.Tr "repo.copy"}}"

  326.                                                                 data-variation="inverted tiny"

  327.                                                                 vdataclipboardtext="Image"

  328.                                                             >

  329.                                                             <span vtitle="Image" vimage="Image" ></span></span>

  330.                                                         </div>

  331.                                                     </td>

  332.                                                 </tr>

  333.                                                 <tr class="ti-no-ng-animate">

  334.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  335.                                                       {{$.i18n.Tr "repo.cloudbrain.benchmark.evaluate_scenes"}}

  336.                                                     </td>

  337.                                                     <td class="ti-text-form-content">

  338.                                                       <div class="text-span text-span-w" vfield="BenchmarkType"></div>

  339.                                                     </td>

  340.                                                 </tr>

  341.                                                 <tr class="ti-no-ng-animate">

  342.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  343.                                                       {{$.i18n.Tr "repo.cloudbrain.benchmark.evaluate_type"}}

  344.                                                     </td>

  345.                                                     <td class="ti-text-form-content">

  346.                                                       <div class="text-span text-span-w" vfield="BenchmarkTypeName"></div>

  347.                                                     </td>

  348.                                                 </tr>

  349.                                                 <tr class="ti-no-ng-animate">

  350.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  351.                                                       {{.i18n.Tr "modelsafety.base_data_set"}}

  352.                                                     </td>

  353.                                                     <td class="ti-text-form-content">

  354.                                                       <div class="text-span text-span-w" vdataset0="DatasetName"></div>

  355.                                                     </td>

  356.                                                 </tr>

  357.                                                 <tr class="ti-no-ng-animate">

  358.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  359.                                                       {{.i18n.Tr "modelsafety.combat_data_set"}}

  360.                                                     </td>

  361.                                                     <td class="ti-text-form-content">

  362.                                                       <div class="text-span text-span-w" vdataset1="DatasetName"></div>

  363.                                                     </td>

  364.                                                 </tr>

  365.                                                 <tr class="ti-no-ng-animate">

  366.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  367.                                                       {{$.i18n.Tr "repo.modelarts.train_job.run_parameter"}}

  368.                                                     </td>

  369.                                                     <td class="ti-text-form-content">

  370.                                                       <div class="text-span text-span-w" vtitle="Parameters" vfield="Parameters"></div>

  371.                                                     </td>

  372.                                                 </tr>

  373.                                             </tbody>

  374.                                         </table>

  375.                                     </div>

  376.                                     <div class="ac-grid-col">

  377.                                         <table class="ti-form">

  378.                                             <tbody class="ti-text-form">

  379.                                                 <tr class="ti-no-ng-animate">

  380.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  381.                                                       {{$.i18n.Tr "repo.modelarts.code_version"}}

  382.                                                     </td>

  383.                                                     <td class="ti-text-form-content">

  384.                                                         <div class="text-span text-span-w" vfield="BranchName"></div>

  385.                                                     </td>

  386.                                                 </tr>

  387.                                                 <tr class="ti-no-ng-animate">

  388.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  389.                                                       {{$.i18n.Tr "repo.modelarts.train_job.description"}}

  390.                                                     </td>

  391.                                                     <td class="ti-text-form-content">

  392.                                                       <div class="text-span text-span-w" vtitle="Description" vfield="Description"></div>

  393.                                                     </td>

  394.                                                 </tr>

  395.                                                 <tr class="ti-no-ng-animate">

  396.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  397.                                                         <span>{{$.i18n.Tr "repo.modelarts.train_job.resource_type"}}</span>

  398.                                                     </td>

  399.                                                     <td class="ti-text-form-content resorce_type">

  400.                                                         <div class="text-span text-span-w"></div>

  401.                                                     </td>

  402.                                                 </tr>

  403.                                                 <tr class="ti-no-ng-animate">

  404.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  405.                                                         {{$.i18n.Tr "repo.modelarts.train_job.standard"}}

  406.                                                     </td>

  407.                                                     <td class="ti-text-form-content spec">

  408.                                                         <div class="text-span text-span-w"></div>

  409.                                                     </td>

  410.                                                 </tr>

  411.                                                 <tr class="ti-no-ng-animate">

  412.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  413.                                                         {{$.i18n.Tr "repo.modelarts.model_name"}}

  414.                                                     </td>

  415.                                                     <td class="ti-text-form-content">

  416.                                                         <div class="text-span text-span-w" vfield="ModelName"></div>

  417.                                                     </td>

  418.                                                 </tr>

  419.                                                 <tr class="ti-no-ng-animate">

  420.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  421.                                                         {{$.i18n.Tr "repo.modelconvert.modelversion"}}

  422.                                                     </td>

  423. 

  424.                                                     <td class="ti-text-form-content">

  425.                                                         <div class="text-span text-span-w" vfield="ModelVersion"></div>

  426.                                                     </td>

  427.                                                 </tr>

  428.                                                 <tr class="ti-no-ng-animate">

  429.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  430.                                                         {{$.i18n.Tr "repo.modelarts.infer_job_model_file"}}

  431.                                                     </td>

  432. 

  433.                                                     <td class="ti-text-form-content">

  434.                                                         <div class="text-span text-span-w" vfield="CkptName"></div>

  435.                                                     </td>

  436.                                                 </tr>

  437.                                                 <tr class="ti-no-ng-animate">

  438.                                                     <td class="ti-no-ng-animate ti-text-form-label text-width80">

  439.                                                         {{$.i18n.Tr "repo.cloudbrain_creator"}}

  440.                                                     </td>

  441.                                                     <td class="ti-text-form-content">

  442.                                                         <div class="text-span text-span-w" id="-mirror" vuser="User.Name"></div>

  443.                                                     </td>

  444.                                                 </tr>                                                

  445.                                                 <tr class="ti-no-ng-animate">

  446.                                                   <td class="ti-no-ng-animate ti-text-form-label text-width80">

  447.                                                     {{$.i18n.Tr "repo.modelarts.train_job.start_file"}}

  448.                                                   </td>

  449.                                                   <td class="ti-text-form-content">

  450.                                                     <div class="text-span text-span-w" vfield="BootFile"></div>

  451.                                                   </td>

  452.                                                 </tr>

  453.                                                 <tr class="ti-no-ng-animate">

  454.                                                   <td class="ti-no-ng-animate ti-text-form-label text-width80">

  455.                                                     {{.i18n.Tr "modelsafety.evaluation_indicators"}}                                                     

  456.                                                   </td>

  457.                                                   <td class="ti-text-form-content">

  458.                                                     <div class="text-span text-span-w" vfield="LabelName"></div>

  459.                                                   </td>

  460.                                                 </tr>

  461.                                             </tbody>

  462.                                         </table>

  463.                                     </div>

  464.                                 </div>

  465.                             </div>

  466. 

  467.                         </div>

  468.                     </div>

  469.                     <div class="ui tab" data-tab="second0">

  470.                         <div class="file-info">

  471.                           <a id="-log-down"

  472.                               class='{{if $.canDownload}}ti-download-file{{else}}disabled{{end}} file-info'

  473.                               href="/api/v1/repos/{{$.RepoRelPath}}/cloudbrain">

  474.                               <i class="ri-download-cloud-2-line"></i>

  475.                               <span style="margin-left: 0.3rem;">{{$.i18n.Tr "repo.modelarts.download_log"}}</span>

  476.                           </a>

  477.                           <div class="file-info full-log-dialog" data-version="{{.VersionName}}"  data-log="{{$.i18n.Tr "repo.modelarts.log_file"}}"  data-exit="{{$.i18n.Tr "repo.modelarts.exit_full_screen"}}" style="margin-left: 1rem;color:#0366d6;cursor: pointer;">

  478.                               <i class="ri-aspect-ratio-line"></i>

  479.                               <span style="margin-left: 0.3rem;">{{$.i18n.Tr "repo.modelarts.fullscreen_log_file"}}</span>

  480.                           </div>

  481.                         </div>

  482.                         <div

  483.                              style="position: relative;border: 1px solid rgba(0,0,0,.2);padding: 0 10px;margin-top: 10px;">

  484.                              <span>

  485.                                  <a title="滚动到顶部" style="position: absolute; right: -32px;cursor: pointer;"

  486.                                      class="log_top" data-version=""><i class="icon-to-top"></i></a>

  487.                              </span>

  488.                              <span class="log-info-">

  489.                                  <a title="滚动到底部" style="position: absolute; bottom: 10px;right: -32px;cursor: pointer;"

  490.                                      class="log_bottom" data-version=""><i

  491.                                          class="icon-to-bottom"></i></a>

  492.                              </span>

  493.                              <div class="ui message message" style="display: none;">

  494.                                  <div id="header"></div>

  495.                              </div>

  496.                              <div class="ui attached  log log-scroll" id="log" data-version=""

  497.                                 style="height: 300px !important; overflow: auto;">

  498.                                 <div class="ui inverted active dimmer">

  499.                                   <div class="ui loader"></div>

  500.                                 </div>

  501.                                 <input type="hidden" name="end_line" value>

  502.                                 <input type="hidden" name="end_line-max" value>

  503.                                 <input type="hidden" name="start_line-max" value>

  504.                                 <input type="hidden" name="start_line-max-copy" value>

  505.                                 <input type="hidden" name="start_line" value>

  506.                                 <input type="hidden" name="init_log" value>

  507.                                 <pre id="log_file"></pre>

  508.                              </div>

  509.                       </div>                         

  510.                     </div>

  511.                     <div class="ui tab" data-tab="third0">                      

  512.                       <style>

  513.                         .__res_item {

  514.                           margin-bottom: 20px;

  515.                         }

  516.                         .__res_title {

  517.                           height: 50px;

  518.                           display: flex;

  519.                           align-items: center;

  520.                           margin-bottom: 10px;

  521.                         }

  522.                         .__res_title_icon {

  523.                           height: 48px;

  524.                           width: 48px;

  525.                           margin-right: 8px;

  526.                         }

  527.                         .bNIWIE.fill:not([stroke]) {

  528.                           fill: rgb(105, 192, 255);

  529.                         }

  530.                         .bNIWIE.fill:not([fill]) {

  531.                             fill: rgb(105, 192, 255);

  532.                         }

  533.                         .__res_title_txt {                      

  534.                           font-family: SourceHanSansSC;

  535.                           font-size: 14px;

  536.                           font-style: normal;

  537.                           line-height: 20px;

  538.                           text-decoration: none;

  539.                         }

  540.                         .__res_title_txt1 {

  541.                           font-weight: 700;

  542.                           color: rgb(3, 102, 214);

  543.                         }

  544.                         .__res_title_txt2 {                        

  545.                           font-weight: 300;

  546.                           color: rgba(136,136,136,1);

  547.                         }

  548.                         .__res_table_container {

  549.                           overflow-x: auto;

  550.                         }

  551.                         .__res_table_container table {

  552.                           border-bottom-left-radius: 0 !important;

  553.                           border-bottom-right-radius: 0 !important;

  554.                         }

  555.                         .__res_table_container th, .__res_table_container td {

  556.                           text-align: center !important;

  557.                         }

  558.                         .__res_chart_container {

  559.                           height:280px;

  560.                           border: 1px solid rgba(34,36,38,.1);

  561.                           margin-top: -1px;

  562.                           border-bottom-left-radius: .28571429rem;

  563.                           border-bottom-right-radius: .28571429rem;

  564.                         }

  565.                         .__res_no_data {

  566.                           height: 200px;

  567.                           display: flex;

  568.                           justify-content: center;

  569.                           align-items: center;

  570.                         }

  571.                       </style>

  572.                       <div style="display:none;">

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

  574.                       </div>

  575.                       <div class="__res_container">

  576.                         <div class="__res_no_data">{{.i18n.Tr "modelsafety.no_data"}}</div>

  577.                       </div>

  578.                     </div>

  579.                 </div>

  580.             </div>

  581.         </div>

  582.         {{template "custom/max_log" .}}

  583.         {{template "base/paginate" .}}

  584.     </div>

  585.     <!-- 确认模态框 -->

  586.     <div id="deletemodel">

  587.         <div class="ui basic modal">

  588.             <div class="ui icon header">

  589.                 <i class="trash icon"></i> {{$.i18n.Tr "cloudbrain.delete_task"}}

  590.             </div>

  591. 

  592.             <div class="content">

  593.                 <p>{{$.i18n.Tr "cloudbrain.task_delete_confirm"}}</p>

  594.             </div>

  595.             <div class="actions">

  596.                 <div class="ui red basic inverted cancel button">

  597.                     <i class="remove icon"></i> {{$.i18n.Tr "cloudbrain.operate_cancel"}}

  598.                 </div>

  599.                 <div class="ui green basic inverted ok button">

  600.                     <i class="checkmark icon"></i> {{$.i18n.Tr "cloudbrain.operate_confirm"}}

  601.                 </div>

  602.             </div>

  603.         </div>

  604.     </div>

  605. </div>

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

  607. 

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

  609. 

  610. <script>  

  611.   ;(function() {

  612.     function paddingZeros(str, len) {

  613.       str = str.toString();

  614.       if (str.length < len) {

  615.         str = new Array(len - str.length).fill('0').join('') + str;

  616.       }

  617.       return str;

  618.     }

  619. 

  620.     function timeFormat(date) {

  621.       return `${date.getFullYear()}-${paddingZeros(date.getMonth() + 1, 2)}-${paddingZeros(date.getDate(), 2)} ${paddingZeros(date.getHours(), 2)}:${paddingZeros(date.getMinutes(), 2)}:${paddingZeros(date.getSeconds(), 2)}`;

  622.     }

  623. 

  624.     function initTable(tableEl, data) {

  625.       tableEl.empty();

  626.       var lanUntargetted = {{.i18n.Tr "modelsafety.untargetted"}};

  627.       var lanTargetted = {{.i18n.Tr "modelsafety.targetted"}};

  628.       if (data.indicator === 'ALDp') {

  629.         tableEl.append(`

  630.           <table class="ui celled table">

  631.             <thead>

  632.               <tr class="tr-head"><th colspan="2" style="width:100px;">${data.indicator}</th></tr>

  633.             </thead>

  634.             <tbody>

  635.               <tr class="tr-untargetted"><td rowspan="3">${lanUntargetted}</td><td>L_0 norm</td></tr>

  636.               <tr class="tr-untargetted"><td style="border-left: 1px solid rgba(34,36,38,.1);">L_2 norm</td></tr>

  637.               <tr class="tr-untargetted"><td style="border-left: 1px solid rgba(34,36,38,.1);">L_inf norm</td></tr>

  638.               <tr class="tr-targetted"><td rowspan="3">${lanTargetted}</td><td>L_0 norm</td></tr>

  639.               <tr class="tr-targetted"><td style="border-left: 1px solid rgba(34,36,38,.1);">L_2 norm</td></tr>

  640.               <tr class="tr-targetted"><td style="border-left: 1px solid rgba(34,36,38,.1);">L_inf norm</td></tr>

  641.             </tbody>

  642.           </table>`);

  643.           var trHead = tableEl.find('tr.tr-head');

  644.           var trUntargetted = tableEl.find('tr.tr-untargetted');

  645.           var trTargetted = tableEl.find('tr.tr-targetted');

  646.           for (var i = 0, iLen = data.params.length; i < iLen; i++) {

  647.             var params = data.params;

  648.             var untargetted = data.untargetted;

  649.             var targetted = data.targetted;

  650.             trHead.append(`<th>param(${params[i]})</th>`);

  651.             trUntargetted.eq(0).append(`<td>${Number(untargetted[i][0]).toFixed(3)}</td>`);

  652.             trUntargetted.eq(1).append(`<td>${Number(untargetted[i][1]).toFixed(3)}</td>`);

  653.             trUntargetted.eq(2).append(`<td>${Number(untargetted[i][2]).toFixed(3)}</td>`);

  654.             trTargetted.eq(0).append(`<td>${Number(targetted[i][0]).toFixed(3)}</td>`);

  655.             trTargetted.eq(1).append(`<td>${Number(targetted[i][1]).toFixed(3)}</td>`);

  656.             trTargetted.eq(2).append(`<td>${Number(targetted[i][2]).toFixed(3)}</td>`);

  657.           }

  658.       } else {

  659.         tableEl.append(`

  660.           <table class="ui celled table">

  661.             <thead>

  662.               <tr class="tr-head"><th style="width:100px;">${data.indicator}</th></tr>

  663.             </thead>

  664.             <tbody>

  665.               <tr class="tr-untargetted"><td>{{.i18n.Tr "modelsafety.untargetted"}}</td></tr>

  666.               <tr class="tr-targetted"><td>{{.i18n.Tr "modelsafety.targetted"}}</td></tr>

  667.             </tbody>

  668.           </table>`);

  669.         var trHead = tableEl.find('tr.tr-head');

  670.         var trUntargetted = tableEl.find('tr.tr-untargetted');

  671.         var trTargetted = tableEl.find('tr.tr-targetted');

  672.         for (var i = 0, iLen = data.params.length; i < iLen; i++) {

  673.           var params = data.params;

  674.           var untargetted = data.untargetted;

  675.           var targetted = data.targetted;

  676.           trHead.append(`<th>param(${params[i]})</th>`);

  677.           trUntargetted.append(`<td>${Number(untargetted[i]).toFixed(3)}</td>`);

  678.           trTargetted.append(`<td>${Number(targetted[i]).toFixed(3)}</td>`);

  679.         }

  680.       }

  681.     }

  682. 

  683.     function initChart(chartEl, data) {      

  684.       var chartHandle = chartEl.data('chart');

  685.       chartHandle && chartHandle.dispose();

  686.       chartHandle && window.removeEventListener('resize', chartHandle.resize);

  687.       chartHandle = echarts.init(chartEl[0]);

  688.       chartEl.data('chart', chartHandle);

  689.       var lanUntargetted = {{.i18n.Tr "modelsafety.untargetted"}};

  690.       var lanTargetted = {{.i18n.Tr "modelsafety.targetted"}};

  691.       var option = {

  692.         tooltip: {

  693.           trigger: 'axis'

  694.         },

  695.         color: ['rgb(80, 135, 236)', 'rgb(104, 187, 196)'],

  696.         legend: {

  697.           data: [lanUntargetted, lanTargetted],

  698.           top: '15',

  699.         },

  700.         grid: {

  701.           top: '50',

  702.           left: '20',

  703.           right: '20',

  704.           bottom: '20',

  705.           containLabel: true

  706.         },

  707.         xAxis: {

  708.           type: 'category',        

  709.           data: data.params.map(function(item){ return `param(${item})`}),

  710.         },

  711.         yAxis: {

  712.           type: 'value'

  713.         },

  714.         series: [

  715.           {

  716.             name: lanUntargetted,

  717.             type: 'line',

  718.             data: (data.untargetted || []).map(function(item){ return Number(Number(item).toFixed(3)) }),

  719.           },

  720.           {

  721.             name: lanTargetted,

  722.             type: 'line',

  723.             data: (data.targetted || []).map(function(item){ return Number(Number(item).toFixed(3)) }),

  724.           }

  725.         ]

  726.       };

  727.       if (data.indicator === 'ALDp') {

  728.         option.color = ['rgb(80, 135, 236)', 'rgb(247, 238, 209)', 'rgb(231, 230, 238)', 'rgb(104, 187, 196)', 'rgb(211, 183, 136)', 'rgb(159, 131, 179)'];

  729.         option.legend.data = [`${lanUntargetted}(L_0)`, `${lanUntargetted}(L_2)`, `${lanUntargetted}(L_inf)`,

  730.                               `${lanTargetted}(L_0)`, `${lanTargetted}(L_2)`, `${lanTargetted}(L_inf)`];

  731.         option.series = [

  732.           {

  733.             name: `${lanUntargetted}(L_0)`,

  734.             type: 'line',

  735.             data: (data.untargetted || []).map(function(item){ return Number(item[0].toFixed(3)) }),

  736.           },

  737.           {

  738.             name: `${lanUntargetted}(L_2)`,

  739.             type: 'line',

  740.             data: (data.untargetted || []).map(function(item){ return Number(item[1].toFixed(3)) }),

  741.           },

  742.           {

  743.             name: `${lanUntargetted}(L_inf)`,

  744.             type: 'line',

  745.             data: (data.untargetted || []).map(function(item){ return Number(item[2].toFixed(3)) }),

  746.           },

  747.           {

  748.             name: `${lanTargetted}(L_0)`,

  749.             type: 'line',

  750.             data: (data.targetted || []).map(function(item){ return Number(item[0].toFixed(3)) }),

  751.           },

  752.           {

  753.             name: `${lanTargetted}(L_2)`,

  754.             type: 'line',

  755.             data: (data.targetted || []).map(function(item){ return Number(item[1].toFixed(3)) }),

  756.           },

  757.           {

  758.             name: `${lanTargetted}(L_inf)`,

  759.             type: 'line',

  760.             data: (data.targetted || []).map(function(item){ return Number(item[2].toFixed(3)) }),

  761.           }

  762.         ];                   

  763.       }

  764.       chartHandle.setOption(option);

  765.       window.addEventListener('resize', chartHandle.resize);

  766.     }

  767. 

  768.     function initResItems(list) {

  769.       var resContainer = $('.__res_container');

  770.       resContainer.empty();

  771.       for (var i = 0, iLen = list.length; i < iLen; i++) {

  772.         var item = list[i], indicator = item.indicator;

  773.         var descr = $(`[indicator="${indicator}"]`).text();

  774.         var resItemContainer = $(`<div class="__res_item">

  775.           <div class="__res_title">

  776.             <div class="__res_title_icon">

  777.               <svg xmlns="http://www.w3.org/2000/svg" class="styles__StyledSVGIconPathComponent-sc-16fsqc8-0 bNIWIE svg-icon-path-icon fill" viewBox="0 0 32 32" width="48" height="48"><defs data-reactroot=""></defs><g><path d="M8.155 26.783c-3.342-2.449-5.488-6.36-5.488-10.771 0-0.004 0-0.008 0-0.012v0.001c0-7.364 5.969-13.333 13.333-13.333s13.333 5.969 13.333 13.333c0 0.003 0 0.007 0 0.011 0 4.412-2.146 8.323-5.451 10.745l-0.037 0.026-1.353-2.319c2.549-1.969 4.175-5.026 4.175-8.464 0-5.891-4.776-10.667-10.667-10.667s-10.667 4.776-10.667 10.667c0 3.437 1.626 6.494 4.15 8.445l0.025 0.018-1.353 2.319zM10.867 22.136c-1.758-1.477-2.867-3.677-2.867-6.136 0-4.418 3.582-8 8-8s8 3.582 8 8c0 2.459-1.109 4.658-2.854 6.126l-0.012 0.010-1.373-2.355c0.972-0.966 1.573-2.304 1.573-3.782 0-2.946-2.388-5.333-5.333-5.333s-5.333 2.388-5.333 5.333c0 1.478 0.601 2.816 1.573 3.782l0 0-1.373 2.355zM14.667 17.333h2.667v12h-2.667v-12z"></path></g></svg>

  778.             </div>

  779.             <div class="__res_title_txt">

  780.               <div class="__res_title_txt1">${indicator}-${item.name}</div>

  781.               <div class="__res_title_txt2">${descr}</div>

  782.             </div>

  783.           </div>

  784.           <div class="__res_table_container"></div>

  785.           <div class="__res_chart_container"></div>

  786.         </div>`);

  787.         resContainer.append(resItemContainer);

  788.         initTable(resItemContainer.find('.__res_table_container'), item);

  789.         initChart(resItemContainer.find('.__res_chart_container'), item);

  790.       }

  791.     };

  792. 

  793.     function initResTab(data) {         

  794.       var name = data.name;

  795.       var params = data.params;

  796.       var indicators = Object.keys(data.targetted);

  797.       var list = [];

  798.       for (var i = 0, iLen = indicators.length; i < iLen; i++) {

  799.         var indicator = indicators[i];

  800.         var obj = {

  801.           name: name,

  802.           params: params.flat(),

  803.           indicator: indicator,

  804.           targetted: data.targetted[indicator]['targets'],

  805.           untargetted: data.untargetted[indicator],

  806.         };

  807.         list.push(obj);

  808.       }

  809.       initResItems(list);

  810.     }

  811. 

  812.     var resultData;

  813.     function initData() {

  814.       $.ajax({

  815.         url: window.location.href.replace('cloudbrain/benchmark', 'modelsafety'),

  816.         type: "get",

  817.         data: {},

  818.         contentType: "application/json; charset=utf-8",

  819.         success(res) {

  820.           for (var key in res) {

  821.             $(`[vfield="${key}"]`).text(res[key]);

  822.             $(`[vclass="${key}"]`).addClass(res[key]);

  823.             $(`[vtime="${key}"]`).text(res[key] ? timeFormat(new Date(res[key] * 1000)) : '--');          

  824.             $(`[vtitle="${key}"]`).attr('title', res[key]);

  825.             $(`[vdataset0="${key}"]`).text(res[key] ? res[key].toString().split(';')[0] : '');

  826.             $(`[vdataset1="${key}"]`).text(res[key] ? res[key].toString().split(';')[1] : '');

  827.             $(`[vvalue="${key}"]`).val(res[key]);

  828.             $(`[vdatajobid="${key}"]`).attr('data-jobid', res[key]);

  829.           }

  830.           

  831.           $(`[vfield="Description"]`).text(res['Description'] || '--');

  832.           $(`[vfield="Parameters"]`).text(res['Parameters'] || '--');

  833. 

  834.           var imageName = res['Image'] || res['EngineName'];

  835.           $(`[vimagetitle="Image"] span`).hide();

  836.           if (res.Type === 0) {

  837.             imageName = res['Image'];

  838.             $(`[vimagetitle="Image"] span`).eq(0).show();

  839.           } else {

  840.             imageName = res['EngineName'];    

  841.             $(`[vimagetitle="Image"] span`).eq(1).show(); 

  842.           }

  843.           $(`[vdataclipboardtext="Image"]`).attr('data-clipboard-text', imageName);

  844.           $(`[vimage="Image"]`).text(imageName);

  845.           $(`[vtitle="Image"]`).attr('title', imageName);

  846.           $(`[vuser="User.Name"]`).text(res['User'] && res['User']['Name']);

  847. 

  848.           if (res.Spec) {

  849.             var SPEC = res.Spec;

  850.             var showPoint = false;

  851.             var specStr = window.renderSpecStr(SPEC, showPoint, {

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

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

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

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

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

  857.             });

  858.             $('td.ti-text-form-content.spec div').text(specStr);

  859.             SPEC && $('td.ti-text-form-content.resorce_type div').text(getListValueWithKey(ACC_CARD_TYPE, SPEC.AccCardType));

  860.           }

  861.           var oLogHref = $('#-log-down').attr('href');

  862.           $('#-log-down').attr('href', oLogHref + `/${res.ID}/download_log_file`);

  863.           if (res.ResultJson) {

  864.             try {

  865.               resultData = JSON.parse(res.ResultJson);

  866.             } catch(e) {

  867.               resultData = res.ResultJson;

  868.             }            

  869.           }

  870.         },

  871.         error(err) {

  872.           console.log(err);

  873.         },

  874.       });

  875.     }

  876. 

  877.     initData();

  878.     

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

  880.       $('.ui.accordion').accordion({ selector: { trigger: '.icon' } });

  881.     });

  882. 

  883.     $('.pointing.secondary.menu .item').tab({

  884.       onVisible: function(tabPath) {

  885.         if (tabPath === 'first0') {

  886.           initData();

  887.         }

  888.         if (tabPath === 'third0') {

  889.           if (resultData) {

  890.             if (typeof resultData === 'object') {

  891.               initResTab(resultData);

  892.             } else if (typeof resultData === 'string') {

  893.               var resContainer = $('.__res_container');

  894.               resContainer.find('.__res_no_data').text(resultData);

  895.             }

  896.           }

  897.         }

  898.       },

  899.     });

  900. 

  901.   })();

  902. </script>