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
 346     function sort_language_list() {
 347         var tmp;
 348         for (var i = 0; i < vtoy_language_data.length; i++) {
 349             for (var j = i + 1; j < vtoy_language_data.length; j++) {
 350                 if (vtoy_language_data[i].name === 'Chinese Simplified (简体中文)') {
 351                     break;
 352                 }
 353                 else if (vtoy_language_data[j].name === 'Chinese Simplified (简体中文)' || vtoy_language_data[i].name > vtoy_language_data[j].name) {
 354                     tmp = vtoy_language_data[i];
 355                     vtoy_language_data[i] = vtoy_language_data[j];
 356                     vtoy_language_data[j] = tmp;
 357                 }
 358             }
 359         }
 360     }
 361
 362     function fill_language_list() {
 363         var html;
 364         var dropbox = $('ul#vtoy_language_dropbox');
 365         for (var i = 0; i < vtoy_language_data.length; i++) {
 366             html = '<li role="presentation"><a  onclick="on_language_click(' + i + ')"  role="menuitem" tabindex="' + i + '">' +
 367             '<span id="vtoy_check_' + i + '" class="fa fa-check" style="visibility:hidden;color:green;" ></span> ' +
 368             vtoy_language_data[i].name + '</a></li>';
 369             dropbox.append(html);
 370         }
 371     }
 372
 373     function update_language(lastIndex, newIndex) {
 374         if (lastIndex >= 0) {
 375             $('span#vtoy_check_' + lastIndex).css("visibility","hidden");
 376         }
 377         $('span#vtoy_check_' + newIndex).css("visibility","visible");
 378
 379         vtoy_cur_lang_index = newIndex;
 380
 381         $('a#vtoy_option').html(vtoy_cur_language.STR_MENU_OPTION + ' <span class="caret"></span>');
 382         $('h3#vtoy_local_ver_title').text(vtoy_cur_language.STR_LOCAL_VER);
 383         $('h3#vtoy_dev_ver_title').text(vtoy_cur_language.STR_DISK_VER);
 384         $('span#vtoy_status_title').text(vtoy_cur_language.STR_STATUS);
 385
 386         if ($('#vtoy_preserve_space_checkbox').is(':checked')) {
 387             var valx = $('#vtoy_preserve_space').val();
 388             if ($('#vtoy_space_unit_dropbox').val() > 0) {
 389                 $('span#vtoy_dev_title').text(vtoy_cur_language.STR_DEVICE + ' [ -' + valx + 'MB ]');
 390             } else {
 391                 $('span#vtoy_dev_title').text(vtoy_cur_language.STR_DEVICE + ' [ -' + valx + 'GB ]');
 392             }
 393         } else {
 394             $('span#vtoy_dev_title').text(vtoy_cur_language.STR_DEVICE);
 395         }
 396
 397         $('span#vtoy_menu_secure_boot').text(vtoy_cur_language.STR_MENU_SECURE_BOOT);
 398         $('span#vtoy_menu_part_style').text(vtoy_cur_language.STR_MENU_PART_STYLE);
 399         $('span#vtoy_menu_part_config').text(vtoy_cur_language.STR_MENU_PART_CFG);
 400         $('span#vtoy_menu_clean_ventoy').text(vtoy_cur_language.STR_MENU_CLEAR);
 401         $('span#vtoy_menu_show_all_device').text(vtoy_cur_language.STR_SHOW_ALL_DEV);
 402
 403         $('span#vtoy_preserve_space_tip').text(vtoy_cur_language.STR_PRESERVE_SPACE);
 404         $('span#vtoy_part_4kb_align_tip').text(vtoy_cur_language.STR_PART_ALIGN_4KB);
 405
 406         $('button#VtoyBtnInstall').text(vtoy_cur_language.STR_INSTALL);
 407         $('button#VtoyBtnUpdate').text(vtoy_cur_language.STR_UPDATE);
 408
 409         $('button#vtoy_modal_btn_ok').text(vtoy_cur_language.STR_BTN_OK);
 410         $('button#vtoy_modal_btn_cancel').text(vtoy_cur_language.STR_BTN_CANCEL);
 411
 412         $('h4#part_config_dlg_title').text(vtoy_cur_language.STR_MENU_PART_CFG);
 413     }
 414
 415     function select_language_by_name(name, sendback) {
 416         for (var j = 0; j < vtoy_language_data.length; j++) {
 417             if (vtoy_language_data[j].name.indexOf(name) == 0) {
 418                 vtoy_cur_language = vtoy_language_data[j];
 419                 update_language(vtoy_cur_lang_index, j);
 420
 421                 if (sendback > 0) {
 422                     var idx = name.indexOf(' (');
 423                     if (idx >= 0) {
 424                         callVtoy({method : 'sel_language', token:vtoy_current_token, language:name.substr(0, idx)});
 425                     } else {
 426                         callVtoy({method : 'sel_language', token:vtoy_current_token, language:name});
 427                     }
 428                 }
 429                 break;
 430             }
 431         }
 432     }
 433
 434     function select_language_by_index(index, sendback) {
 435         if (index < vtoy_language_data.length) {
 436             vtoy_cur_language = vtoy_language_data[index];
 437             update_language(vtoy_cur_lang_index, index);
 438
 439             if (sendback > 0) {
 440                 var idx = vtoy_cur_language.name.indexOf(' (');
 441                 if (idx >= 0) {
 442                     callVtoy({method : 'sel_language', token:vtoy_current_token, language:vtoy_cur_language.name.substr(0, idx)});
 443                 } else {
 444                     callVtoy({method : 'sel_language', token:vtoy_current_token, language:vtoy_cur_language.name});
 445                 }
 446             }
 447         }
 448     }
 449
 450     function on_language_click(index) {
 451         if (index != vtoy_cur_lang_index) {
 452             select_language_by_index(index, 1);
 453         }
 454     }
 455
 456     function on_select_mbr() {
 457         vtoy_selected_part_style = 0;
 458         $('span#vtoy_mbr_check').css("visibility","visible");
 459         $('span#vtoy_gpt_check').css("visibility","hidden");
 460         $('span#vtoy_local_part_style').text('MBR');
 461     }
 462
 463     function on_select_mbr_click() {
 464         on_select_mbr();
 465         callVtoy({method : 'sel_partstyle', token:vtoy_current_token,  partstyle:0});
 466     }
 467
 468     function on_select_gpt() {
 469         vtoy_selected_part_style = 1;
 470         $('span#vtoy_mbr_check').css("visibility","hidden");
 471         $('span#vtoy_gpt_check').css("visibility","visible");
 472         $('span#vtoy_local_part_style').text('GPT');
 473     }
 474
 475     function on_select_gpt_click() {
 476         on_select_gpt();
 477         callVtoy({method : 'sel_partstyle', token:vtoy_current_token, partstyle:1});
 478     }
 479
 480     function secure_boot_check(secure) {
 481         if (secure > 0) {
 482             $('span#vtoy_check_secure_boot').css("visibility","visible");
 483             $('span#vtoy_select_secure_icon').css("visibility","visible");
 484         } else {
 485             $('span#vtoy_check_secure_boot').css("visibility","hidden");
 486             $('span#vtoy_select_secure_icon').css("visibility","hidden");
 487         }
 488     }
 489
 490     function on_secure_boot() {
 491         var secure;
 492         if ($('span#vtoy_check_secure_boot').css("visibility") === 'visible') {
 493             secure = 1;
 494         } else {
 495             secure = 0;
 496         }
 497         secure_boot_check(1 - secure);
 498     }
 499
 500     function on_show_all_device() {
 501         if ($('span#vtoy_check_show_all_dev').css("visibility") === 'visible') {
 502             $('span#vtoy_check_show_all_dev').css("visibility", "hidden");
 503         } else {
 504             $('span#vtoy_check_show_all_dev').css("visibility", "visible");
 505         }
 506         get_and_fill_dev_list();
 507     }
 508
 509
 510     var vtoy_part_align_4kb_tmp;
 511     var vtoy_preserve_space_checkbox_tmp;
 512     var vtoy_preserve_space_tmp;
 513     var vtoy_space_unit_dropbox_tmp;
 514
 515     function on_config_partition() {
 516         if (vtoy_chrome_app_mode) {
 517             $("#vtoy_set_part_cfg_modal_dlg").css("width", "520px");
 518             $("#vtoy_set_part_cfg_modal_dlg").css("margin-top", "-30px");
 519         } else {
 520             $("#vtoy_set_part_cfg_modal_dlg").css("width", "540px");
 521
 522             if (document.body.clientWidth > 550) {
 523                 $("#vtoy_set_part_cfg_modal_dlg").css("left", (document.body.clientWidth - 550) / 2);
 524             }
 525
 526             if (document.body.clientHeight > 400) {
 527                 $("#vtoy_set_part_cfg_modal_dlg").css("top", (document.body.clientHeight - 400) / 2);
 528             }
 529         }
 530
 531         vtoy_part_align_4kb_tmp = $('#vtoy_part_align_4kb').prop("checked");
 532         vtoy_preserve_space_checkbox_tmp = $('#vtoy_preserve_space_checkbox').prop("checked");
 533         vtoy_preserve_space_tmp = $('#vtoy_preserve_space').val();
 534         vtoy_space_unit_dropbox_tmp = $('#vtoy_space_unit_dropbox').val();
 535
 536         $('#vtoy_set_part_cfg_modal').modal({backdrop: 'static', keyboard: false});
 537     }
 538
 539     $("#vtoy_modal_btn_ok").click(function(){
 540         if ($('#vtoy_preserve_space_checkbox').is(':checked')) {
 541             var valx = $('#vtoy_preserve_space').val();
 542             if (valx.length > 14) {
 543                 ventoy_display_alert('error', vtoy_cur_language.STR_SPACE_VAL_INVALID);
 544                 return;
 545             }
 546
 547             var regPat = /^\d+$/;
 548             if (!(regPat.test(valx))) {
 549                 ventoy_display_alert('error', vtoy_cur_language.STR_SPACE_VAL_INVALID);
 550                 return;
 551             }
 552
 553             if ($('#vtoy_space_unit_dropbox').val() > 0) {
 554                 $('span#vtoy_dev_title').text(vtoy_cur_language.STR_DEVICE + ' [ -' + valx + 'MB ]');
 555             } else {
 556                 $('span#vtoy_dev_title').text(vtoy_cur_language.STR_DEVICE + ' [ -' + valx + 'GB ]');
 557             }
 558         } else {
 559             $('span#vtoy_dev_title').text(vtoy_cur_language.STR_DEVICE);
 560         }
 561         $("#vtoy_set_part_cfg_modal").modal('hide');
 562     });
 563
 564     $("#vtoy_modal_btn_cancel").click(function(){
 565         $("#vtoy_set_part_cfg_modal").modal('hide');
 566         $('#vtoy_part_align_4kb').prop("checked", vtoy_part_align_4kb_tmp);
 567         $('#vtoy_preserve_space_checkbox').prop("checked", vtoy_preserve_space_checkbox_tmp);
 568         $('#vtoy_preserve_space').val(vtoy_preserve_space_tmp);
 569         $('#vtoy_space_unit_dropbox').val(vtoy_space_unit_dropbox_tmp);
 570     });
 571
 572     function on_enable_preserve_space() {
 573         if ($('#vtoy_preserve_space_checkbox').is(':checked')) {
 574             $('#vtoy_preserve_space').attr("disabled",false);
 575             $('#vtoy_space_unit_dropbox').attr("disabled",false);
 576         } else {
 577             $('#vtoy_preserve_space').attr("disabled",true);
 578             $('#vtoy_space_unit_dropbox').attr("disabled",true);
 579         }
 580     }
 581
 582     function ResizeWindow() {
 583         //console.log(window.screen.width + ' [x1] ' + window.screen.height);
 584         //console.log(vtoy_app_width + ' [x2] ' + vtoy_app_height);
 585         //console.log((window.screen.width - vtoy_app_width) / 2 + ' [x3] ' + (window.screen.height - vtoy_app_height) / 2);
 586         window.moveTo((window.screen.width - vtoy_app_width) / 2, (window.screen.height - vtoy_app_height) / 2);
 587         window.resizeTo(vtoy_app_width, vtoy_app_height);
 588     }
 589
 590     function MoveMainDivToCenter() {
 591         $('#vtoy_main_div').css("left", (document.body.clientWidth - 550) / 2);
 592         $('#vtoy_main_div').css("top",(document.body.clientHeight - 400) / 2);
 593     }
 594
 595     // disable F5
 596     function disableF5(e) {
 597         if ((e.which || e.keyCode) == 116) {
 598             e.preventDefault();
 599         };
 600     }
 601
 602     function on_dev_sel_change() {
 603         var index = $("#vtoy_dev_list").val();
 604
 605         $('span#vtoy_dev_secure_icon').css("visibility","hidden");
 606
 607         if (vtoy_cur_dev_list.length <= 0 || index < 0 || index >= vtoy_cur_dev_list.length) {
 608             return;
 609         }
 610
 611         if (vtoy_cur_dev_list[index].vtoy_valid > 0) {
 612             $('span#vtoy_dev_ver').text(vtoy_cur_dev_list[index].vtoy_ver);
 613             $('span#vtoy_dev_part_style').text(vtoy_cur_dev_list[index].vtoy_partstyle ? 'GPT' : 'MBR');
 614             if (vtoy_cur_dev_list[index].vtoy_secure_boot) {
 615                 $('span#vtoy_dev_secure_icon').css("visibility","visible");
 616             }
 617
 618             secure_boot_check(vtoy_cur_dev_list[index].vtoy_secure_boot);
 619
 620             $('button#VtoyBtnUpdate').prop("disabled", false);
 621
 622         } else {
 623             $('span#vtoy_dev_ver').text('');
 624             $('span#vtoy_dev_part_style').text('');
 625             $('button#VtoyBtnUpdate').prop("disabled", true);
 626         }
 627     }
 628
 629     $("#vtoy_dev_list").change(on_dev_sel_change);
 630
 631     function ventoy_display_alert(type, vmsg) {
 632         var titlestr;
 633         var msgstr;
 634         var message;
 635
 636         if (type === 'error') {
 637             titlestr = '<span class="fa  fa-minus-circle" style="color:#dd4b39; font-weight:bold;"> ' + vtoy_cur_language.STR_ERROR + '</span>';
 638         } else if (type === 'warning') {
 639             titlestr = '<span class="fa fa-warning" style="color:#f39c12; font-weight:bold;"> ' + vtoy_cur_language.STR_WARNING + '</span>';
 640         } else {
 641             titlestr = '<span class="fa fa-check-circle" style="color:green; font-weight:bold;"> ' + vtoy_cur_language.STR_INFO + '</span>';
 642         }
 643
 644         msgstr = '<span style="font-size:14px; font-weight:bold;"> ' + vmsg + '</span>';
 645         message = msgstr.replace("#@", "<br/>");
 646
 647         Modal.alert({title:titlestr, msg:message, btnok:vtoy_cur_language.STR_BTN_OK, btncl:vtoy_cur_language.STR_BTN_CANCEL });
 648     }
 649
 650     function set_progress_bar(percent) {
 651         var per = percent + '%';
 652
 653         $('#vtoy_progress_bar').css('width', per);
 654
 655         if (percent === 0) {
 656             $('span#vtoy_status_title').text(vtoy_cur_language.STR_STATUS);
 657         } else {
 658             var status = vtoy_cur_language.STR_STATUS;
 659             var idx = status.indexOf('- ');
 660
 661             if (idx >= 0) {
 662                 $('span#vtoy_status_title').text(status.substr(0, idx + 2) + per);
 663             }
 664         }
 665     }
 666
 667
 668     function progressDisableItem(in_progress) {
 669         $('button#VtoyBtnInstall').prop("disabled", in_progress);
 670         $('button#VtoyBtnUpdate').prop("disabled", in_progress);
 671     }
 672
 673     function queryProgress(op) {
 674         callVtoySync({
 675             method : 'get_percent',
 676             token : vtoy_current_token
 677         }, function(data) {
 678             if (data.result === 'success') {
 679                 set_progress_bar(data.percent);
 680                 if (data.percent === 100) {
 681                     var titlestr = '<span class="fa fa-check-circle" style="color:green; font-weight:bold;"> ' + vtoy_cur_language.STR_INFO + '</span>';
 682                     var msgstr;
 683
 684                     if (op === 1) {
 685                         msgstr = '<span style="font-size:14px; font-weight:bold;"> ' + vtoy_cur_language.STR_INSTALL_SUCCESS + '</span>';
 686                     } else {
 687                         msgstr = '<span style="font-size:14px; font-weight:bold;"> ' + vtoy_cur_language.STR_UPDATE_SUCCESS + '</span>';
 688                     }
 689                     var message = msgstr.replace("#@", "<br/>");
 690
 691                     callVtoySync({
 692                         method : 'refresh_device',
 693                         token : vtoy_current_token
 694                     }, function(data) {
 695                         get_and_fill_dev_list();
 696
 697                         for (var i = 0; i < vtoy_cur_dev_list.length; i++) {
 698                             if (vtoy_cur_dev_list[i].name === vtoy_cur_process_disk_name) {
 699                                 $("#vtoy_dev_list").val(i);
 700                                 on_dev_sel_change();
 701                                 break;
 702                             }
 703                         }
 704                     });
 705
 706                     Modal.alert({title:titlestr, msg:message, btnok:vtoy_cur_language.STR_BTN_OK }).on(function(e) {
 707                         vtoy_in_progress = false;
 708                         progressDisableItem(vtoy_in_progress);
 709                         set_progress_bar(0);
 710                     });
 711                 } else {
 712                     setTimeout(function() {
 713                         queryProgress(op);
 714                     }, 300);
 715                 }
 716             } else {
 717
 718                 if (data.result === 'mbr2tb') {
 719                     ventoy_display_alert('error', vtoy_cur_language.STR_DISK_2TB_MBR_ERROR);
 720                 } else if (data.result === 'reserve_invalid') {
 721                     ventoy_display_alert('error', vtoy_cur_language.STR_SPACE_VAL_INVALID);
 722                 } else {
 723                     ventoy_display_alert('error', (op === 1) ? vtoy_cur_language.STR_INSTALL_FAILED : vtoy_cur_language.STR_UPDATE_FAILED);
 724                 }
 725
 726                 vtoy_in_progress = false;
 727                 progressDisableItem(vtoy_in_progress);
 728                 set_progress_bar(0);
 729             }
 730         });
 731     }
 732
 733     function install_ventoy(index, reservesize) {
 734         var secureboot;
 735         var curDev = vtoy_cur_dev_list[index];
 736         var align = $('#vtoy_part_align_4kb').prop("checked");
 737
 738         vtoy_cur_process_disk_name = curDev.name;
 739
 740         if ($('span#vtoy_check_secure_boot').css("visibility") === 'visible') {
 741             secureboot = 1;
 742         } else {
 743             secureboot = 0;
 744         }
 745
 746         callVtoySync({
 747             method : 'install',
 748             token : vtoy_current_token,
 749             disk : curDev.name,
 750             partstyle : vtoy_selected_part_style,
 751             secure_boot : secureboot,
 752             align_4kb : align ? 1 : 0,
 753             reserve_space : reservesize + ''
 754         }, function(data) {
 755             if (data.result === 'success') {
 756                 vtoy_in_progress = true;
 757                 progressDisableItem(vtoy_in_progress);
 758                 queryProgress(1);
 759             } else {
 760                 ventoy_display_alert('error', vtoy_cur_language.STR_INSTALL_FAILED);
 761             }
 762         });
 763     }
 764
 765
 766     function on_vtoy_install() {
 767         var model;
 768         var reserve;
 769         var titlestr = '<span class="fa fa-warning" style="color:#f39c12; font-weight:bold;"> ' + vtoy_cur_language.STR_WARNING + '</span>';
 770         var msgstr1 = vtoy_cur_language.STR_INSTALL_TIP.replace("#@", "<br/>");
 771         var msgstr2 = vtoy_cur_language.STR_INSTALL_TIP2.replace("#@", "<br/>");
 772         var index = $("#vtoy_dev_list").val();
 773
 774         if (vtoy_cur_dev_list.length <= 0 || index < 0 || index >= vtoy_cur_dev_list.length) {
 775             return;
 776         }
 777
 778         if (vtoy_in_progress) {
 779             return;
 780         }
 781
 782         if ($('#vtoy_preserve_space_checkbox').is(':checked')) {
 783             var valx = $('#vtoy_preserve_space').val();
 784             if (valx.length > 14) {
 785                 ventoy_display_alert('error', vtoy_cur_language.STR_SPACE_VAL_INVALID);
 786                 return;
 787             }
 788
 789             if (valx > 0) {
 790                 if ($('#vtoy_space_unit_dropbox').val() > 0) {
 791                     reserve = valx * 1024 * 1024;
 792                 } else {
 793                     reserve = valx * 1024 * 1024 * 1024;
 794                 }
 795             }
 796         } else {
 797             reserve = 0;
 798         }
 799
 800         var curDev = vtoy_cur_dev_list[index];
 801         model = curDev.name + '&nbsp;&nbsp;[' + curDev.size + ']&nbsp;&nbsp;' + curDev.model + '<br/>';
 802         var msgstrex1 = '<span style="font-size:14px; font-weight:bold;"> ' + model + msgstr1 + '</span>';
 803         var msgstrex2 = '<span style="font-size:14px; font-weight:bold; color:#f39c12;"> ' + model + msgstr2 + '</span>';
 804
 805         Modal.confirm({title:titlestr, msg:msgstrex1, btnok:vtoy_cur_language.STR_BTN_OK, btncl:vtoy_cur_language.STR_BTN_CANCEL }).on(function(e) {
 806             if (e) {
 807                 Modal.confirm({title:titlestr, msg:msgstrex2, btnok:vtoy_cur_language.STR_BTN_OK, btncl:vtoy_cur_language.STR_BTN_CANCEL }).on(function(e1) {
 808                     if (e1) {
 809                         install_ventoy(index, reserve);
 810                     }
 811                 });
 812             }
 813         });
 814     }
 815
 816
 817     function update_ventoy(index) {
 818         var secureboot;
 819         var curDev = vtoy_cur_dev_list[index];
 820
 821         vtoy_cur_process_disk_name = curDev.name;
 822
 823         if ($('span#vtoy_check_secure_boot').css("visibility") === 'visible') {
 824             secureboot = 1;
 825         } else {
 826             secureboot = 0;
 827         }
 828
 829         callVtoySync({
 830             method : 'update',
 831             token : vtoy_current_token,
 832             disk : curDev.name,
 833             secure_boot : secureboot
 834         }, function(data) {
 835             if (data.result === 'success') {
 836                 vtoy_in_progress = true;
 837                 progressDisableItem(vtoy_in_progress);
 838                 queryProgress(2);
 839             } else {
 840                 ventoy_display_alert('error', vtoy_cur_language.STR_UPDATE_FAILED);
 841             }
 842         });
 843     }
 844
 845     function on_vtoy_update() {
 846         var model;
 847         var reserve;
 848         var titlestr = '<span class="fa fa-info" style="color:green; font-weight:bold;"> ' + vtoy_cur_language.STR_INFO + '</span>';
 849         var msgstr1 = vtoy_cur_language.STR_UPDATE_TIP.replace("#@", "<br/>");
 850         var index = $("#vtoy_dev_list").val();
 851
 852         if (vtoy_cur_dev_list.length <= 0 || index < 0 || index >= vtoy_cur_dev_list.length) {
 853             return;
 854         }
 855
 856         if (vtoy_in_progress) {
 857             return;
 858         }
 859
 860         var curDev = vtoy_cur_dev_list[index];
 861         model = curDev.name + '&nbsp;&nbsp;[' + curDev.size + ']&nbsp;&nbsp;' + curDev.model + '<br/>';
 862         var msgstrex1 = '<span style="font-size:14px; font-weight:bold;"> ' + model + msgstr1 + '</span>';
 863
 864         Modal.confirm({title:titlestr, msg:msgstrex1, btnok:vtoy_cur_language.STR_BTN_OK, btncl:vtoy_cur_language.STR_BTN_CANCEL }).on(function(e) {
 865             if (e) {
 866                 update_ventoy(index);
 867             }
 868         });
 869     }
 870
 871     function on_clean_ventoy() {
 872         var model;
 873         var reserve;
 874         var titlestr = '<span class="fa fa-warning" style="color:#f39c12; font-weight:bold;"> ' + vtoy_cur_language.STR_WARNING + '</span>';
 875         var msgstr1 = vtoy_cur_language.STR_INSTALL_TIP.replace("#@", "<br/>");
 876         var msgstr2 = vtoy_cur_language.STR_INSTALL_TIP2.replace("#@", "<br/>");
 877         var index = $("#vtoy_dev_list").val();
 878
 879         if (vtoy_cur_dev_list.length <= 0 || index < 0 || index >= vtoy_cur_dev_list.length) {
 880             return;
 881         }
 882
 883         if (vtoy_in_progress) {
 884             return;
 885         }
 886
 887         var curDev = vtoy_cur_dev_list[index];
 888         model = curDev.name + '&nbsp;&nbsp;[' + curDev.size + ']&nbsp;&nbsp;' + curDev.model + '<br/>';
 889         var msgstrex1 = '<span style="font-size:14px; font-weight:bold;"> ' + model + msgstr1 + '</span>';
 890         var msgstrex2 = '<span style="font-size:14px; font-weight:bold; color:#f39c12;"> ' + model + msgstr2 + '</span>';
 891
 892         Modal.confirm({title:titlestr, msg:msgstrex1, btnok:vtoy_cur_language.STR_BTN_OK, btncl:vtoy_cur_language.STR_BTN_CANCEL }).on(function(e) {
 893             if (e) {
 894                 Modal.confirm({title:titlestr, msg:msgstrex2, btnok:vtoy_cur_language.STR_BTN_OK, btncl:vtoy_cur_language.STR_BTN_CANCEL }).on(function(e1) {
 895                     if (e1) {
 896                         callVtoySync({
 897                             method : 'clean',
 898                             token : vtoy_current_token,
 899                             disk : curDev.name
 900                         }, function(data) {
 901                             if (data.result === 'success') {
 902                                 ventoy_display_alert('success', vtoy_cur_language.STR_CLEAR_SUCCESS);
 903
 904                                 callVtoySync({
 905                                     method : 'refresh_device',
 906                                     token : vtoy_current_token
 907                                 }, function(data) {
 908                                     get_and_fill_dev_list();
 909
 910                                     for (var i = 0; i < vtoy_cur_dev_list.length; i++) {
 911                                         if (vtoy_cur_dev_list[i].name === curDev.name) {
 912                                             $("#vtoy_dev_list").val(i);
 913                                             on_dev_sel_change();
 914                                             break;
 915                                         }
 916                                     }
 917                                 });
 918
 919                             } else {
 920                                 ventoy_display_alert('error', vtoy_cur_language.STR_CLEAR_FAILED);
 921                             }
 922                         });
 923                     }
 924                 });
 925             }
 926         });
 927     }
 928
 929
 930
 931     function fill_dev_list_dropbox() {
 932         var model;
 933         $('#vtoy_dev_list').empty();
 934         $('span#vtoy_dev_secure_icon').css("visibility","hidden");
 935
 936         for (var i = 0; i < vtoy_cur_dev_list.length; i++) {
 937             model = vtoy_cur_dev_list[i].name + '&nbsp;&nbsp;[' + vtoy_cur_dev_list[i].size + ']&nbsp;&nbsp;' + vtoy_cur_dev_list[i].model;
 938             $("#vtoy_dev_list").append("<option value='" + i + "'>" + model + "</option>");
 939         }
 940
 941         $('span#vtoy_dev_ver').text('');
 942         $('span#vtoy_dev_part_style').text('');
 943
 944         if (vtoy_cur_dev_list.length > 0) {
 945             if (vtoy_cur_dev_list[0].vtoy_valid > 0) {
 946                 $('span#vtoy_dev_ver').text(vtoy_cur_dev_list[0].vtoy_ver);
 947                 $('span#vtoy_dev_part_style').text(vtoy_cur_dev_list[0].vtoy_partstyle ? 'GPT' : 'MBR');
 948                 if (vtoy_cur_dev_list[0].vtoy_secure_boot) {
 949                     $('span#vtoy_dev_secure_icon').css("visibility","visible");
 950                 }
 951
 952                 secure_boot_check(vtoy_cur_dev_list[0].vtoy_secure_boot);
 953
 954                 $('button#VtoyBtnUpdate').prop("disabled", false);
 955             } else {
 956                 $('button#VtoyBtnUpdate').prop("disabled", true);
 957             }
 958             $('button#VtoyBtnInstall').prop("disabled", false);
 959         } else {
 960             $('button#VtoyBtnInstall').prop("disabled", true);
 961             $('button#VtoyBtnUpdate').prop("disabled", true);
 962         }
 963     }
 964
 965     function get_and_fill_dev_list() {
 966         var showall = 0;
 967         if ($('span#vtoy_check_show_all_dev').css("visibility") === 'visible') {
 968             showall = 1;
 969         }
 970
 971         callVtoySync({
 972             method : 'get_dev_list',
 973             alldev : showall,
 974             token : vtoy_current_token
 975         }, function(data) {
 976             vtoy_cur_dev_list = data.list;
 977             fill_dev_list_dropbox();
 978         });
 979     }
 980
 981     function on_click_refresh_device() {
 982         if (vtoy_in_progress === true) {
 983             return;
 984         }
 985         callVtoySync({
 986             method : 'refresh_device',
 987             token : vtoy_current_token
 988         }, function(data) {
 989             get_and_fill_dev_list();
 990         });
 991     }
 992
 993
 994
 995
 996
 997
 998
 999
1000
1001
1002
1003
1004
1005
1006
1007
1008     //SCRIPT_DEL_THIS $(document).on("keydown", disableF5);
1009     //SCRIPT_DEL_THIS $(document).on("contextmenu",function(e){ return false; });
1010
1011     $('#refresh_dev_img').click(on_click_refresh_device);
1012     $('#vtoy_part_align_4kb').prop("checked", true);
1013
1014     if (vtoy_chrome_app_mode) {
1015         window.onresize = function() {
1016             ResizeWindow();
1017         }
1018         ResizeWindow();
1019     } else {
1020         $('#vtoy_main_div').css("border", '2px solid #f4f4f4');
1021         window.onresize = function() {
1022             MoveMainDivToCenter();
1023         }
1024         MoveMainDivToCenter();
1025     }
1026
1027     sort_language_list();
1028     fill_language_list();
1029
1030     if (navigator.language) {
1031         vtoy_client_language = navigator.language.toLowerCase();
1032     }
1033     else {
1034         vtoy_client_language = navigator.browserLanguage.toLowerCase();
1035     }
1036
1037     if (vtoy_client_language === 'zh-cn') {
1038         select_language_by_index(0, 0);
1039     } else {
1040         select_language_by_name('English (English)', 0);
1041     }
1042
1043     on_select_mbr();
1044     secure_boot_check(0);
1045
1046     on_enable_preserve_space();
1047
1048     callVtoySync({
1049         method : 'sysinfo'
1050     }, function(data) {
1051         vtoy_current_token = data.token;
1052         if (data.language.length > 0) {
1053             select_language_by_name(data.language, 0);
1054         }
1055
1056         if (data.busy === true) {
1057             vtoy_cur_process_disk_name = data.process_disk;
1058             vtoy_in_progress = true;
1059         } else {
1060             vtoy_in_progress = false;
1061         }
1062
1063         if (data.partstyle == 1) {
1064             on_select_gpt();
1065         } else {
1066             on_select_mbr();
1067         }
1068
1069         $('span#vtoy_local_ver').text(data.ventoy_ver);
1070
1071         callVtoySync({
1072             method : 'refresh_device',
1073             token : vtoy_current_token
1074         }, function(data) {
1075             get_and_fill_dev_list();
1076         });
1077
1078         if (vtoy_in_progress) {
1079             for (var i = 0; i < vtoy_cur_dev_list.length; i++) {
1080                 if (vtoy_cur_dev_list[i].name === vtoy_cur_process_disk_name) {
1081                     $("#vtoy_dev_list").val(i);
1082                     on_dev_sel_change();
1083                     break;
1084                 }
1085             }
1086
1087             progressDisableItem(vtoy_in_progress);
1088             if (data.process_type === 'install') {
1089                 queryProgress(1);
1090             } else if (data.process_type === 'update') {
1091                 queryProgress(2);
1092             }
1093         }
1094     });
1095
1096 </script>
1097 </body>
1098
1099 </html>