Plugson/www/plugson_image_list.html

   1 <div class="box box-primary" id="control">
   2     <div class="box-header">
   3         <div class="col-sm-9" style="padding-top:8px;">
   4             <i class="fa fa-list-alt">&nbsp;&nbsp;</i>
   5             <h1 class="box-title" style="font-weight:bold;" id="id_h1_page_title"></h1>
   6         </div>
   7         <div class="col-sm-1" style="padding-top:2px;">
   8           <button id="id_btn_reset" class="btn btn-sm btn-danger btn-del"><i class="fa fa-trash"></i><span id="id_btn_span_reset">Reset</span></button>
   9         </div>
  10         <div class="col-sm-2" style="font-size:16px;padding-top:8px;">
  11             <a id="id_a_official_doc" target="_blank" href="https://www.ventoy.net/en/plugin_imagelist.html"><span class="fa fa-link"></span><span id="id_span_official_doc">官网文档</span></a>
  12         </div>
  13     </div>
  14     <legend></legend>
  15
  16     <div class="box-body">
  17       <div class="nav-tabs-custom">
  18         <ul class="nav nav-tabs" id="id_tab_image_list">
  19             <li class=""><a href="#tab_0" data-toggle="tab" aria-expanded="false" style="font-weight:bold" >image_list</a></li>
  20             <li class=""><a href="#tab_1" data-toggle="tab" aria-expanded="false"  style="font-weight:bold">image_list_legacy</a></li>
  21             <li class=""><a href="#tab_2" data-toggle="tab" aria-expanded="false"  style="font-weight:bold">image_list_uefi</a></li>
  22             <li class=""><a href="#tab_3" data-toggle="tab" aria-expanded="false"  style="font-weight:bold">image_list_ia32</a></li>
  23             <li class=""><a href="#tab_4" data-toggle="tab" aria-expanded="false"  style="font-weight:bold">image_list_aa64</a></li>
  24             <li class=""><a href="#tab_5" data-toggle="tab" aria-expanded="false"  style="font-weight:bold">image_list_mips</a></li>
  25         </ul>
  26       </div>
  27
  28
  29       <div class="box box-primary box-solid">
  30         <div class="box-header with-border">
  31           <h3 id="id_image_list_mode" class="box-title" style="font-size: 14px;font-weight: bold;">Mode</h3>
  32           <div class="box-tools pull-right">
  33             <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
  34           </div><!-- /.box-tools -->
  35         </div><!-- /.box-header -->
  36         <div class="box-body no-padding">
  37             <table class="table table-bordered  no-padding">
  38                 <tr style="font-weight:bold;">
  39                   <td class="td_ctrl_col" id="td_title_setting">选项设置</td>
  40                   <td>
  41                     <label class="radio-inline">
  42                         <input type="radio" id="id_image_list_type0" name="id_image_list_type" data-type="0" value="0">
  43                         <span id="id_span_image_list_permit" style="font-weight:bold;">0</span>
  44                     </label>
  45                     <label class="radio-inline">
  46                         <input type="radio" id="id_image_list_type1" name="id_image_list_type" data-type="1" value="1">
  47                         <span id="id_span_image_list_deny" style="font-weight:bold;">1</span>
  48                     </label>
  49                   </td>
  50                 </tr>
  51                 <tr id="tr_title_desc_cn">
  52                   <td class="td_ctrl_col" id="td_title_desc">选项说明</td>
  53                   <td>
  54                     <span style="font-weight: bold;">白名单模式</span><br/>
  55                     由用户自己列出文件列表，Ventoy 不再搜索而是直接使用你给出的文件列表。 同时 Ventoy 也不再对文件进行排序，而是直接按照列表给出的文件顺序来显示启动菜单。<br/>
  56                     <span style="font-weight: bold;">黑名单模式</span><br/>
  57                     Ventoy 首先还是像原来一样搜索，最后再从搜索结果中剔除这个列表中的文件。<br/>
  58                   </td>
  59                 </tr>
  60                 <tr id="tr_title_desc_en">
  61                   <td class="td_ctrl_col">Option Description</td>
  62                   <td>
  63                     <span style="font-weight: bold;">Permit Mode</span><br/>
  64                     Ventoy will no longer search for the files but just use your file list. Also, Ventoy will NOT sort these files anymore, but directly display the boot menu according to the order given in the list.<br/>
  65                     <span style="font-weight: bold;">Deny Mode</span><br/>
  66                     Firstly, Ventoy will search as normal. And then remove the files in the blacklist from the search result.<br/>
  67                   </td>
  68                 </tr>
  69             </table>
  70         </div><!-- /.box-body -->
  71       </div><!-- /.box -->
  72
  73
  74     <div class="box box-primary box-solid">
  75       <div class="box-header with-border">
  76         <h3 id="id_image_list_list" class="box-title" style="font-size: 14px;font-weight: bold;">List</h3>
  77         <div class="box-tools pull-right">
  78           <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
  79         </div><!-- /.box-tools -->
  80       </div><!-- /.box-header -->
  81       <div class="box-body no-padding">
  82         <table id="id_image_list_tbl" class="table table-bordered">
  83           <thead>
  84             <tr>
  85               <th style="width: 5%;">#</th>
  86               <th id="id_th_imglist_path" style="width: 60%;"></th>
  87               <th id="id_th_status" style="width: 10%;"></th>
  88               <th id="id_th_operation" style="width: 10%;"></th>
  89             </tr>
  90           </thead>
  91           <tbody>
  92           </tbody>
  93         </table>
  94       </div><!-- /.box-body -->
  95     </div><!-- /.box -->
  96
  97
  98   </div>
  99 </div>
 100 <script type="text/javascript">
 101
 102   function VtoyPageLanguageChange(newlang) {
 103     VtoyCommonChangeLanguage(newlang);
 104     $('h1[id=id_h1_page_title]').text(g_vtoy_cur_language.STR_PLUG_IMAGELIST);
 105
 106     $("span[id=id_span_file_exist]").each(function(){
 107         $(this).text(g_vtoy_cur_language.STR_FILE_EXIST);
 108     });
 109     $("span[id=id_span_file_nonexist]").each(function(){
 110         $(this).text(g_vtoy_cur_language.STR_FILE_NONEXIST);
 111     });
 112     $("span[id=id_span_file_fuzzy]").each(function(){
 113         $(this).text(g_vtoy_cur_language.STR_FILE_FUZZY);
 114     });
 115
 116     if (newlang === 'en') {
 117       $('h3[id=id_image_list_mode]').text('Mode');
 118       $('h3[id=id_image_list_list]').text('List');
 119       $('#id_th_imglist_path').text('Absolute Path');
 120       $('span[id=id_span_image_list_permit]').text('Permit');
 121       $('span[id=id_span_image_list_deny]').text('Deny');
 122     } else {
 123       $('h3[id=id_image_list_mode]').text('模式');
 124       $('h3[id=id_image_list_list]').text('列表');
 125       $('#id_th_imglist_path').text('绝对路径');
 126       $('span[id=id_span_image_list_permit]').text('白名单模式');
 127       $('span[id=id_span_image_list_deny]').text('黑名单模式');
 128     }
 129   }
 130
 131   function FillImageListTable(data) {
 132     var fileexist = ventoy_get_status_line(0, 1);
 133     var filenonexist = ventoy_get_status_line(0, 0);
 134     var filenfuzzy = ventoy_get_status_line(0, -1);
 135
 136     var addbtn = ventoy_get_xslg_addbtn('ImageListAddBtn');
 137     var delbtn = ventoy_get_xslg_delbtn('ImageListDelBtn');
 138
 139     var td1, td2, td3, td4;
 140     var $tbl = $("#id_image_list_tbl tbody");
 141     $tbl.empty();
 142
 143     for (var i = 0; i < data.length; i++) {
 144       var $tr;
 145       td1 = '<td>' + (i + 1) + '</td>';
 146       td2 = '<td>' + data[i].path + '</td>';
 147       td3 = '<td>' + ventoy_get_status_line(0, data[i].valid) + '</td>';
 148       td4 = '<td>' + delbtn + '</td>';
 149
 150       $tr = $('<tr>' + td1 + td2 + td3 + td4 + '</tr>');
 151
 152       $tr.data('path', data[i].path);
 153       $tr.data('index', i);
 154       $tbl.append($tr);
 155     }
 156
 157     $tbl.append('<tr><td></td><td></td><td></td><td>' + addbtn + '</td></tr>');
 158   }
 159
 160   function VtoyFillCurrentPageItem(data) {
 161     $('input:radio[name=id_image_list_type]')[data.type].checked = true;
 162     FillImageListTable(data.list);
 163   }
 164
 165   function VtoySaveCurrentPage() {
 166     var data = m_data_imagelist[current_tab_index];
 167
 168     data.type = parseInt($('input:radio[name=id_image_list_type]:checked').val());
 169
 170     callVtoy({
 171       method : 'save_image_list',
 172       index: current_tab_index,
 173       type: data.type
 174     }, function(e) {
 175       Message.success(g_vtoy_cur_language.STR_SAVE_SUCCESS);
 176     });
 177   }
 178
 179   $('input[type=radio]').each(function(){
 180     var id = $(this).attr('id');
 181     if (typeof(id) != 'undefined' && id.startsWith('id_image_list_type')) {
 182       $(this).change(VtoySaveCurrentPage);
 183     }
 184   });
 185
 186   function OnClickMultiModeTab() {
 187     var href = $(this).attr('href');
 188     var index = parseInt(href.substr(5, 1));
 189
 190     if (index < 0 || index >= g_vtoy_data_default_index || current_tab_index === index) {
 191       return;
 192     }
 193
 194     current_tab_index = index;
 195     VtoyFillCurrentPageItem(m_data_imagelist[index]);
 196   }
 197
 198   //Main process
 199   var m_data_imagelist;
 200   var current_tab_index = 0;
 201   callVtoySync({method : 'get_image_list'}, function(data) {
 202     m_data_imagelist = data;
 203   });
 204
 205   function OnAddImageList(root, valid, extra) {
 206     var list = m_data_imagelist[current_tab_index].list;
 207     var data = {
 208       "path": root.substr(g_current_dir.length),
 209       "valid": valid
 210     };
 211
 212     for (var i = 0; i < list.length; i++) {
 213       if (list[i].path === data.path) {
 214         Message.error(g_vtoy_cur_language.STR_DUPLICATE_PATH);
 215         return;
 216       }
 217     }
 218
 219     callVtoy({
 220       method : 'image_list_add',
 221       index: current_tab_index,
 222       path: data.path,
 223     }, function(e) {
 224       list.push(data);
 225       FillImageListTable(list);
 226       Message.success(g_vtoy_cur_language.STR_SAVE_SUCCESS);
 227     });
 228   }
 229
 230   $("#id_image_list_tbl").on('click', '.ImageListAddBtn', function() {
 231     var tip1 = (g_current_os === 'windows') ? '\\ISO\\Windows11.iso' : "/ISO/Ubuntu-20.04-desktop-amd64.iso";
 232     var tip2 = (g_current_os === 'windows') ? '\\ISO\\Windows**.iso' : "/ISO/Ubuntu-*****-desktop-amd64.iso";
 233     var para = {
 234         "title": g_vtoy_cur_language.STR_ADD_FILE_TO_LIST,
 235         "fuzzy": 1,
 236         "tip1": g_current_dir + tip1,
 237         "tip2": g_current_dir + tip2,
 238         "tip3": '',
 239         "extra": false,
 240         "extra_title": ''
 241     };
 242     VtoySelectFilePath(OnAddImageList, para);
 243   });
 244
 245   $("#id_image_list_tbl").on('click', '.ImageListDelBtn', function() {
 246     var $tr = $(this).closest('tr');
 247                 var path = $tr.data('path');
 248     var index = $tr.data('index');
 249
 250     callVtoySync({
 251         method : 'image_list_del',
 252         index: current_tab_index,
 253         path: path
 254     }, function(data) {
 255       m_data_imagelist[current_tab_index].list.splice(index, 1);
 256       FillImageListTable(m_data_imagelist[current_tab_index].list);
 257       Message.success(g_vtoy_cur_language.STR_SAVE_SUCCESS);
 258     });
 259   });
 260
 261   $('#id_tab_image_list a[href="#tab_0"]').click(OnClickMultiModeTab);
 262   $('#id_tab_image_list a[href="#tab_1"]').click(OnClickMultiModeTab);
 263   $('#id_tab_image_list a[href="#tab_2"]').click(OnClickMultiModeTab);
 264   $('#id_tab_image_list a[href="#tab_3"]').click(OnClickMultiModeTab);
 265   $('#id_tab_image_list a[href="#tab_4"]').click(OnClickMultiModeTab);
 266   $('#id_tab_image_list a[href="#tab_5"]').click(OnClickMultiModeTab);
 267   function UpdateTabTitleIcon(data) {
 268     CommonUpdateTabTitleIcon(data.exist_image_list, '#id_tab_image_list a[href="#tab_', 'image_list');
 269   }
 270   $('#id_btn_reset').click(function() {
 271     Modal.confirm({msg:GetResetTabConfigTipMsg(current_tab_index, 'image_list')}).on(function(e) {
 272         if (e) {
 273             callVtoySync({
 274                 method : 'image_list_del',
 275                 index: current_tab_index,
 276                 path: g_del_all_path
 277             }, function(data) {
 278
 279             });
 280
 281             m_data_imagelist[current_tab_index].list.length = 0;
 282             VtoyFillCurrentPageItem(m_data_imagelist[g_vtoy_data_default_index]);
 283             VtoySaveCurrentPage();
 284         }
 285     });
 286   });
 287
 288   $('#id_tab_image_list a[href="#tab_0"]').tab('show');
 289   VtoyFillCurrentPageItem(m_data_imagelist[0]);
 290   VtoyPageLanguageChange(g_current_language);
 291
 292 </script>