Plugson/www/plugson_injection.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-plus-circle">&nbsp;&nbsp;</i>
   5             <h1 class="box-title" style="font-weight:bold;" id="id_h1_page_title">x</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_injection.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_injection">
  19             <li class=""><a href="#tab_0" data-toggle="tab" aria-expanded="false" style="font-weight:bold" >injection</a></li>
  20             <li class=""><a href="#tab_1" data-toggle="tab" aria-expanded="false"  style="font-weight:bold">injection_legacy</a></li>
  21             <li class=""><a href="#tab_2" data-toggle="tab" aria-expanded="false"  style="font-weight:bold">injection_uefi</a></li>
  22             <li class=""><a href="#tab_3" data-toggle="tab" aria-expanded="false"  style="font-weight:bold">injection_ia32</a></li>
  23             <li class=""><a href="#tab_4" data-toggle="tab" aria-expanded="false"  style="font-weight:bold">injection_aa64</a></li>
  24             <li class=""><a href="#tab_5" data-toggle="tab" aria-expanded="false"  style="font-weight:bold">injection_mips</a></li>
  25         </ul>
  26       </div>
  27
  28       <table id="id_injection_tbl" class="table table-bordered">
  29         <thead>
  30           <tr>
  31             <th style="width: 2%;">#</th>
  32             <th id="id_th_injection_type" style="width: 5%;"></th>
  33             <th id="id_th_injection_path" style="width: 35%;"></th>
  34             <th id="id_th_status" style="width: 5%;"></th>
  35             <th id="id_th_injection_archive" style="width: 40%;"></th>
  36             <th id="id_th_status" style="width: 5%;"></th>
  37             <th id="id_th_operation" style="width: 5%;"></th>
  38           </tr>
  39         </thead>
  40         <tbody>
  41         </tbody>
  42     </table>
  43     </div>
  44 </div>
  45 <script type="text/javascript">
  46
  47   function VtoyPageLanguageChange(newlang) {
  48     VtoyCommonChangeLanguage(newlang);
  49     $('h1[id=id_h1_page_title]').text(g_vtoy_cur_language.STR_PLUG_INJECTION);
  50
  51     $("span[id=id_span_file_exist]").each(function(){
  52         $(this).text(g_vtoy_cur_language.STR_FILE_EXIST);
  53     });
  54     $("span[id=id_span_file_nonexist]").each(function(){
  55         $(this).text(g_vtoy_cur_language.STR_FILE_NONEXIST);
  56     });
  57     $("span[id=id_span_file_fuzzy]").each(function(){
  58         $(this).text(g_vtoy_cur_language.STR_FILE_FUZZY);
  59     });
  60
  61     $("span[id=id_span_dir_exist]").each(function(){
  62         $(this).text(g_vtoy_cur_language.STR_DIR_EXIST);
  63     });
  64
  65     $("span[id=id_span_dir_nonexist]").each(function(){
  66         $(this).text(g_vtoy_cur_language.STR_DIR_NONEXIST);
  67     });
  68
  69     if (newlang === 'en') {
  70       $('#id_th_injection_path').text('Absolute Path');
  71       $('#id_th_injection_archive').text('Archive');
  72       $('#id_th_injection_type').text('Type');
  73     } else {
  74       $('#id_th_injection_path').text('绝对路径');
  75       $('#id_th_injection_archive').text('注入文件');
  76       $('#id_th_injection_type').text('类型');
  77
  78     }
  79   }
  80
  81   function FillInjectionTable(data) {
  82     var addbtn = ventoy_get_xslg_addbtn('InjectionAddBtn');
  83     var delbtn = ventoy_get_xslg_delbtn('InjectionDelBtn');
  84
  85     var td1, td2, td3, td4, td5, td6, td7;
  86     var $tbl = $("#id_injection_tbl tbody");
  87     $tbl.empty();
  88
  89     for (var i = 0; i < data.length; i++) {
  90       var $tr;
  91       td1 = '<td>' + (i + 1) + '</td>';
  92       td2 = (data[i].type === 0) ? '<td>image</td>' : '<td>parent</td>';
  93       td3 = '<td>' + data[i].path + '</td>';
  94       td4 = '<td>' + ventoy_get_status_line(data[i].type, data[i].valid) + '</td>';
  95       td5 = '<td>' + data[i].archive + '</td>';
  96       td6 = '<td>' + ventoy_get_status_line(0, data[i].archive_valid) + '</td>';
  97       td7 = '<td>' + delbtn + '</td>';
  98
  99       $tr = $('<tr>' + td1 + td2 + td3 + td4 + td5 + td6 + td7 + '</tr>');
 100
 101       $tr.data('path', data[i].path);
 102       $tr.data('index', i);
 103       $tbl.append($tr);
 104     }
 105
 106     $tbl.append('<tr><td></td><td></td><td></td><td></td><td></td><td></td><td>' + addbtn + '</td></tr>');
 107   }
 108
 109   function VtoyFillCurrentPageItem(data) {
 110     FillInjectionTable(data);
 111   }
 112
 113
 114   function OnClickMultiModeTab() {
 115     var href = $(this).attr('href');
 116     var index = parseInt(href.substr(5, 1));
 117
 118     if (index < 0 || index >= g_vtoy_data_default_index || current_tab_index === index) {
 119       return;
 120     }
 121
 122     current_tab_index = index;
 123     VtoyFillCurrentPageItem(m_data_injection[index]);
 124   }
 125
 126   //Main process
 127   var m_injection_root;
 128   var m_injection_extra;
 129   var m_injection_valid;
 130   var m_data_injection;
 131   var current_tab_index = 0;
 132   callVtoySync({method : 'get_injection'}, function(data) {
 133     m_data_injection = data;
 134   });
 135
 136
 137   function AddInjectionEntry(root, type, valid, extra) {
 138     var list = m_data_injection[current_tab_index];
 139     var data = {
 140       "path": root.substr(g_current_dir.length),
 141       "archive": extra.substr(g_current_dir.length),
 142       "type": type,
 143       "valid": valid,
 144       "archive_valid": 1
 145     };
 146
 147     for (var i = 0; i < list.length; i++) {
 148       if (list[i].path === data.path) {
 149         Message.error(g_vtoy_cur_language.STR_DUPLICATE_PATH);
 150         return;
 151       }
 152     }
 153
 154     callVtoy({
 155       method : 'injection_add',
 156       index: current_tab_index,
 157       path: data.path,
 158       archive: data.archive,
 159       type: type
 160     }, function(e) {
 161       if (e.result === 'success') {
 162         list.push(data);
 163         FillInjectionTable(list);
 164         Message.success(g_vtoy_cur_language.STR_SAVE_SUCCESS);
 165       } else if (e.result === 'duplicate') {
 166         Message.error(g_vtoy_cur_language.STR_DUPLICATE_PATH);
 167       }
 168     });
 169   }
 170
 171   function OnAddImageInjection(exist1, path1, path2) {
 172     AddInjectionEntry(path1, 0, exist1, path2);
 173   }
 174
 175   function OnAddDirInjection(path1, path2) {
 176     AddInjectionEntry(path1, 1, 1, path2);
 177   }
 178
 179   function OnAddInjectionBtnClick(sel)  {
 180     var tip3 = (g_current_os === 'windows') ? '\\ISO\\injection.zip' : "/ISO/injection.tar.gz";
 181     if (sel === 0) {
 182       var tip1 = (g_current_os === 'windows') ? '\\ISO\\Windows11.iso' : "/ISO/Ubuntu-20.04-desktop-amd64.iso";
 183       var tip2 = (g_current_os === 'windows') ? '\\ISO\\Windows**.iso' : "/ISO/Ubuntu-*****-desktop-amd64.iso";
 184       var para = {
 185           "title": g_vtoy_cur_language.STR_SET_INJECTION,
 186           "label1": g_vtoy_cur_language.STR_FILE_PATH,
 187           "label2": 'Archive',
 188           "tip1": g_current_dir + tip1,
 189           "tip2": g_current_dir + tip2,
 190           "tip3": g_current_dir + tip3
 191       };
 192       VtoySetFileFile(OnAddImageInjection, para);
 193     } else {
 194       var tip = (g_current_os === 'windows') ? '\\ISO\\Windows' : "/ISO/Linux";
 195       var para = {
 196           "title": g_vtoy_cur_language.STR_SET_INJECTION,
 197           "label1": g_vtoy_cur_language.STR_DIR_PATH,
 198           "label2": 'Archive',
 199           "tip1": g_current_dir + tip,
 200           "tip2": g_current_dir + tip3
 201       };
 202       VtoySetDirFile(OnAddDirInjection, para);
 203     }
 204   }
 205
 206   $("#id_injection_tbl").on('click', '.InjectionAddBtn', function() {
 207     var para = [
 208       {
 209         "selected": true,
 210         "tip": g_vtoy_cur_language.STR_SET_INJECTION_FOR_FILE
 211       },
 212       {
 213         "selected": false,
 214         "tip": g_vtoy_cur_language.STR_SET_INJECTION_FOR_DIR
 215       }
 216     ];
 217
 218     VtoySelectType(OnAddInjectionBtnClick, para);
 219   });
 220
 221   $("#id_injection_tbl").on('click', '.InjectionDelBtn', function() {
 222     var $tr = $(this).closest('tr');
 223                 var path = $tr.data('path');
 224     var index = $tr.data('index');
 225
 226     callVtoySync({
 227         method : 'injection_del',
 228         index: current_tab_index,
 229         path: path
 230     }, function(data) {
 231       m_data_injection[current_tab_index].splice(index, 1);
 232       FillInjectionTable(m_data_injection[current_tab_index]);
 233       Message.success(g_vtoy_cur_language.STR_SAVE_SUCCESS);
 234     });
 235   });
 236
 237
 238
 239
 240   $('#id_tab_injection a[href="#tab_0"]').click(OnClickMultiModeTab);
 241   $('#id_tab_injection a[href="#tab_1"]').click(OnClickMultiModeTab);
 242   $('#id_tab_injection a[href="#tab_2"]').click(OnClickMultiModeTab);
 243   $('#id_tab_injection a[href="#tab_3"]').click(OnClickMultiModeTab);
 244   $('#id_tab_injection a[href="#tab_4"]').click(OnClickMultiModeTab);
 245   $('#id_tab_injection a[href="#tab_5"]').click(OnClickMultiModeTab);
 246   function UpdateTabTitleIcon(data) {
 247     CommonUpdateTabTitleIcon(data.exist_injection, '#id_tab_injection a[href="#tab_', 'injection');
 248   }
 249   $('#id_btn_reset').click(function() {
 250     Modal.confirm({msg:GetResetTabConfigTipMsg(current_tab_index, 'injection')}).on(function(e) {
 251         if (e) {
 252             callVtoySync({
 253                 method : 'injection_del',
 254                 index: current_tab_index,
 255                 path: g_del_all_path
 256             }, function(data) {
 257
 258             });
 259
 260             m_data_injection[current_tab_index].length = 0;
 261             VtoyFillCurrentPageItem(m_data_injection[g_vtoy_data_default_index]);
 262             Message.success(g_vtoy_cur_language.STR_SAVE_SUCCESS);
 263         }
 264     });
 265   });
 266
 267   $('#id_tab_injection a[href="#tab_0"]').tab('show');
 268   VtoyFillCurrentPageItem(m_data_injection[0]);
 269   VtoyPageLanguageChange(g_current_language);
 270
 271 </script>