LinuxGUI/WebUI/index.html

   1 <html>
   2 <head>
   3     <meta charset="utf-8">
   4     <meta http-equiv="X-UA-Compatible" content="IE=edge">
   5     <!-- HTTP 1.1 -->
   6     <meta http-equiv="pragma" content="no-cache">
   7     <!-- HTTP 1.0 -->
   8     <meta http-equiv="cache-control" content="no-cache">
   9     <title>Ventoy2Disk</title>
  10     <!-- Tell the browser to be responsive to screen width -->
  11     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  12     <!-- Bootstrap 3.3.5 -->
  13     <link rel="stylesheet" href="static/bootstrap/css/bootstrap.min.css">
  14     <!-- Font Awesome -->
  15     <link rel="stylesheet" href="static/css/font-awesome.min.css">
  16     <!-- Ionicons -->
  17     <link rel="stylesheet" href="static/css/ionicons.min.css">
  18     <!-- Theme style -->
  19     <link rel="stylesheet" href="static/AdminLTE/css/AdminLTE.min.css">
  20     <!-- AdminLTE Skins. Choose a skin from the css/skins
  21          folder instead of downloading all of them to reduce the load. -->
  22
  23     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  24     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  25     <!--[if lt IE 9]>
  26         <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  27         <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  28     <![endif]-->
  29
  30     <!-- ./wrapper -->
  31     <!-- jQuery 2.1.4 -->
  32     <script src="static/js/jQuery-2.1.4.min.js"></script>
  33     <!-- jquery validate -->
  34     <script src="static/js/jquery.validate.min.js"></script>
  35     <!-- Bootstrap 3.3.5 -->
  36     <script src="static/bootstrap/js/bootstrap.min.js"></script>
  37     <!-- AdminLTE App -->
  38     <script src="static/AdminLTE/js/app.min.js"></script>
  39     <script src="static/js/jquery.vtoy.alert.js"></script>
  40     <script src="static/js/vtoy.js"></script>
  41     <script src="static/js/languages.js"></script>
  42
  43
  44     <style type="text/css">
  45     * {
  46          font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  47      }
  48     .modal {
  49         padding-top: 80px;
  50     }
  51     .treeview-menu a {
  52         margin-left: 20px;
  53     }
  54     span.vtoy_ver {
  55         display:inline-block;
  56         font-size:28px;
  57         font-weight:bold;
  58         color:red;
  59         width:60%;
  60         text-align:center;
  61     }
  62     span.vtoy_part {
  63         display:inline-block;
  64         font-size:14px;
  65         font-weight:bold;
  66         width:15%;
  67         text-align:right;
  68     }
  69     span.vtoy_secure {
  70         display:inline-block;
  71         font-size:20px;
  72         font-weight:bold;
  73         width:15%;
  74         color:#ea991f;
  75         text-align:center;
  76         visibility: hidden;
  77     }
  78     .noselect {
  79       -webkit-touch-callout: none; /* iOS Safari */
  80         -webkit-user-select: none; /* Safari */
  81          -khtml-user-select: none; /* Konqueror HTML */
  82            -moz-user-select: none; /* Old versions of Firefox */
  83             -ms-user-select: none; /* Internet Explorer/Edge */
  84                 user-select: none; /* Non-prefixed version, currently
  85                                       supported by Chrome, Opera and Firefox */
  86     }
  87     span.select {
  88         visibility:hidden;
  89         color:green;
  90     }
  91
  92     .dropdown-submenu {
  93       position: relative;
  94     }
  95
  96     .dropdown-submenu>.dropdown-menu {
  97       top: 0;
  98       left: 100%;
  99       margin-top: -6px;
 100       margin-left: -1px;
 101       -webkit-border-radius: 0 6px 6px 6px;
 102       -moz-border-radius: 0 6px 6px;
 103       border-radius: 0 6px 6px 6px;
 104     }
 105
 106     .dropdown-submenu:hover>.dropdown-menu {
 107       display: block;
 108     }
 109
 110     .dropdown-submenu>a:after {
 111       display: block;
 112       content: " ";
 113       float: right;
 114       width: 0;
 115       height: 0;
 116       border-color: transparent;
 117       border-style: solid;
 118       border-width: 5px 0 5px 5px;
 119       border-left-color: #ccc;
 120       margin-top: 5px;
 121       margin-right: -10px;
 122     }
 123
 124     .dropdown-submenu:hover>a:after {
 125       border-left-color: #fff;
 126     }
 127
 128     .dropdown-submenu.pull-left {
 129       float: none;
 130     }
 131
 132     .dropdown-submenu.pull-left>.dropdown-menu {
 133       left: -100%;
 134       margin-left: 10px;
 135       -webkit-border-radius: 6px 0 6px 6px;
 136       -moz-border-radius: 6px 0 6px 6px;
 137       border-radius: 6px 0 6px 6px;
 138     }
 139
 140     select.vtoyselect {
 141         -moz-appearance: none;
 142         -webkit-appearance: none;
 143         appearance: none;
 144         background-image: url("static/img/dropdown.png");
 145         background-repeat: no-repeat;
 146         background-position: calc(100% - 7px) 50%;
 147         background-size: 2% auto;
 148         border-radius:3px;
 149         padding:0;
 150         padding-left:15px;
 151     }
 152
 153     select.vtoyselect2 {
 154         -moz-appearance: none;
 155         -webkit-appearance: none;
 156         appearance: none;
 157         background-image: url("static/img/dropdown.png");
 158         background-repeat: no-repeat;
 159         background-position: calc(100% - 7px) 50%;
 160         background-size: 10% auto;
 161         border-radius:3px;
 162         padding:0;
 163         padding-left:15px;
 164     }
 165
 166     select:-moz-focusring {
 167         color: transparent;
 168         text-shadow: 0 0 0 #555;
 169     }
 170
 171     </style>
 172 </head>
 173
 174 <body style="overflow:hidden">
 175     <div class="wrapper" >
 176         <!-- Content Wrapper. Contains page content -->
 177         <div id='vtoy_main_div' style='width:540px; position:absolute;'>
 178
 179 <div class="modal" id="vtoy_set_part_cfg_modal" >
 180     <div class="modal-dialog" id="vtoy_set_part_cfg_modal_dlg" style="position:absolute;">
 181         <div class="modal-content">
 182             <form id="vtoy_set_part_cfg_form" class="form-horizontal">
 183                 <div class="modal-header">
 184                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 185                         <span aria-hidden="true">&times;</span>
 186                     </button>
 187                     <h4 id='part_config_dlg_title'>Configuration</h4>
 188                 </div>
 189                 <div class="modal-body">
 190                         <div class="form-group">
 191                             <div class="col-sm-10 checkbox">
 192                                 <label >
 193                                     <input type="checkbox" id="vtoy_preserve_space_checkbox" onclick="on_enable_preserve_space()"/>
 194                                     <span id="vtoy_preserve_space_tip" style="font-size:14px;font-weight:bold;">在磁盘最后保留一段空间</span>
 195                                 </label>
 196                             </div>
 197                         </div>
 198
 199                         <div class="form-group" style="width:520px;">
 200                             <div class="col-sm-6" style="float:left; width:350px;">
 201                                 <input type="text" maxlength="14" class="form-control" id="vtoy_preserve_space" style="font-family: couriew new;font-size: 14px;"/>
 202                             </div>
 203                             <div class="col-sm-6" style="float:left; width:150px;">
 204                                 <select id="vtoy_space_unit_dropbox" class="form-control valid vtoyselect2" aria-invalid="false">
 205                                     <option value="0" selected="selected">GB</option>
 206                                     <option value="1">MB</option>
 207                                 </select>
 208                             </div>
 209                         </div>
 210
 211                         <hr/>
 212
 213                         <div class="form-group">
 214                             <div class="col-sm-10 checkbox">
 215                                 <label >
 216                                     <input type="checkbox" id="vtoy_part_align_4kb"/>
 217                                     <span id="vtoy_part_4kb_align_tip" style="font-size:14px;font-weight:bold;">分区按照 4KB 对齐</span>
 218                                 </label>
 219                             </div>
 220                         </div>
 221
 222                 </div>
 223                 <div class="modal-footer">
 224                     <button type="button" id='vtoy_modal_btn_ok'     class="btn btn-primary btn-flat">确定</button>
 225                     <button type="button" id='vtoy_modal_btn_cancel' class="btn btn-default btn-flat">取消</button>
 226                 </div>
 227             </form>
 228         </div>
 229     </div>
 230 </div>
 231
 232
 233 <!-- Main content -->
 234 <section class="content" id="vtoy-content">
 235 <div >
 236     <div class="row" style="margin-top:-10px; width:535px; font-family:courier new; font-weight:bold;align:center;text-align:center;">
 237         <ul class="nav nav-tabs" style="margin-left:5px;">
 238           <li class="dropdown">
 239             <a class="dropdown-toggle noselect" id='vtoy_option' data-toggle="dropdown" aria-expanded="false" style="cursor: pointer;">配置选项 <span class="caret"></span></a>
 240             <ul class="dropdown-menu noselect">
 241               <li role="presentation"><a role="menuitem" onclick="on_secure_boot()"><span id='vtoy_check_secure_boot' class="fa fa-check select"></span><span  id='vtoy_menu_secure_boot'>安全启动支持</span><span class="fa fa-check select"></span></a></li>
 242
 243               <li class="dropdown-submenu">
 244                 <a id='vtoy_menu_secure_boot'><span class="fa fa-check select"></span><span id='vtoy_menu_part_style'>分区类型</span><span class="fa fa-check select"></span></a>
 245                 <ul class="dropdown-menu">
 246                     <li><a onclick="on_select_mbr_click()"><span id='vtoy_mbr_check' class="fa fa-check select"></span> MBR</a></li>
 247                     <li><a onclick="on_select_gpt_click()"><span id='vtoy_gpt_check' class="fa fa-check select"></span> GPT</a></li>
 248                 </ul>
 249               </li>
 250               <li role="presentation"><a role="menuitem" onclick="on_config_partition()"><span class="fa fa-check select"></span><span id='vtoy_menu_part_config'>分区设置</span><span class="fa fa-check select"></span></a></li>
 251               <li role="presentation"><a role="menuitem" onclick="on_clean_ventoy()"><span class="fa fa-check select"></span><span id='vtoy_menu_clean_ventoy'>清除 Ventoy</span><span class="fa fa-check select"></span></a></li>
 252               <li role="presentation"><a role="menuitem" onclick="on_show_all_device()"><span id='vtoy_check_show_all_dev' class="fa fa-check select"></span><span id='vtoy_menu_show_all_device'>显示所有设备</span><span class="fa fa-check select"></span></a></li>
 253             </ul>
 254           </li>
 255           <li class="dropdown">
 256             <a class="dropdown-toggle noselect" id='vtoy_language' data-toggle="dropdown" aria-expanded="false" style="cursor: pointer;;">Languages <span class="caret"></span></a>
 257             <ul class="dropdown-menu pull-left noselect" style="height:300px;overflow:scroll"  id='vtoy_language_dropbox'>
 258             </ul>
 259           </li>
 260         </ul>
 261     </div>
 262
 263     <div class="box-body" style=" font-weight:bold; " >
 264         <div class="row" style="width:520px;">
 265             <div style="float:left; width:480px;">
 266                 <span id="vtoy_dev_title" style="font-weight:bold; margin-left:2px;">设备</span>
 267             </div>
 268
 269             <div style="float:left; width:480px; margin-top:2px;" >
 270                 <select id="vtoy_dev_list" class="form-control valid vtoyselect" aria-invalid="false">
 271                 </select>
 272             </div>
 273
 274             <div style="float:right;">
 275                 <img src="static/img/refresh.ico" alt="" id="refresh_dev_img" style="cursor: pointer;"></img>
 276             </div>
 277         </div>
 278
 279         <div class="row" style="width:520px;margin-top:20px;">
 280               <div class="box box-primary box-solid" style="float:left; width:250px;">
 281                 <div class="box-header with-border" style="text-align:center;">
 282                   <h3 class="box-title" id="vtoy_local_ver_title" style="font-size: 14px;font-weight: bold;" >安装包内 Ventoy 版本</h3>
 283                 </div>
 284                 <div class="box-body no-padding" style="height:40px;">
 285                 <span class="vtoy_secure fa fa-lock" id="vtoy_select_secure_icon"></span>
 286                     <span class="vtoy_ver" id="vtoy_local_ver"></span>
 287                     <span class="vtoy_part" id="vtoy_local_part_style"></span>
 288                 </div>
 289               </div>
 290
 291               <div class="box box-primary box-solid" style="float:right; width:250px;">
 292                 <div class="box-header with-border" style="text-align:center;">
 293                   <h3 class="box-title" id="vtoy_dev_ver_title" style="font-size: 14px;font-weight: bold;" >设备内部 Ventoy 版本</h3>
 294                 </div>
 295                 <div class="box-body no-padding" style="height:40px;">
 296                     <span class="vtoy_secure fa fa-lock" id="vtoy_dev_secure_icon"></span>
 297                     <span class="vtoy_ver" id="vtoy_dev_ver"></span>
 298                     <span class="vtoy_part" id="vtoy_dev_part_style"></span>
 299                 </div>
 300               </div>
 301         </div>
 302
 303         <div class="row"  style="width:520px;">
 304             <span id="vtoy_status_title" style="font-weight:bold; margin-left:2px;">状态 - 准备就绪</span>
 305             <div class="progress">
 306                 <div id='vtoy_progress_bar' class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
 307                 </div>
 308             </div>
 309         </div>
 310
 311         <div class="row"  style="width:520px;margin-top:2px;">
 312             <button id="VtoyBtnInstall" onclick="on_vtoy_install()" class="btn btn-default" style="font-weight:bold; width:150px;margin-left:70px;">安装</button>
 313             <button id="VtoyBtnUpdate" onclick="on_vtoy_update()" class="btn btn-default" style="font-weight:bold; width:150px;margin-left:70px;">升级</button>
 314         </div>
 315     </div>
 316
 317
 318
 319
 320
 321
 322
 323 </div>
 324             </section>
 325             <!-- /.content -->
 326         </div>
 327
 328         <!-- /.content-wrapper -->
 329     </div>
 330
 331 <script type="text/javascript">
 332
 333     var vtoy_in_progress = false;
 334     var vtoy_app_width = 550;
 335     var vtoy_app_height = 400;
 336     var vtoy_cur_language;
 337     var vtoy_cur_lang_index = -1;
 338     var vtoy_client_language;
 339     var vtoy_selected_part_style = 0;
 340     var vtoy_current_token = 'xx';
 341     var vtoy_cur_dev_list;
 342     var vtoy_cur_process_disk_name;
 343     var vtoy_chrome_app_mode = (window.location.href.indexOf('chrome-app') >= 0) ? 1 : 0;
 344
 345     function sort_language_list() {
 346         var tmp;
 347         for (var i = 0; i < vtoy_language_data.length; i++) {
 348             for (var j = i + 1; j < vtoy_language_data.length; j++) {
 349                 if (vtoy_language_data[i].name === 'Chinese Simplified (简体中文)') {
 350                     break;
 351                 }
 352                 else if (vtoy_language_data[j].name === 'Chinese Simplified (简体中文)' || vtoy_language_data[i].name > vtoy_language_data[j].name) {
 353                     tmp = vtoy_language_data[i];
 354                     vtoy_language_data[i] = vtoy_language_data[j];
 355                     vtoy_language_data[j] = tmp;
 356                 }
 357             }
 358         }
 359     }
 360
 361     function fill_language_list() {
 362         var html;
 363         var dropbox = $('ul#vtoy_language_dropbox');
 364         for (var i = 0; i < vtoy_language_data.length; i++) {
 365             html = '<li role="presentation"><a  onclick="on_language_click(' + i + ')"  role="menuitem" tabindex="' + i + '">' +
 366             '<span id="vtoy_check_' + i + '" class="fa fa-check" style="visibility:hidden;color:green;" ></span> ' +
 367             vtoy_language_data[i].name + '</a></li>';
 368             dropbox.append(html);
 369         }
 370     }
 371
 372     function update_language(lastIndex, newIndex) {
 373         if (lastIndex >= 0) {
 374             $('span#vtoy_check_' + lastIndex).css("visibility","hidden");
 375         }
 376         $('span#vtoy_check_' + newIndex).css("visibility","visible");
 377
 378         vtoy_cur_lang_index = newIndex;
 379
 380         $('a#vtoy_option').html(vtoy_cur_language.STR_MENU_OPTION + ' <span class="caret"></span>');
 381         $('h3#vtoy_local_ver_title').text(vtoy_cur_language.STR_LOCAL_VER);
 382         $('h3#vtoy_dev_ver_title').text(vtoy_cur_language.STR_DISK_VER);
 383         $('span#vtoy_status_title').text(vtoy_cur_language.STR_STATUS);
 384
 385         if ($('#vtoy_preserve_space_checkbox').is(':checked')) {
 386             var valx = $('#vtoy_preserve_space').val();
 387             if ($('#vtoy_space_unit_dropbox').val() > 0) {
 388                 $('span#vtoy_dev_title').text(vtoy_cur_language.STR_DEVICE + ' [ -' + valx + 'MB ]');
 389             } else {
 390                 $('span#vtoy_dev_title').text(vtoy_cur_language.STR_DEVICE + ' [ -' + valx + 'GB ]');
 391             }
 392         } else {
 393             $('span#vtoy_dev_title').text(vtoy_cur_language.STR_DEVICE);
 394         }
 395
 396         $('span#vtoy_menu_secure_boot').text(vtoy_cur_language.STR_MENU_SECURE_BOOT);
 397         $('span#vtoy_menu_part_style').text(vtoy_cur_language.STR_MENU_PART_STYLE);
 398         $('span#vtoy_menu_part_config').text(vtoy_cur_language.STR_MENU_PART_CFG);
 399         $('span#vtoy_menu_clean_ventoy').text(vtoy_cur_language.STR_MENU_CLEAR);
 400         $('span#vtoy_menu_show_all_device').text(vtoy_cur_language.STR_SHOW_ALL_DEV);
 401
 402         $('span#vtoy_preserve_space_tip').text(vtoy_cur_language.STR_PRESERVE_SPACE);
 403         $('span#vtoy_part_4kb_align_tip').text(vtoy_cur_language.STR_PART_ALIGN_4KB);
 404
 405         $('button#VtoyBtnInstall').text(vtoy_cur_language.STR_INSTALL);
 406         $('button#VtoyBtnUpdate').text(vtoy_cur_language.STR_UPDATE);
 407
 408         $('button#vtoy_modal_btn_ok').text(vtoy_cur_language.STR_BTN_OK);
 409         $('button#vtoy_modal_btn_cancel').text(vtoy_cur_language.STR_BTN_CANCEL);
 410
 411         $('h4#part_config_dlg_title').text(vtoy_cur_language.STR_MENU_PART_CFG);
 412     }
 413
 414     function select_language_by_name(name, sendback) {
 415         for (var j = 0; j < vtoy_language_data.length; j++) {
 416             if (vtoy_language_data[j].name.indexOf(name) == 0) {
 417                 vtoy_cur_language = vtoy_language_data[j];
 418                 update_language(vtoy_cur_lang_index, j);
 419
 420                 if (sendback > 0) {
 421                     var idx = name.indexOf(' (');
 422                     if (idx >= 0) {
 423                         callVtoy({method : 'sel_language', token:vtoy_current_token, language:name.substr(0, idx)});
 424                     } else {
 425                         callVtoy({method : 'sel_language', token:vtoy_current_token, language:name});
 426                     }
 427                 }
 428                 break;
 429             }
 430         }
 431     }
 432
 433     function select_language_by_index(index, sendback) {
 434         if (index < vtoy_language_data.length) {
 435             vtoy_cur_language = vtoy_language_data[index];
 436             update_language(vtoy_cur_lang_index, index);
 437
 438             if (sendback > 0) {
 439                 var idx = vtoy_cur_language.name.indexOf(' (');
 440                 if (idx >= 0) {
 441                     callVtoy({method : 'sel_language', token:vtoy_current_token, language:vtoy_cur_language.name.substr(0, idx)});
 442                 } else {
 443                     callVtoy({method : 'sel_language', token:vtoy_current_token, language:vtoy_cur_language.name});
 444                 }
 445             }
 446         }
 447     }
 448
 449     function on_language_click(index) {
 450         if (index != vtoy_cur_lang_index) {
 451             select_language_by_index(index, 1);
 452         }
 453     }
 454
 455     function on_select_mbr() {
 456         vtoy_selected_part_style = 0;
 457         $('span#vtoy_mbr_check').css("visibility","visible");
 458         $('span#vtoy_gpt_check').css("visibility","hidden");
 459         $('span#vtoy_local_part_style').text('MBR');
 460     }
 461
 462     function on_select_mbr_click() {
 463         on_select_mbr();
 464         callVtoy({method : 'sel_partstyle', token:vtoy_current_token,  partstyle:0});
 465     }
 466
 467     function on_select_gpt() {
 468         vtoy_selected_part_style = 1;
 469         $('span#vtoy_mbr_check').css("visibility","hidden");
 470         $('span#vtoy_gpt_check').css("visibility","visible");
 471         $('span#vtoy_local_part_style').text('GPT');
 472     }
 473
 474     function on_select_gpt_click() {
 475         on_select_gpt();
 476         callVtoy({method : 'sel_partstyle', token:vtoy_current_token, partstyle:1});
 477     }
 478
 479     function secure_boot_check(secure) {
 480         if (secure > 0) {
 481             $('span#vtoy_check_secure_boot').css("visibility","visible");
 482             $('span#vtoy_select_secure_icon').css("visibility","visible");
 483         } else {
 484             $('span#vtoy_check_secure_boot').css("visibility","hidden");
 485             $('span#vtoy_select_secure_icon').css("visibility","hidden");
 486         }
 487     }
 488
 489     function on_secure_boot() {
 490         var secure;
 491         if ($('span#vtoy_check_secure_boot').css("visibility") === 'visible') {
 492             secure = 1;
 493         } else {
 494             secure = 0;
 495         }
 496         secure_boot_check(1 - secure);
 497     }
 498
 499     function on_show_all_device() {
 500         if ($('span#vtoy_check_show_all_dev').css("visibility") === 'visible') {
 501             $('span#vtoy_check_show_all_dev').css("visibility", "hidden");
 502         } else {
 503             $('span#vtoy_check_show_all_dev').css("visibility", "visible");
 504         }
 505         get_and_fill_dev_list();
 506     }
 507
 508
 509     var vtoy_part_align_4kb_tmp;
 510     var vtoy_preserve_space_checkbox_tmp;
 511     var vtoy_preserve_space_tmp;
 512     var vtoy_space_unit_dropbox_tmp;
 513
 514     function on_config_partition() {
 515         if (vtoy_chrome_app_mode) {
 516             $("#vtoy_set_part_cfg_modal_dlg").css("width", "520px");
 517             $("#vtoy_set_part_cfg_modal_dlg").css("margin-top", "-30px");
 518         } else {
 519             $("#vtoy_set_part_cfg_modal_dlg").css("width", "540px");
 520
 521             if (document.body.clientWidth > 550) {
 522                 $("#vtoy_set_part_cfg_modal_dlg").css("left", (document.body.clientWidth - 550) / 2);
 523             }
 524
 525             if (document.body.clientHeight > 400) {
 526                 $("#vtoy_set_part_cfg_modal_dlg").css("top", (document.body.clientHeight - 400) / 2);
 527             }
 528         }
 529
 530         vtoy_part_align_4kb_tmp = $('#vtoy_part_align_4kb').prop("checked");
 531         vtoy_preserve_space_checkbox_tmp = $('#vtoy_preserve_space_checkbox').prop("checked");
 532         vtoy_preserve_space_tmp = $('#vtoy_preserve_space').val();
 533         vtoy_space_unit_dropbox_tmp = $('#vtoy_space_unit_dropbox').val();
 534
 535         $('#vtoy_set_part_cfg_modal').modal({backdrop: 'static', keyboard: false});
 536     }
 537
 538     $("#vtoy_modal_btn_ok").click(function(){
 539         if ($('#vtoy_preserve_space_checkbox').is(':checked')) {
 540             var valx = $('#vtoy_preserve_space').val();
 541             if (valx.length > 14) {
 542                 ventoy_display_alert('error', vtoy_cur_language.STR_SPACE_VAL_INVALID);
 543                 return;
 544             }
 545
 546             var regPat = /^\d+$/;
 547             if (!(regPat.test(valx))) {
 548                 ventoy_display_alert('error', vtoy_cur_language.STR_SPACE_VAL_INVALID);
 549                 return;
 550             }
 551
 552             if ($('#vtoy_space_unit_dropbox').val() > 0) {
 553                 $('span#vtoy_dev_title').text(vtoy_cur_language.STR_DEVICE + ' [ -' + valx + 'MB ]');
 554             } else {
 555                 $('span#vtoy_dev_title').text(vtoy_cur_language.STR_DEVICE + ' [ -' + valx + 'GB ]');
 556             }
 557         } else {
 558             $('span#vtoy_dev_title').text(vtoy_cur_language.STR_DEVICE);
 559         }
 560         $("#vtoy_set_part_cfg_modal").modal('hide');
 561     });
 562
 563     $("#vtoy_modal_btn_cancel").click(function(){
 564         $("#vtoy_set_part_cfg_modal").modal('hide');
 565         $('#vtoy_part_align_4kb').prop("checked", vtoy_part_align_4kb_tmp);
 566         $('#vtoy_preserve_space_checkbox').prop("checked", vtoy_preserve_space_checkbox_tmp);
 567         $('#vtoy_preserve_space').val(vtoy_preserve_space_tmp);
 568         $('#vtoy_space_unit_dropbox').val(vtoy_space_unit_dropbox_tmp);
 569     });
 570
 571     function on_enable_preserve_space() {
 572         if ($('#vtoy_preserve_space_checkbox').is(':checked')) {
 573             $('#vtoy_preserve_space').attr("disabled",false);
 574             $('#vtoy_space_unit_dropbox').attr("disabled",false);
 575         } else {
 576             $('#vtoy_preserve_space').attr("disabled",true);
 577             $('#vtoy_space_unit_dropbox').attr("disabled",true);
 578         }
 579     }
 580
 581     function ResizeWindow() {
 582         //console.log(window.screen.width + ' [x1] ' + window.screen.height);
 583         //console.log(vtoy_app_width + ' [x2] ' + vtoy_app_height);
 584         //console.log((window.screen.width - vtoy_app_width) / 2 + ' [x3] ' + (window.screen.height - vtoy_app_height) / 2);
 585         window.moveTo((window.screen.width - vtoy_app_width) / 2, (window.screen.height - vtoy_app_height) / 2);
 586         window.resizeTo(vtoy_app_width, vtoy_app_height);
 587     }
 588
 589     function MoveMainDivToCenter() {
 590         $('#vtoy_main_div').css("left", (document.body.clientWidth - 550) / 2);
 591         $('#vtoy_main_div').css("top",(document.body.clientHeight - 400) / 2);
 592     }
 593
 594     // disable F5
 595     function disableF5(e) {
 596         if ((e.which || e.keyCode) == 116) {
 597             e.preventDefault();
 598         };
 599     }
 600
 601     function on_dev_sel_change() {
 602         var index = $("#vtoy_dev_list").val();
 603
 604         $('span#vtoy_dev_secure_icon').css("visibility","hidden");
 605
 606         if (vtoy_cur_dev_list.length <= 0 || index < 0 || index >= vtoy_cur_dev_list.length) {
 607             return;
 608         }
 609
 610         if (vtoy_cur_dev_list[index].vtoy_valid > 0) {
 611             $('span#vtoy_dev_ver').text(vtoy_cur_dev_list[index].vtoy_ver);
 612             $('span#vtoy_dev_part_style').text(vtoy_cur_dev_list[index].vtoy_partstyle ? 'GPT' : 'MBR');
 613             if (vtoy_cur_dev_list[index].vtoy_secure_boot) {
 614                 $('span#vtoy_dev_secure_icon').css("visibility","visible");
 615             }
 616
 617             secure_boot_check(vtoy_cur_dev_list[index].vtoy_secure_boot);
 618
 619             $('button#VtoyBtnUpdate').prop("disabled", false);
 620
 621         } else {
 622             $('span#vtoy_dev_ver').text('');
 623             $('span#vtoy_dev_part_style').text('');
 624             $('button#VtoyBtnUpdate').prop("disabled", true);
 625         }
 626     }
 627
 628     $("#vtoy_dev_list").change(on_dev_sel_change);
 629
 630     function ventoy_display_alert(type, vmsg) {
 631         var titlestr;
 632         var msgstr;
 633         var message;
 634
 635         if (type === 'error') {
 636             titlestr = '<span class="fa  fa-minus-circle" style="color:#dd4b39; font-weight:bold;"> ' + vtoy_cur_language.STR_ERROR + '</span>';
 637         } else if (type === 'warning') {
 638             titlestr = '<span class="fa fa-warning" style="color:#f39c12; font-weight:bold;"> ' + vtoy_cur_language.STR_WARNING + '</span>';
 639         } else {
 640             titlestr = '<span class="fa fa-check-circle" style="color:green; font-weight:bold;"> ' + vtoy_cur_language.STR_INFO + '</span>';
 641         }
 642
 643         msgstr = '<span style="font-size:14px; font-weight:bold;"> ' + vmsg + '</span>';
 644         message = msgstr.replace("#@", "<br/>");
 645
 646         Modal.alert({title:titlestr, msg:message, btnok:vtoy_cur_language.STR_BTN_OK, btncl:vtoy_cur_language.STR_BTN_CANCEL });
 647     }
 648
 649     function set_progress_bar(percent) {
 650         var per = percent + '%';
 651
 652         $('#vtoy_progress_bar').css('width', per);
 653
 654         if (percent === 0) {
 655             $('span#vtoy_status_title').text(vtoy_cur_language.STR_STATUS);
 656         } else {
 657             var status = vtoy_cur_language.STR_STATUS;
 658             var idx = status.indexOf('- ');
 659
 660             if (idx >= 0) {
 661                 $('span#vtoy_status_title').text(status.substr(0, idx + 2) + per);
 662             }
 663         }
 664     }
 665
 666
 667     function progressDisableItem(in_progress) {
 668         $('button#VtoyBtnInstall').prop("disabled", in_progress);
 669         $('button#VtoyBtnUpdate').prop("disabled", in_progress);
 670     }
 671
 672     function queryProgress(op) {
 673         callVtoySync({
 674             method : 'get_percent',
 675             token : vtoy_current_token
 676         }, function(data) {
 677             if (data.result === 'success') {
 678                 set_progress_bar(data.percent);
 679                 if (data.percent === 100) {
 680                     var titlestr = '<span class="fa fa-check-circle" style="color:green; font-weight:bold;"> ' + vtoy_cur_language.STR_INFO + '</span>';
 681                     var msgstr;
 682
 683                     if (op === 1) {
 684                         msgstr = '<span style="font-size:14px; font-weight:bold;"> ' + vtoy_cur_language.STR_INSTALL_SUCCESS + '</span>';
 685                     } else {
 686                         msgstr = '<span style="font-size:14px; font-weight:bold;"> ' + vtoy_cur_language.STR_UPDATE_SUCCESS + '</span>';
 687                     }
 688                     var message = msgstr.replace("#@", "<br/>");
 689
 690                     callVtoySync({
 691                         method : 'refresh_device',
 692                         token : vtoy_current_token
 693                     }, function(data) {
 694                         get_and_fill_dev_list();
 695
 696                         for (var i = 0; i < vtoy_cur_dev_list.length; i++) {
 697                             if (vtoy_cur_dev_list[i].name === vtoy_cur_process_disk_name) {
 698                                 $("#vtoy_dev_list").val(i);
 699                                 on_dev_sel_change();
 700                                 break;
 701                             }
 702                         }
 703                     });
 704
 705                     Modal.alert({title:titlestr, msg:message, btnok:vtoy_cur_language.STR_BTN_OK }).on(function(e) {
 706                         vtoy_in_progress = false;
 707                         progressDisableItem(vtoy_in_progress);
 708                         set_progress_bar(0);
 709                     });
 710                 } else {
 711                     setTimeout(function() {
 712                         queryProgress(op);
 713                     }, 300);
 714                 }
 715             } else {
 716
 717                 if (data.result === 'mbr2tb') {
 718                     ventoy_display_alert('error', vtoy_cur_language.STR_DISK_2TB_MBR_ERROR);
 719                 } else if (data.result === 'reserve_invalid') {
 720                     ventoy_display_alert('error', vtoy_cur_language.STR_SPACE_VAL_INVALID);
 721                 } else {
 722                     ventoy_display_alert('error', (op === 1) ? vtoy_cur_language.STR_INSTALL_FAILED : vtoy_cur_language.STR_UPDATE_FAILED);
 723                 }
 724
 725                 vtoy_in_progress = false;
 726                 progressDisableItem(vtoy_in_progress);
 727                 set_progress_bar(0);
 728             }
 729         });
 730     }
 731
 732     function install_ventoy(index, reservesize) {
 733         var secureboot;
 734         var curDev = vtoy_cur_dev_list[index];
 735         var align = $('#vtoy_part_align_4kb').prop("checked");
 736
 737         vtoy_cur_process_disk_name = curDev.name;
 738
 739         if ($('span#vtoy_check_secure_boot').css("visibility") === 'visible') {
 740             secureboot = 1;
 741         } else {
 742             secureboot = 0;
 743         }
 744
 745         callVtoySync({
 746             method : 'install',
 747             token : vtoy_current_token,
 748             disk : curDev.name,
 749             partstyle : vtoy_selected_part_style,
 750             secure_boot : secureboot,
 751             align_4kb : align ? 1 : 0,
 752             reserve_space : reservesize + ''
 753         }, function(data) {
 754             if (data.result === 'success') {
 755                 vtoy_in_progress = true;
 756                 progressDisableItem(vtoy_in_progress);
 757                 queryProgress(1);
 758             } else {
 759                 ventoy_display_alert('error', vtoy_cur_language.STR_INSTALL_FAILED);
 760             }
 761         });
 762     }
 763
 764
 765     function on_vtoy_install() {
 766         var model;
 767         var reserve;
 768         var titlestr = '<span class="fa fa-warning" style="color:#f39c12; font-weight:bold;"> ' + vtoy_cur_language.STR_WARNING + '</span>';
 769         var msgstr1 = vtoy_cur_language.STR_INSTALL_TIP.replace("#@", "<br/>");
 770         var msgstr2 = vtoy_cur_language.STR_INSTALL_TIP2.replace("#@", "<br/>");
 771         var index = $("#vtoy_dev_list").val();
 772
 773         if (vtoy_cur_dev_list.length <= 0 || index < 0 || index >= vtoy_cur_dev_list.length) {
 774             return;
 775         }
 776
 777         if (vtoy_in_progress) {
 778             return;
 779         }
 780
 781         if ($('#vtoy_preserve_space_checkbox').is(':checked')) {
 782             var valx = $('#vtoy_preserve_space').val();
 783             if (valx.length > 14) {
 784                 ventoy_display_alert('error', vtoy_cur_language.STR_SPACE_VAL_INVALID);
 785                 return;
 786             }
 787
 788             if (valx > 0) {
 789                 if ($('#vtoy_space_unit_dropbox').val() > 0) {
 790                     reserve = valx * 1024 * 1024;
 791                 } else {
 792                     reserve = valx * 1024 * 1024 * 1024;
 793                 }
 794             }
 795         } else {
 796             reserve = 0;
 797         }
 798
 799         var curDev = vtoy_cur_dev_list[index];
 800         model = curDev.name + '&nbsp;&nbsp;[' + curDev.size + ']&nbsp;&nbsp;' + curDev.model + '<br/>';
 801         var msgstrex1 = '<span style="font-size:14px; font-weight:bold;"> ' + model + msgstr1 + '</span>';
 802         var msgstrex2 = '<span style="font-size:14px; font-weight:bold; color:#f39c12;"> ' + model + msgstr2 + '</span>';
 803
 804         Modal.confirm({title:titlestr, msg:msgstrex1, btnok:vtoy_cur_language.STR_BTN_OK, btncl:vtoy_cur_language.STR_BTN_CANCEL }).on(function(e) {
 805             if (e) {
 806                 Modal.confirm({title:titlestr, msg:msgstrex2, btnok:vtoy_cur_language.STR_BTN_OK, btncl:vtoy_cur_language.STR_BTN_CANCEL }).on(function(e1) {
 807                     if (e1) {
 808                         install_ventoy(index, reserve);
 809                     }
 810                 });
 811             }
 812         });
 813     }
 814
 815
 816     function update_ventoy(index) {
 817         var secureboot;
 818         var curDev = vtoy_cur_dev_list[index];
 819
 820         vtoy_cur_process_disk_name = curDev.name;
 821
 822         if ($('span#vtoy_check_secure_boot').css("visibility") === 'visible') {
 823             secureboot = 1;
 824         } else {
 825             secureboot = 0;
 826         }
 827
 828         callVtoySync({
 829             method : 'update',
 830             token : vtoy_current_token,
 831             disk : curDev.name,
 832             secure_boot : secureboot
 833         }, function(data) {
 834             if (data.result === 'success') {
 835                 vtoy_in_progress = true;
 836                 progressDisableItem(vtoy_in_progress);
 837                 queryProgress(2);
 838             } else {
 839                 ventoy_display_alert('error', vtoy_cur_language.STR_UPDATE_FAILED);
 840             }
 841         });
 842     }
 843
 844     function on_vtoy_update() {
 845         var model;
 846         var reserve;
 847         var titlestr = '<span class="fa fa-info" style="color:green; font-weight:bold;"> ' + vtoy_cur_language.STR_INFO + '</span>';
 848         var msgstr1 = vtoy_cur_language.STR_UPDATE_TIP.replace("#@", "<br/>");
 849         var index = $("#vtoy_dev_list").val();
 850
 851         if (vtoy_cur_dev_list.length <= 0 || index < 0 || index >= vtoy_cur_dev_list.length) {
 852             return;
 853         }
 854
 855         if (vtoy_in_progress) {
 856             return;
 857         }
 858
 859         var curDev = vtoy_cur_dev_list[index];
 860         model = curDev.name + '&nbsp;&nbsp;[' + curDev.size + ']&nbsp;&nbsp;' + curDev.model + '<br/>';
 861         var msgstrex1 = '<span style="font-size:14px; font-weight:bold;"> ' + model + msgstr1 + '</span>';
 862
 863         Modal.confirm({title:titlestr, msg:msgstrex1, btnok:vtoy_cur_language.STR_BTN_OK, btncl:vtoy_cur_language.STR_BTN_CANCEL }).on(function(e) {
 864             if (e) {
 865                 update_ventoy(index);
 866             }
 867         });
 868     }
 869
 870     function on_clean_ventoy() {
 871         var model;
 872         var reserve;
 873         var titlestr = '<span class="fa fa-warning" style="color:#f39c12; font-weight:bold;"> ' + vtoy_cur_language.STR_WARNING + '</span>';
 874         var msgstr1 = vtoy_cur_language.STR_INSTALL_TIP.replace("#@", "<br/>");
 875         var msgstr2 = vtoy_cur_language.STR_INSTALL_TIP2.replace("#@", "<br/>");
 876         var index = $("#vtoy_dev_list").val();
 877
 878         if (vtoy_cur_dev_list.length <= 0 || index < 0 || index >= vtoy_cur_dev_list.length) {
 879             return;
 880         }
 881
 882         if (vtoy_in_progress) {
 883             return;
 884         }
 885
 886         var curDev = vtoy_cur_dev_list[index];
 887         model = curDev.name + '&nbsp;&nbsp;[' + curDev.size + ']&nbsp;&nbsp;' + curDev.model + '<br/>';
 888         var msgstrex1 = '<span style="font-size:14px; font-weight:bold;"> ' + model + msgstr1 + '</span>';
 889         var msgstrex2 = '<span style="font-size:14px; font-weight:bold; color:#f39c12;"> ' + model + msgstr2 + '</span>';
 890
 891         Modal.confirm({title:titlestr, msg:msgstrex1, btnok:vtoy_cur_language.STR_BTN_OK, btncl:vtoy_cur_language.STR_BTN_CANCEL }).on(function(e) {
 892             if (e) {
 893                 Modal.confirm({title:titlestr, msg:msgstrex2, btnok:vtoy_cur_language.STR_BTN_OK, btncl:vtoy_cur_language.STR_BTN_CANCEL }).on(function(e1) {
 894                     if (e1) {
 895                         callVtoySync({
 896                             method : 'clean',
 897                             token : vtoy_current_token,
 898                             disk : curDev.name
 899                         }, function(data) {
 900                             if (data.result === 'success') {
 901                                 ventoy_display_alert('success', vtoy_cur_language.STR_CLEAR_SUCCESS);
 902
 903                                 callVtoySync({
 904                                     method : 'refresh_device',
 905                                     token : vtoy_current_token
 906                                 }, function(data) {
 907                                     get_and_fill_dev_list();
 908
 909                                     for (var i = 0; i < vtoy_cur_dev_list.length; i++) {
 910                                         if (vtoy_cur_dev_list[i].name === curDev.name) {
 911                                             $("#vtoy_dev_list").val(i);
 912                                             on_dev_sel_change();
 913                                             break;
 914                                         }
 915                                     }
 916                                 });
 917
 918                             } else {
 919                                 ventoy_display_alert('error', vtoy_cur_language.STR_CLEAR_FAILED);
 920                             }
 921                         });
 922                     }
 923                 });
 924             }
 925         });
 926     }
 927
 928
 929
 930     function fill_dev_list_dropbox() {
 931         var model;
 932         $('#vtoy_dev_list').empty();
 933         $('span#vtoy_dev_secure_icon').css("visibility","hidden");
 934
 935         for (var i = 0; i < vtoy_cur_dev_list.length; i++) {
 936             model = vtoy_cur_dev_list[i].name + '&nbsp;&nbsp;[' + vtoy_cur_dev_list[i].size + ']&nbsp;&nbsp;' + vtoy_cur_dev_list[i].model;
 937             $("#vtoy_dev_list").append("<option value='" + i + "'>" + model + "</option>");
 938         }
 939
 940         $('span#vtoy_dev_ver').text('');
 941         $('span#vtoy_dev_part_style').text('');
 942
 943         if (vtoy_cur_dev_list.length > 0) {
 944             if (vtoy_cur_dev_list[0].vtoy_valid > 0) {
 945                 $('span#vtoy_dev_ver').text(vtoy_cur_dev_list[0].vtoy_ver);
 946                 $('span#vtoy_dev_part_style').text(vtoy_cur_dev_list[0].vtoy_partstyle ? 'GPT' : 'MBR');
 947                 if (vtoy_cur_dev_list[0].vtoy_secure_boot) {
 948                     $('span#vtoy_dev_secure_icon').css("visibility","visible");
 949                 }
 950
 951                 secure_boot_check(vtoy_cur_dev_list[0].vtoy_secure_boot);
 952
 953                 $('button#VtoyBtnUpdate').prop("disabled", false);
 954             } else {
 955                 $('button#VtoyBtnUpdate').prop("disabled", true);
 956             }
 957             $('button#VtoyBtnInstall').prop("disabled", false);
 958         } else {
 959             $('button#VtoyBtnInstall').prop("disabled", true);
 960             $('button#VtoyBtnUpdate').prop("disabled", true);
 961         }
 962     }
 963
 964     function get_and_fill_dev_list() {
 965         var showall = 0;
 966         if ($('span#vtoy_check_show_all_dev').css("visibility") === 'visible') {
 967             showall = 1;
 968         }
 969
 970         callVtoySync({
 971             method : 'get_dev_list',
 972             alldev : showall,
 973             token : vtoy_current_token
 974         }, function(data) {
 975             vtoy_cur_dev_list = data.list;
 976             fill_dev_list_dropbox();
 977         });
 978     }
 979
 980     function on_click_refresh_device() {
 981         if (vtoy_in_progress === true) {
 982             return;
 983         }
 984         callVtoySync({
 985             method : 'refresh_device',
 986             token : vtoy_current_token
 987         }, function(data) {
 988             get_and_fill_dev_list();
 989         });
 990     }
 991
 992
 993
 994
 995
 996
 997
 998
 999
1000
1001
1002
1003
1004
1005
1006
1007     //SCRIPT_DEL_THIS $(document).on("keydown", disableF5);
1008     //SCRIPT_DEL_THIS $(document).on("contextmenu",function(e){ return false; });
1009
1010     $('#refresh_dev_img').click(on_click_refresh_device);
1011     $('#vtoy_part_align_4kb').prop("checked", true);
1012
1013     if (vtoy_chrome_app_mode) {
1014         window.onresize = function() {
1015             ResizeWindow();
1016         }
1017         ResizeWindow();
1018     } else {
1019         $('#vtoy_main_div').css("border", '2px solid #f4f4f4');
1020         window.onresize = function() {
1021             MoveMainDivToCenter();
1022         }
1023         MoveMainDivToCenter();
1024     }
1025
1026     sort_language_list();
1027     fill_language_list();
1028
1029     if (navigator.language) {
1030         vtoy_client_language = navigator.language.toLowerCase();
1031     }
1032     else {
1033         vtoy_client_language = navigator.browserLanguage.toLowerCase();
1034     }
1035
1036     if (vtoy_client_language === 'zh-cn') {
1037         select_language_by_index(0, 0);
1038     } else {
1039         select_language_by_name('English (English)', 0);
1040     }
1041
1042     on_select_mbr();
1043     secure_boot_check(0);
1044
1045     on_enable_preserve_space();
1046
1047     callVtoySync({
1048         method : 'sysinfo'
1049     }, function(data) {
1050         vtoy_current_token = data.token;
1051         if (data.language.length > 0) {
1052             select_language_by_name(data.language, 0);
1053         }
1054
1055         if (data.busy === true) {
1056             vtoy_cur_process_disk_name = data.process_disk;
1057             vtoy_in_progress = true;
1058         } else {
1059             vtoy_in_progress = false;
1060         }
1061
1062         if (data.partstyle == 1) {
1063             on_select_gpt();
1064         } else {
1065             on_select_mbr();
1066         }
1067
1068         $('span#vtoy_local_ver').text(data.ventoy_ver);
1069
1070         callVtoySync({
1071             method : 'refresh_device',
1072             token : vtoy_current_token
1073         }, function(data) {
1074             get_and_fill_dev_list();
1075         });
1076
1077         if (vtoy_in_progress) {
1078             for (var i = 0; i < vtoy_cur_dev_list.length; i++) {
1079                 if (vtoy_cur_dev_list[i].name === vtoy_cur_process_disk_name) {
1080                     $("#vtoy_dev_list").val(i);
1081                     on_dev_sel_change();
1082                     break;
1083                 }
1084             }
1085
1086             progressDisableItem(vtoy_in_progress);
1087             if (data.process_type === 'install') {
1088                 queryProgress(1);
1089             } else if (data.process_type === 'update') {
1090                 queryProgress(2);
1091             }
1092         }
1093     });
1094
1095 </script>
1096 </body>
1097
1098 </html>