See espterm.github.io

term.html 3.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1">
  7. <title>Terminal :: ESPTerm</title>
  8. <link href="/css/app.8b43b1d-en.css" rel="stylesheet">
  9. <script src="/js/app.8b43b1d-en.js"></script>
  10. <script>
  11. var _root = location.host;
  12. var _demo = 1;
  13. </script>
  14. </head>
  15. <body class="term">
  16. <div id="outer">
  17. <div id="content">
  18. <img src="/img/loader.gif" alt="Loading…" id="loader">
  19. <script>
  20. // Workaround for badly loaded page
  21. setTimeout(function() {
  22. if (typeof termInit == 'undefined') {
  23. console.error("Page load failed, refreshing…")
  24. location.reload(true)
  25. }
  26. }, 3000);
  27. </script>
  28. <div class="Modal light hidden" id="fu_modal">
  29. <div id="fu_form" class="Dialog">
  30. <div class="fu-content">
  31. <h2>Text Upload</h2>
  32. <p>
  33. <label for="fu_file">Load a text file:</label>
  34. <input type="file" id="fu_file" accept="text/*" /><br>
  35. <textarea id="fu_text"></textarea>
  36. </p>
  37. <p>
  38. <label for="fu_crlf">Line endings:</label>
  39. <select id="fu_crlf">
  40. <option value="CR">CR (Enter key)</option>
  41. <option value="CRLF">CR LF (Windows)</option>
  42. <option value="LF">LF (Linux)</option>
  43. </select>
  44. </p>
  45. <p>
  46. <label for="fu_delay">Chunk delay (ms):</label>
  47. <input id="fu_delay" type="number" value=1 min=0>
  48. </p>
  49. <p>
  50. <label for="fu_chunk">Chunk size (0=line):</label>
  51. <input id="fu_chunk" type="number" value=0 min=0 max=100>
  52. </p>
  53. </div>
  54. <div class="fu-buttons">
  55. <button id="term-fu-start" class="icn-ok x-fu-go">Start</button>&nbsp;
  56. <button id="term-fu-close" class="icn-cancel x-fu-cancel">Cancel</button>&nbsp;
  57. <i class="fu-prog-box">Upload: <span id="fu_prog"></span></i>
  58. </div>
  59. </div>
  60. </div>
  61. <h1 id="screen-title">ESPTerm</h1>
  62. <a href="#" id="term-fit-screen" class="mq-tablet-max"><i id="resize-button-icon" class="icn-resize-small"></i></a>
  63. <div id="term-wrap">
  64. <div id="screen">
  65. <input id="softkb-input" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
  66. <div id="touch-select-menu">
  67. <button id="touch-select-copy-btn">Copy</button>
  68. </div>
  69. <div class="screen-margin top"></div>
  70. <div class="screen-margin left"></div>
  71. <div class="screen-margin right"></div>
  72. <div class="screen-margin bottom"></div>
  73. </div>
  74. <div id="action-buttons" class="hidden"><!-- JS, buttons --></div>
  75. </div>
  76. <nav id="term-nav">
  77. <a href="#" id="term-kb-open" class="mq-tablet-max"><i class="icn-keyboard"></i><span>Keyboard</span></a><!--
  78. --><a href="#" id="term-fu-open"><i class="icn-download"></i><span>Upload</span></a><!--
  79. --><a href="cfg_term.html" class="x-term-conf-btn"><i class="icn-configure"></i><span>Config</span></a><!--
  80. --><a href="cfg_wifi.html" class="x-term-conf-btn"><i class="icn-wifi"></i><span>WiFi</span></a><!--
  81. --><a href="help.html" class="x-term-conf-btn"><i class="icn-help"></i><span>Help</span></a><!--
  82. --><a href="about.html" class="x-term-conf-btn"><i class="icn-about"></i><span>About</span></a>
  83. </nav>
  84. <script>
  85. try {
  86. window.noAutoShow = true;
  87. termInit({ allFn: !!+'0', });
  88. } catch (e) {
  89. console.error(e);
  90. console.error("Fail, reloading in 3s…");
  91. setTimeout(function () {
  92. location.reload(true);
  93. }, 3000);
  94. }
  95. </script>
  96. <div class="botpad"></div>
  97. <div class="NotifyMsg hidden" id="notif"></div>
  98. </div>
  99. </div>
  100. </body>
  101. </html>