Plugson/www/plugson_menu_alias.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-clone">&nbsp;&nbsp;</i>
   5             <h1 class="box-title" style="font-weight:bold;" id="id_h1_page_title">菜单别名插件</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_menualias.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_menu_alias">
  17             <li class=""><a href="#tab_0" data-toggle="tab" aria-expanded="false" style="font-weight:bold" >menu_alias</a></li>
  18             <li class=""><a href="#tab_1" data-toggle="tab" aria-expanded="false"  style="font-weight:bold">menu_alias_legacy</a></li>
  19             <li class=""><a href="#tab_2" data-toggle="tab" aria-expanded="false"  style="font-weight:bold">menu_alias_uefi</a></li>
  20             <li class=""><a href="#tab_3" data-toggle="tab" aria-expanded="false"  style="font-weight:bold">menu_alias_ia32</a></li>
  21             <li class=""><a href="#tab_4" data-toggle="tab" aria-expanded="false"  style="font-weight:bold">menu_alias_aa64</a></li>
  22             <li class=""><a href="#tab_5" data-toggle="tab" aria-expanded="false"  style="font-weight:bold">menu_alias_mips</a></li>
  23         </ul>
  24       </div>
  25
  26       <table id="id_alisa_tbl" class="table table-bordered">
  27         <thead>
  28           <tr>
  29             <th style="width: 2%;">#</th>
  30             <th id="id_th_alias_type" style="width: 5%;"></th>
  31             <th id="id_th_alias_path" style="width: 35%;"></th>
  32             <th id="id_th_status" style="width: 5%;"></th>
  33             <th id="id_th_alias_alias" style="width: 40%;"></th>
  34             <th id="id_th_operation" style="width: 5%;"></th>
  35           </tr>
  36         </thead>
  37         <tbody>
  38         </tbody>
  39     </table>
  40     </div>
  41 </div>
  42 <script type="text/javascript">
  43
  44   function VtoyPageLanguageChange(newlang) {
  45     VtoyCommonChangeLanguage(newlang);
  46     $('h1[id=id_h1_page_title]').text(g_vtoy_cur_language.STR_PLUG_ALIAS);
  47
  48     $("span[id=id_span_file_exist]").each(function(){
  49         $(this).text(g_vtoy_cur_language.STR_FILE_EXIST);
  50     });
  51     $("span[id=id_span_file_nonexist]").each(function(){
  52         $(this).text(g_vtoy_cur_language.STR_FILE_NONEXIST);
  53     });
  54     $("span[id=id_span_file_fuzzy]").each(function(){
  55         $(this).text(g_vtoy_cur_language.STR_FILE_FUZZY);
  56     });
  57
  58     $("span[id=id_span_dir_exist]").each(function(){
  59         $(this).text(g_vtoy_cur_language.STR_DIR_EXIST);
  60     });
  61
  62     $("span[id=id_span_dir_nonexist]").each(function(){
  63         $(this).text(g_vtoy_cur_language.STR_DIR_NONEXIST);
  64     });
  65
  66     if (newlang === 'en') {
  67       $('#id_th_alias_path').text('Absolute Path');
  68       $('#id_th_alias_alias').text('Alias');
  69       $('#id_th_alias_type').text('Type');
  70     } else {
  71       $('#id_th_alias_path').text('绝对路径');
  72       $('#id_th_alias_alias').text('别名');
  73       $('#id_th_alias_type').text('类型');
  74
  75     }
  76   }
  77
  78   function FillAliasTable(data) {
  79     var addbtn = ventoy_get_xslg_addbtn('AliasAddBtn');
  80     var delbtn = ventoy_get_xslg_delbtn('AliasDelBtn');
  81
  82     var td1, td2, td3, td4, td5, td6;
  83     var $tbl = $("#id_alisa_tbl tbody");
  84     $tbl.empty();
  85
  86     for (var i = 0; i < data.length; i++) {
  87       var $tr;
  88       td1 = '<td>' + (i + 1) + '</td>';
  89       td2 = (data[i].type === 0) ? '<td>image</td>' : '<td>dir</td>';
  90       td3 = '<td>' + data[i].path + '</td>';
  91       td4 = '<td>' + ventoy_get_status_line(data[i].type, data[i].valid) + '</td>';
  92       td5 = '<td>' + data[i].alias + '</td>';
  93       td6 = '<td>' + delbtn + '</td>';
  94
  95       $tr = $('<tr>' + td1 + td2 + td3 + td4 + td5 + td6 + '</tr>');
  96
  97       $tr.data('path', data[i].path);
  98       $tr.data('index', i);
  99       $tbl.append($tr);
 100     }
 101
 102     $tbl.append('<tr><td></td><td></td><td></td><td></td><td></td><td>' + addbtn + '</td></tr>');
 103   }
 104
 105   function VtoyFillCurrentPageItem(data) {
 106     FillAliasTable(data);
 107   }
 108
 109
 110   function OnClickMultiModeTab() {
 111     var href = $(this).attr('href');
 112     var index = parseInt(href.substr(5, 1));
 113
 114     if (index < 0 || index >= g_vtoy_data_default_index || current_tab_index === index) {
 115       return;
 116     }
 117
 118     current_tab_index = index;
 119     VtoyFillCurrentPageItem(m_data_alias[index]);
 120   }
 121
 122   //Main process
 123   var m_data_alias;
 124   var current_tab_index = 0;
 125   callVtoySync({method : 'get_alias'}, function(data) {
 126     m_data_alias = data;
 127   });
 128
 129
 130   function AddAliasEntry(root, type, valid, extra) {
 131     var list = m_data_alias[current_tab_index];
 132     var data = {
 133       "path": root.substr(g_current_dir.length),
 134       "alias": extra,
 135       "type": type,
 136       "valid": valid
 137     };
 138
 139     for (var i = 0; i < list.length; i++) {
 140       if (list[i].path === data.path) {
 141         Message.error(g_vtoy_cur_language.STR_DUPLICATE_PATH);
 142         return;
 143       }
 144     }
 145
 146     callVtoy({
 147       method : 'alias_add',
 148       index: current_tab_index,
 149       path: data.path,
 150       alias: data.alias,
 151       type: type
 152     }, function(e) {
 153       list.push(data);
 154       FillAliasTable(list);
 155       Message.success(g_vtoy_cur_language.STR_SAVE_SUCCESS);
 156     });
 157   }
 158
 159   function OnAddImageAlias(root, valid, extra) {
 160     AddAliasEntry(root, 0, valid, extra);
 161   }
 162
 163   function OnAddDirAlias(root, extra) {
 164     AddAliasEntry(root, 1, 1, extra);
 165   }
 166
 167   function OnAddAliasBtnClick(sel)  {
 168     if (sel === 0) {
 169       var tip1 = (g_current_os === 'windows') ? '\\ISO\\Windows11.iso' : "/ISO/Ubuntu-20.04-desktop-amd64.iso";
 170       var tip2 = (g_current_os === 'windows') ? '\\ISO\\Windows**.iso' : "/ISO/Ubuntu-*****-desktop-amd64.iso";
 171       var para = {
 172           "title": g_vtoy_cur_language.STR_SET_ALIAS,
 173           "fuzzy": 1,
 174           "tip1": g_current_dir + tip1,
 175           "tip2": g_current_dir + tip2,
 176           "tip3": '',
 177           "extra": true,
 178           "extra_title": g_vtoy_cur_language.STR_ALIAS
 179       };
 180       VtoySelectFilePath(OnAddImageAlias, para);
 181     } else {
 182       var tip = (g_current_os === 'windows') ? '\\ISO\\Windows' : "/ISO/Linux";
 183       var para = {
 184           "title": g_vtoy_cur_language.STR_SET_ALIAS,
 185           "tip": g_current_dir + tip,
 186           "tip3": '',
 187           "extra": true,
 188           "extra_title": g_vtoy_cur_language.STR_ALIAS
 189       };
 190       VtoySelectDirPath(OnAddDirAlias, para);
 191     }
 192   }
 193
 194   $("#id_alisa_tbl").on('click', '.AliasAddBtn', function() {
 195     var para = [
 196       {
 197         "selected": true,
 198         "tip": g_vtoy_cur_language.STR_SET_ALIAS_FOR_FILE
 199       },
 200       {
 201         "selected": false,
 202         "tip": g_vtoy_cur_language.STR_SET_ALIAS_FOR_DIR
 203       }
 204     ];
 205
 206     VtoySelectType(OnAddAliasBtnClick, para);
 207   });
 208
 209   $("#id_alisa_tbl").on('click', '.AliasDelBtn', function() {
 210     var $tr = $(this).closest('tr');
 211                 var path = $tr.data('path');
 212     var index = $tr.data('index');
 213
 214     callVtoySync({
 215         method : 'alias_del',
 216         index: current_tab_index,
 217         path: path
 218     }, function(data) {
 219       m_data_alias[current_tab_index].splice(index, 1);
 220       FillAliasTable(m_data_alias[current_tab_index]);
 221       Message.success(g_vtoy_cur_language.STR_SAVE_SUCCESS);
 222     });
 223   });
 224
 225
 226
 227
 228   $('#id_tab_menu_alias a[href="#tab_0"]').click(OnClickMultiModeTab);
 229   $('#id_tab_menu_alias a[href="#tab_1"]').click(OnClickMultiModeTab);
 230   $('#id_tab_menu_alias a[href="#tab_2"]').click(OnClickMultiModeTab);
 231   $('#id_tab_menu_alias a[href="#tab_3"]').click(OnClickMultiModeTab);
 232   $('#id_tab_menu_alias a[href="#tab_4"]').click(OnClickMultiModeTab);
 233   $('#id_tab_menu_alias a[href="#tab_5"]').click(OnClickMultiModeTab);
 234
 235   $('#id_tab_menu_alias a[href="#tab_0"]').tab('show');
 236   VtoyFillCurrentPageItem(m_data_alias[0]);
 237   VtoyPageLanguageChange(g_current_language);
 238
 239 </script>