Plugson/www/plugson_injection.html

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