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: 513c35cca8
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '513c35cca8'
${ noResults }
aiforge/templates/repo/modelmanage/convertIndex.tmpl

599 lines
30 kB
Raw Blame History 

  1. <!-- 头部导航栏 -->

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

  3. <!-- 弹窗 -->

  4. <style>

  5. .inline.fields .right.aligned label{ 

  6.         width: 100% !important;

  7.         text-align: right;

  8. }

  9. .inline .ui.dropdown .text {

  10.         color: rgba(0, 0, 0, .87) !important;

  11.         left: 15px !important;

  12. }

  13. .text_color {

  14.     color: rgb(0 0 0 / 87%);

  15. }

  16. </style>

  17. <div id="mask">

  18.     <div id="loadingPage">

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

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

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

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

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

  24.     </div>

  25. </div>

  26. {{$repository := .Repository.ID}}

  27. <!-- 提示框 -->

  28. <div class="alert"></div>

  29. 

  30. <div class="repository release dataset-list view">

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

  32.     <!-- 列表容器 -->

  33.     <div class="ui container" id="loadContainer">

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

  35.         <div class="ui two column stackable grid">

  36.             <div class="column">

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

  38.                     <a class="item" href="{{.RepoLink}}/modelmanage/show_model">{{$.i18n.Tr "repo.model.list"}}</a>

  39.                     <a class="active item" href="{{.RepoLink}}/modelmanage/convert_model">{{$.i18n.Tr "repo.model.convert"}}</a>

  40.                 </div>

  41.             </div>

  42.             <div class="column right aligned">

  43.                 <!--  -->

  44.                 <a class="ui button {{if .Permission.CanWrite $.UnitTypeModelManage}} green {{else}} disabled {{end}}" onclick="showcreate(this)">{{$.i18n.Tr "repo.model.manage.create_new_convert_task"}}</a>

  45.             </div>

  46.         </div>

  47.        {{if eq .MODEL_CONVERT_COUNT 0}}

  48.         <div class="ui placeholder segment bgtask-none">

  49.             <div class="ui icon header bgtask-header-pic"></div>

  50.             <div class="bgtask-content-header">{{$.i18n.Tr "repo.modelconvert.notcreate"}}</div>

  51.             <div class="bgtask-content">

  52.                 {{if eq .MODEL_COUNT 0}}

  53.                 <div class="bgtask-content-txt">{{$.i18n.Tr "repo.modelconvert.importfirst1"}}<a href="{{.RepoLink}}/modelmanage/show_model">&nbsp;{{$.i18n.Tr "repo.modelconvert.importfirst2"}}&nbsp;</a>{{$.i18n.Tr "repo.modelconvert.importfirst3"}}</div>

  54.                 {{end}}

  55.                 <div class="bgtask-content-txt">{{$.i18n.Tr "repo.platform_instructions1"}}<a href="https://openi.pcl.ac.cn/zeizei/OpenI_Learning">&nbsp;{{$.i18n.Tr "repo.platform_instructions2"}}&nbsp;</a>{{$.i18n.Tr "repo.platform_instructions3"}}</div>

  56. 

  57.             </div>

  58.         </div>

  59.         {{else}}

  60.         <!-- 中下列表展示区 -->

  61.         <div class="ui grid">

  62.             <div class="row" style="padding-top: 0;">

  63.                 <div class="ui sixteen wide column">

  64.                     <!-- 任务展示 -->

  65.                     <div class="dataset list" id="model_convert_list">

  66.                         <!-- 表头 -->

  67.                         <div class="ui grid stackable" style="background: #f0f0f0;;">

  68.                             <div class="row">

  69.                                 <div class="three wide column padding0">

  70.                                     <span style="margin:0 6px">{{$.i18n.Tr "repo.modelconvert.taskname"}}</span>

  71.                                 </div>

  72.                                 <div class="two wide column text center padding0">

  73.                                     <span>{{$.i18n.Tr "repo.modelconvert.taskstatus"}}</span>

  74.                                 </div>

  75.                                 <div class="two wide column text center padding0">

  76.                                         <span>{{$.i18n.Tr "repo.modelconvert.srcengine"}}</span>

  77.                                 </div>

  78.                                 <div class="two wide column text center padding0">

  79.                                         <span>{{$.i18n.Tr "repo.modelconvert.outputformat"}}</span>

  80.                                 </div>

  81.                                 <div class="two wide column text center padding0">

  82.                                     <span>{{$.i18n.Tr "repo.modelconvert.createtime"}}</span>

  83.                                 </div>

  84.                                 <div class="one wide column text center padding0">

  85.                                     <span>{{$.i18n.Tr "repo.cloudbrain_creator"}}</span>

  86.                                 </div>

  87.                                 <div class="three wide column text center padding0">

  88.                                     <span>{{$.i18n.Tr "repo.cloudbrain_operate"}}</span>

  89.                                 </div>

  90.                             </div>

  91.                         </div>

  92.                          {{range .Tasks}}

  93.                         <div class="ui grid stackable item">

  94.                             <div class="row">

  95.                                   <div class="three wide column padding0">

  96.                                     <a class="title" href="{{$.RepoLink}}/modelmanage/show_model_convert_info?id={{.ID}}" title="{{.Name}}" style="font-size: 14px;">

  97.                                         <span class="fitted" style="width: 90%;vertical-align: middle;">{{.Name}}</span>

  98.                                     </a>

  99.                                   </div>

  100.                                  <div class="two wide column padding0" style="padding-left: 2.2rem !important;">

  101.                                     <span class="job-status" id="{{.ID}}" data-repopath="{{$.RepoRelPath}}/modelmanage" data-jobid="{{.ID}}" data-version="">

  102.                                         <span><i id="{{.ID}}-icon" style="vertical-align: middle;" class="{{.Status}}"></i><span  id="{{.ID}}-text" style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>

  103.                                     </span>

  104.                                 </div>

  105.                                 <div class="two wide column center padding0">

  106.                                      <span style="font-size: 12px;">{{if eq .SrcEngine 0}}PyTorch {{else if eq .SrcEngine 1}}TensorFlow {{else if eq .SrcEngine 2}}MindSpore {{else if eq .SrcEngine 4}}PaddlePaddle {{else if eq .SrcEngine 6}}MXNet {{end}}</span>

  107.                                 </div>

  108.                                 <div class="two wide column center padding0">

  109.                                      <span style="font-size: 12px;">{{if eq .DestFormat 0}}ONNX {{else if eq .DestFormat 1}}TensorRT {{end}}</span>

  110.                                 </div>

  111.                                  <div class="two wide column center padding0">

  112.                                     <span style="font-size: 12px;" class="">{{TimeSinceUnix .CreatedUnix $.Lang}}</span>

  113.                                 </div>

  114.                                 <div class="one wide column text center padding0">

  115.                                     <a href="{{AppSubUrl}}/{{.UserName}}" title="{{.UserName}}"><img class="ui avatar image" src="{{.UserRelAvatarLink}}"></a>

  116.                                 </div>

  117.                                 <div class="three wide column text center padding0">

  118.                                  <div class="ui compact buttons" >

  119.                                     <!-- 停止任务 -->

  120.                                       <form id="stopForm-{{.ID}}"  style="margin-left:-1px;" action="{{$.RepoLink}}/modelmanage/convert_stop/{{.ID}}" method="post">

  121.                                             {{$.CsrfTokenHtml}}

  122.                                             {{if .IsCanDelete}}

  123.                                             <a id="ai-stop-{{.ID}}" href="javascript:stopTask('{{.ID}}');" class='ui basic model_stop {{if eq .Status "COMPLETED" "STOPPED" "FAILED" "START_FAILED" "STOPPING"  "CREATING"  "STARTING" "SUCCEEDED"}}disabled {{else}}blue {{end}}button' >

  124.                                                 {{$.i18n.Tr "repo.stop"}}

  125.                                             </a>

  126.                                             {{else}}

  127.                                                 <a  class="ui basic disabled button">{{$.i18n.Tr "repo.stop"}} </a>

  128.                                             {{end}}

  129.                                       </form>

  130.                                         

  131.                                       <!-- 删除任务 -->

  132.                                       <form  id="delForm-{{.ID}}" action="{{$.RepoLink}}/modelmanage/delete_model_convert/{{.ID}}" method="post">

  133.                                             {{$.CsrfTokenHtml}}

  134.                                              {{if .IsCanDelete}}

  135.                                             <a id="ai-delete-{{.ID}}" class='ui basic ai_delete blue button'  style="border-radius: .28571429rem;">

  136.                                                 {{$.i18n.Tr "repo.delete"}}

  137.                                             </a>

  138.                                             {{else}}

  139.                                                 <a  class="ui basic disabled button">{{$.i18n.Tr "repo.delete"}} </a>

  140.                                             {{end}}

  141.                                        </form>

  142. 

  143.                                          {{if .IsCanOper}}

  144.                                             <a id="ai-download-{{.ID}}"  href="{{$.Repository.HTMLURL}}/modelmanage/download_model_convert/{{.ID}}?allDownload=true&a=1" class='ui basic {{if eq .Status "SUCCEEDED" "COMPLETED"}}blue {{else}}disabled {{end}}button'  style="border-radius: .28571429rem;">

  145.                                                 {{$.i18n.Tr "repo.modelconvert.download"}}

  146.                                             </a>

  147.                                         {{else}}

  148.                                             <a  class="ui basic disabled button">{{$.i18n.Tr "repo.modelconvert.download"}}</a>

  149.                                         {{end}}

  150.                                     </div>

  151.                                 </div>

  152.                             </div>

  153.                         </div>

  154.                         {{end}}

  155.                          <div id="app" style="margin-top: 2rem;">

  156.                             <div class="center">

  157.                                 <el-pagination

  158.                                 background

  159.                                 @current-change="handleCurrentChange"

  160.                                 :current-page="page"

  161.                                 :page-sizes="[10]"

  162.                                 :page-size="10"

  163.                                 layout="total, sizes, prev, pager, next, jumper"

  164.                                 :total="{{.Page.Paginater.Total}}">

  165.                                 </el-pagination>

  166.                             </div>

  167.                         </div>

  168.                     </div>

  169.                 </div>

  170.             </div>

  171.         </div>

  172.         {{end}}

  173.     </div>

  174. 

  175. </div>

  176. 

  177. </div>

  178. 

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

  180. <div id="deletemodel">

  181.     <div class="ui basic modal first">

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

  183.             <i class="trash icon"></i> 删除模型

  184.         </div>

  185. 

  186.         <div class="content">

  187.             <p>你确认删除该模型转换任务么？一旦删除不可恢复。</p>

  188.         </div>

  189.         <div class="actions">

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

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

  192.             </div>

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

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

  195.             </div>

  196.         </div>

  197.     </div>

  198. </div>

  199. <div id="newmodelconvert">

  200.     <div class="ui modal second">

  201.         <div class="header" style="padding: 1rem;background-color: rgba(240, 240, 240, 100);">

  202.             <h4 id="model_header"></h4>

  203.         </div>

  204.         <div class="content content-padding">

  205.             <div id="formdiv"  class="ui form" >

  206.                 <input type="hidden" name="initModel" value="{{$.MODEL_COUNT}}">

  207.                 <div class="ui error message">

  208.                     <!-- <p>asdasdasd</p> -->

  209.                 </div>

  210.                 <input type="hidden" name="_csrf" value="">

  211.                 <div class="unite min_title required inline fields" id="task_name">

  212.                     <div class="three wide field right aligned">

  213.                         <label for="model_convert_name">{{$.i18n.Tr "repo.modelconvert.taskname"}}</label>

  214.                     </div>

  215.                     <div class="twelve wide field">

  216.                         <input  id="model_convert_name" name="model_convert_name" required maxlength="25" onkeyup="this.value=this.value.replace(/[, ]/g,'')">

  217.                     </div>

  218.                 </div>

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

  220.                     <div class="three wide field right aligned">

  221.                         <label for="choice_model">{{$.i18n.Tr "repo.modelconvert.modelname"}}</label>

  222.                     </div>

  223.                     <div class="ui dropdown selection search eight wide field loading" id="choice_model" name="choice_model">

  224.                             <div class="default text">{{$.i18n.Tr "repo.modelconvert.selectmodel"}}</div>

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

  226.                             <div class="menu" id="model-name">

  227.                             </div>

  228.                     </div>

  229.                 </div>

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

  231.                     <div class="three wide field right aligned">

  232.                         <label for="choice_version">{{$.i18n.Tr "repo.modelconvert.modelversion"}}</label>

  233.                     </div>

  234.                     

  235.                     <div class="ui dropdown selection search eight wide field" id="choice_version">

  236.                             <input type="hidden" id="modelVersion" name="modelVersion" required>

  237.                             <div class="default text">{{$.i18n.Tr "repo.modelconvert.selectversion"}}</div>

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

  239.                             <div class="menu" id="model-version">

  240. 

  241.                             </div>

  242.                     </div>

  243.                 </div>

  244.                 <div class="unite min_title inline fields required" id="ModelFile_Div">

  245.                     <div class="three wide field right aligned">

  246.                         <label for="choice_file">{{$.i18n.Tr "repo.model.manage.modelfile"}}</label>

  247.                     </div>

  248.                     <div class="ui dropdown selection search eight wide field" id="choice_file">

  249.                             <input type="hidden" id="modelFile" name="modelFile" required>

  250.                             <div class="default text">{{$.i18n.Tr "repo.modelconvert.selectmodelfile"}}</div>

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

  252.                             <div class="menu" id="model-file">

  253. 

  254.                             </div>

  255.                     </div>

  256.                     <div data-tooltip="{{.i18n.Tr "cloudbrain.model_convert_postfix_rule"}}" data-inverted="" data-variation="mini">

  257.                         <i class="question circle icon"></i>

  258.                     </div>

  259.                     

  260.                 </div>

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

  262.                     <div class="three wide field right aligned">

  263.                         <label for="srcEngine">{{$.i18n.Tr "repo.modelconvert.srcengine"}}</label>

  264.                     </div>

  265.                     

  266.                     <select id="srcEngine" class="ui search dropdown eight wide field" placeholder="" style='color:#000000;' name="srcEngine" onchange="javascript:srcEngineChanged()">

  267.                         

  268.                     </select>

  269.                 </div>

  270.                 <div class="unite min_title required inline fields" id="inputdataformat_div">

  271.                     <div class="three wide field right aligned">

  272.                         <label for="inputdataformat">{{$.i18n.Tr "repo.modelconvert.inputdataformat"}}</label>

  273.                     </div>

  274.           

  275.                     <select id="inputdataformat" class="ui search dropdown eight wide field" placeholder="" style='width:50%' name="inputdataformat">

  276.                             <option name="NCHW" value="NCHW">NCHW</option>

  277.                             <option name="NHWC" value="NHWC">NHWC</option>

  278.                     </select>

  279.                    

  280.                 </div>

  281.                 <div class="unite min_title required inline fields" id="inputshape_div">

  282.                     <div class="three wide field right aligned">

  283.                         <label for="inputshape">{{$.i18n.Tr "repo.modelconvert.inputshape"}}</label>

  284.                     </div>

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

  286.                         <input id="inputshape" name="inputshape" placeholder="{{$.i18n.Tr "repo.modelconvert.inputshapetip"}}" required maxlength="25">

  287.                     </div>

  288.                 </div>

  289.                 

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

  291.                     <div class="three wide field right aligned">

  292.                         <label for="destFormat">{{$.i18n.Tr "repo.modelconvert.outputformat"}}</label>

  293.                     </div>

  294.        

  295.                     <select id="destFormat" class="ui search dropdown eight wide field" placeholder="" style='width:50%' name="destFormat">

  296.  

  297.                     </select>

  298.                     

  299.                 </div>

  300.                 <div class="unite min_title inline fields">

  301.                     <div class="three wide field right aligned">

  302.                         <label for="netOutputFormat">{{$.i18n.Tr "repo.modelconvert.netoutputdata"}}&nbsp;&nbsp;</label>

  303.                     </div>

  304.    

  305.                     <select id="netOutputFormat" class="ui search dropdown eight wide field" placeholder="" style='width:50%' name="netOutputFormat">

  306. 

  307.                     </select>

  308.                     

  309.                 </div>

  310.                 <div class="unite min_title inline fields">

  311.                     <div class="three wide field right aligned">

  312.                         <label for="description">{{$.i18n.Tr "repo.modelconvert.taskdesc"}}&nbsp;&nbsp;</label>

  313.                     </div>

  314.                     <div class="twelve wide field">

  315.                         <textarea  id="description" name="description" rows="1" maxlength="255" placeholder='{{.i18n.Tr "repo.modelarts.train_job.new_place"}}' onchange="this.value=this.value.substring(0, 255)" onkeydown="this.value=this.value.substring(0, 255)" onkeyup="this.value=this.value.substring(0, 256)"></textarea>

  316.                     </div>

  317.                 </div>

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

  319.                     <button id="submitId" name="submitId" type="button" class="ui create_train_job green button" style="position: absolute;margin-left: 150px;">

  320.                     {{$.i18n.Tr "repo.modelconvert.newtask"}}

  321.                     </button>

  322.                 </div>

  323.             </div>

  324.             <div class="actions" style="display: inline-block;margin-left: 250px;">

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

  326.             </div>

  327.         </div>

  328.     </div>

  329. 

  330. </div>

  331. 

  332. 

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

  334. 

  335. <script>

  336.     let repolink =  {{.RepoLink}}

  337.     let repoId = {{$repository}}

  338.     const {_AppSubUrl, _StaticUrlPrefix, csrf} = window.config;

  339.     $('input[name="_csrf"]').val(csrf)

  340.     var modelData;

  341. 

  342.     function inputshapeNotValid(value){

  343.         if(value == null || value ==""){

  344.             return true;

  345.         }

  346.         var tmps = value.split(",");

  347.         if(tmps.length ==4){

  348.            return false;

  349.         }else{

  350.            return true;

  351.         }

  352.     }

  353.     $('#submitId').click(function(){

  354.         let data={};

  355.         data['_csrf']=csrf

  356.         data['name']= $('#model_convert_name').val()

  357. 

  358.         if(data['name']==""){

  359.             $('.ui.error.message').text("{{.i18n.Tr "repo.modelconvert.tasknameempty"}}")

  360.             $('.ui.error.message').css('display','block')

  361.             $("#task_name").addClass("error")

  362.             return false

  363.         }else{

  364.             $("#task_name").removeClass("error")

  365.         }

  366. 

  367.         data['desc']= $('#description').val()

  368.         data['modelId'] = $('#modelVersion').val()

  369.         data['srcEngine'] = $('#srcEngine').val();

  370.         data['inputshape']= $('#inputshape').val();

  371. 

  372.         if(inputshapeNotValid(data['inputshape'])){

  373.             $('.ui.error.message').text("{{.i18n.Tr "repo.modelconvert.inputshapeerror"}}")

  374.             $('.ui.error.message').css('display','block')

  375.             $("#inputshape_div").addClass("error")

  376.             return false

  377.         }else{

  378.             $("#inputshape_div").removeClass("error")

  379.         }

  380. 

  381.         data['inputdataformat']= $('#inputdataformat').val();

  382.         data['destFormat'] = $('#destFormat').val();

  383.         data['netOutputFormat']= $('#netOutputFormat').val();

  384.         data['modelFile'] = $('#modelFile').val();

  385.         if(data['modelFile']==""){

  386.             $('.ui.error.message').text("{{.i18n.Tr "repo.modelconvert.modelfileempty"}}")

  387.             $('.ui.error.message').css('display','block')

  388.             $("#ModelFile_Div").addClass("error")

  389.             return false

  390.         }else{

  391.             $("#ModelFile_Div").removeClass("error")

  392.         }

  393.         $.post(`${repolink}/modelmanage/create_model_convert`,data,(result) => {

  394.             console.log("result=" + result);

  395.             if(result.code ==0){

  396.                 $('.ui.modal.second').modal('hide');

  397.                 window.location.reload();

  398.             }else{

  399.                 $('.ui.error.message').text(result.msg)

  400.                 $('.ui.error.message').css('display','block')

  401.             }

  402.         })

  403.     })

  404. 

  405.     function stopTask(id){

  406.         console.log("stop form stopForm-" + id);

  407.         document.getElementById("stopForm-" + id).submit();

  408.     }

  409. 

  410.     function createModelName(){

  411.         let repoName = location.pathname.split('/')[2]

  412.         let modelName = repoName + '_modelConvert_' + Math.random().toString(36).substr(2, 4)

  413.         $('#model_convert_name').val(modelName)

  414.     }

  415.     function showcreate(obj){

  416.         $('.ui.modal.second')

  417.         .modal({

  418.             centered: false,

  419.             onShow:function(){

  420.                 $('#model_header').text("{{.i18n.Tr "repo.modelconvert.createtask"}}")

  421.                 $('.ui.dimmer').css({"background-color":"rgb(136, 136, 136,0.7)"})

  422.                 createModelName()

  423.                 loadModelList()

  424.             },

  425.             onHide:function(){

  426.                 //document.getElementById("formId").reset();

  427.                 $('#model_convert_name').val("")

  428.                 $('#choice_model').dropdown('clear')

  429.                 $('#choice_version').dropdown('clear')

  430.                 $('#choice_file').dropdown('clear')

  431.                 console.log("div hidde ....");

  432.                 $('.ui.dimmer').css({"background-color":""})

  433.                 $('.ui.error.message').text()

  434.                 $('.ui.error.message').css('display','none')

  435.                 $("#task_name").removeClass("error")

  436.                 $("#inputshape_div").removeClass("error")

  437.             }

  438.         })

  439.         .modal('show')

  440.     }

  441. 

  442.     $(function(){

  443.         $('#choice_model').dropdown({

  444.         onChange:function(value){

  445.                 $("#choice_model").addClass("loading")

  446.                 $('#choice_version').dropdown('clear')

  447.                 $('#choice_file').dropdown('clear')

  448.                 $("#model-version").empty()

  449.                 $("#model-file").empty()

  450.                 

  451.                 loadModelVersion(value)

  452.                 $("#choice_model").removeClass("loading")

  453.             }

  454.         })

  455. 

  456.         $('#choice_version').dropdown({

  457.         onChange:function(value){

  458.                 console.log("model version:" + value);

  459.                 $('#choice_version input[name="modelVersion"]').val(value)

  460.                 loadModelFile(value);

  461.             }

  462.         })

  463. 

  464.          $('#choice_file').dropdown({

  465.         onChange:function(value){

  466.             console.log("model file:" + value);

  467.             $('#choice_file input[name="modelFile"]').val(value)

  468.             }

  469.         })

  470. 

  471.     })

  472. 

  473.     function srcEngineChanged(){

  474.         var ele = window.document.getElementById("srcEngine");

  475.         var index=ele.selectedIndex;

  476.         var options=ele.options;

  477.         var option = options[index];

  478.         console.log("srcEngine value=" + option);

  479.         let destFormatHtml = "<option name=\"ONNX\" value=\"0\">ONNX</option>";

  480.         let netOutputFormatHtml = "<option name=\"FP32\" value=\"0\">FP32</option>";

  481.         if(option==null || option =="undefined" || option.value == 0){

  482.              destFormatHtml += "<option name=\"TensorRT\" value=\"1\">TensorRT</option>"

  483.              netOutputFormatHtml += "<option name=\"FP16\" value=\"1\">FP16</option>";

  484.         }

  485.         $('#destFormat').html(destFormatHtml);

  486.         $('#netOutputFormat').html(netOutputFormatHtml);

  487.     }

  488.    

  489.     function loadModelList(){

  490.         $.get(`${repolink}/modelmanage/query_model_for_predict?repoId=${repoId}&type=-1`, (data) => {

  491.             modelData = data

  492.             let nameList =  data.nameList

  493.             const n_length = nameList.length

  494.             let train_html=''

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

  496.                 train_html += `<div class="item" data-value="${nameList[i]}">${nameList[i]}</div>`

  497.                 train_html += '</div>'

  498.             }

  499.             $("#model-name").append(train_html)

  500.             $("#choice_model").removeClass("loading")

  501.             $('#choice_model .default.text').text(nameList[0])

  502.             loadModelVersion(nameList[0])

  503.         })

  504.     }

  505.     function loadModelFile(modelId){

  506.         console.log("modelId=" + modelId);

  507.         $('#choice_file').dropdown('clear')

  508.         $("#model-file").empty()

  509.         if(modelId ==null || modelId ==""){

  510.              console.log("modelId is null");

  511.         }else{

  512.             $.get(`${repolink}/modelmanage/query_modelfile_for_predict?id=${modelId}`, (data) => {

  513.                 const n_length = data.length

  514.                 let file_html=''

  515.                 let firstFileName =''

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

  517.                     if(isModel(data[i].FileName)){

  518.                         if(firstFileName ==''){

  519.                             firstFileName = data[i].FileName;

  520.                         }

  521.                         file_html += `<div class="item" data-value="${data[i].FileName}">${data[i].FileName}</div>`

  522.                         file_html += '</div>'

  523.                     }else{

  524.                         console.log("not model. filename=" + data[i].FileName);

  525.                     }

  526.                 }

  527.                 $("#model-file").append(file_html)

  528.                 $('#choice_file .default.text').text(firstFileName)

  529.                 $('#choice_file input[name="modelFile"]').val(firstFileName)

  530.             })

  531. 

  532.         }

  533.     }

  534.     function isModel(filename){

  535.        var postfix=[".pth",".pkl",".onnx",".mindir",".ckpt",".pb",".pdmodel",".pdiparams",".params",".json"];

  536.        for(var i =0; i<postfix.length;i++){

  537.             if(filename.substring(filename.length-postfix[i].length)==postfix[i]){

  538.                 return true;

  539.             }

  540.        }

  541.        return false;

  542.     }

  543.     function loadModelVersion(value){

  544.         console.log("value=" + value);

  545.         if(value ==null || value ==""){

  546.             

  547.         }else{

  548.             let nameMap = modelData.nameMap

  549.             let versionList = nameMap[value]

  550.             n_length = versionList.length

  551.             let train_html=''

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

  553.                     train_html += `<div class="item" data-value="${versionList[i].id}">${versionList[i].version}</div>`

  554.                     train_html += '</div>'

  555.             }

  556.             $("#model-version").append(train_html)

  557.             

  558.             $('#choice_version .default.text').text(versionList[0].version)

  559.             $('#choice_version input[name="modelVersion"]').val(versionList[0].id)

  560.             loadModelFile(versionList[0].id);

  561.         }

  562.         setEngineValue(value);

  563.     }

  564.     function setEngineValue(value){

  565.         $('#srcEngine').dropdown('clear');

  566.         console.log("setEngineValue value=" + value);

  567.         let html = ""

  568.         html +="<option name=\"PyTorch\" " + getSelected(0,value) +  " value=\"0\">PyTorch</option>";

  569.         html +="<option name=\"TensorFlow\" " + getSelected(1,value) +  " value=\"1\">TensorFlow</option>";

  570.         html +="<option name=\"MindSpore\" " + getSelected(2,value) +  " value=\"2\">MindSpore</option>";

  571.         html +="<option name=\"PaddlePaddle\" " + getSelected(4,value) +  " value=\"4\">PaddlePaddle</option>";

  572.         html +="<option name=\"MXNet\" " + getSelected(6,value) +  " value=\"6\">MXNet</option>";

  573. 

  574.         $('#srcEngine').html(html);

  575.         srcEngineChanged();

  576.     }

  577.     function getSelected(engineOption, modelName){

  578.         if(modelName ==null || modelName ==""){

  579.             return "";

  580.         }

  581.         let nameMap = modelData.nameMap

  582.         let versionList = nameMap[modelName]

  583.         if(versionList != null && versionList.length >0){

  584.             if(versionList[0].engine == engineOption){

  585.                 return "selected=\"selected\"";

  586.             }else{

  587.                 if((versionList[0].engine==122 || versionList[0].engine==37) && engineOption==2){

  588.                     return "selected=\"selected\"";

  589.                 }

  590.                 if((versionList[0].engine==121 || versionList[0].engine==38) && engineOption==1){

  591.                     return "selected=\"selected\"";

  592.                 }

  593.             }

  594.         }

  595.         return "";

  596.     }

  597. </script>