1
0

flashing.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6. <title>LuCI - System Upgrade</title>
  7. <style type="text/css">
  8. body {
  9. background-color: #CCCCCC;
  10. font-family: sans-serif;
  11. font-size: 90%;
  12. padding-left: 50%;
  13. padding-top: 100px;
  14. }
  15. h2 {
  16. font-size: 110%;
  17. margin: 5px 5px 0.5em 5px;
  18. border-bottom: 1px dotted #0066CC;
  19. color: #0066CC;
  20. }
  21. p {
  22. font-size: 95%;
  23. margin: 15px 15px 0.5em 15px;
  24. }
  25. div {
  26. background-color: #F7F7F7;
  27. border: 1px dotted #000000;
  28. width: 600px;
  29. height: 150px;
  30. margin-left: -300px;
  31. }
  32. em {
  33. color: #555555;
  34. }
  35. </style>
  36. <script type="text/javascript"><!--
  37. var time_remaining = 60 * 25;
  38. var interval = window.setInterval(function() {
  39. if( time_remaining <= 0 )
  40. {
  41. window.clearInterval(interval);
  42. location.href = 'http://' + location.hostname + '/';
  43. }
  44. else
  45. {
  46. var minutes = Math.floor(time_remaining / 60);
  47. var seconds = time_remaining % 60;
  48. var label = document.getElementById('time_remaining');
  49. if( label )
  50. {
  51. label.innerHTML =
  52. ( minutes > 0 ? minutes + 'm ' : '' ) +
  53. seconds + 's';
  54. }
  55. }
  56. time_remaining = time_remaining - 1;
  57. }, 1000);
  58. --></script>
  59. </head>
  60. <body class="lang_en">
  61. <div>
  62. <h2>Performing Upgrade</h2>
  63. <p>
  64. The System is flashing now. The procedure can take up to 25 minutes,
  65. please be patient and wait until this page reloads itself.
  66. <br /><img src="resources/flashing.gif" style="vertical-align:middle; margin:10px" />
  67. <em>Remaining time (estimated): <span id="time_remaining">unknown</span></em>
  68. </p>
  69. </div>
  70. </body>
  71. </html>