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