espterm
/
espterm-demo-website
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Updated demo from current `work`

Browse Source
master
Ondřej Hruška 7 years ago
parent 376abd3fcd
commit 1b91fd066d
Signed by: MightyPork
GPG Key ID: 2C5FD5035250423D
25 changed files with 375 additions and 6716 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 51
      about.html
  2. 19
      cfg_network.html
  3. 119
      cfg_system.html
  4. 205
      cfg_term.html
  5. 19
      cfg_wifi.html
  6. 6
      cfg_wifi_conn.html
  7. 792
      css/app.310033b.css
  8. 1
      css/app.css
  9. 7
      css/app.css.map
  10. 2810
      css/app.d7551c3.css
  11. 2811
      css/app.e3b21ad.css
  12. 124
      help.html
  13. BIN
      img/adapter.jpg.orig
  14. BIN
      img/vt100.jpg.orig
  15. 2
      js/app.310033b.js
  16. 1
      js/app.310033b.js.map
  17. 19
      js/app.6241b01.js
  18. 1
      js/app.6241b01.js.map
  19. 19
      js/app.d7551c3.js
  20. 1
      js/app.d7551c3.js.map
  21. 19
      js/app.e3b21ad.js
  22. 1
      js/app.e3b21ad.js.map
  23. 17
      js/app.js
  24. 1
      js/app.js.map
  25. 46
      term.html

51
about.html
Unescape View File

@ -3,10 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1">
<title>About ESPTerm :: ESPTerm</title> <title>About ESPTerm :: ESPTerm</title>
<link href="/css/app.6241b01.css" rel="stylesheet"> <link href="/css/app.310033b.css" rel="stylesheet">
<script src="/js/app.6241b01.js"></script> <script src="/js/app.310033b.js"></script>
<script> <script>
var _root = location.host; var _root = location.host;
var _demo = 1; var _demo = 1;
@ -19,11 +19,6 @@
<a href="term.html" class="icn-back">Back to Terminal</a> <a href="term.html" class="icn-back">Back to Terminal</a>
<a href="cfg_term.html" class="icn-terminal ">Terminal Settings</a><a href="cfg_wifi.html" class="icn-wifi ">WiFi Settings</a><a href="cfg_network.html" class="icn-network ">Network Settings</a><a href="cfg_system.html" class="icn-configure ">System Settings</a><a href="help.html" class="icn-help ">Quick Reference</a><a href="about.html" class="icn-about selected">About ESPTerm</a></nav> <a href="cfg_term.html" class="icn-terminal ">Terminal Settings</a><a href="cfg_wifi.html" class="icn-wifi ">WiFi Settings</a><a href="cfg_network.html" class="icn-network ">Network Settings</a><a href="cfg_system.html" class="icn-configure ">System Settings</a><a href="help.html" class="icn-help ">Quick Reference</a><a href="about.html" class="icn-about selected">About ESPTerm</a></nav>
<script>
function menuOpen() { $('#menu').toggleClass('expanded') }
$('#brand').on('click', menuOpen).on('keypress', cr(menuOpen));
</script>
<div id="content"> <div id="content">
<img src="/img/loader.gif" alt="Loading…" id="loader"> <img src="/img/loader.gif" alt="Loading…" id="loader">
<h1>About ESPTerm</h1> <h1>About ESPTerm</h1>
@ -55,12 +50,12 @@
<table> <table>
<tr> <tr>
<th>ESPTerm</th> <th>ESPTerm</th>
<td>v1.1.2, built 2017-09-15 at&nbsp;8:54</td> <td>v???, built 2017-09-24 at&nbsp;20:55 CEST</td>
</tr> </tr>
<tr> <tr>
<th>Git hash</th> <th>Git hash</th>
<td>back-end: <a href="https://github.com/espterm/espterm-firmware/commit/0012c92">0012c92</a>, <td>back-end: <a href="https://github.com/espterm/espterm-firmware/commit/00000000">00000000</a>,
front-end: <a href="https://github.com/espterm/espterm-front-end/commit/6241b01">6241b01</td> front-end: <a href="https://github.com/espterm/espterm-front-end/commit/310033b">310033b</td>
</tr> </tr>
<tr> <tr>
<th>libesphttpd</th> <th>libesphttpd</th>
@ -77,7 +72,11 @@
<div class="Box"> <div class="Box">
<h2>Issues</h2> <h2>Issues</h2>
<p> <p>
Please report any issues to the <a href="https://github.com/espterm/espterm-firmware/issues">bugtracker</a> or send them by e-mail (see above). Please report any issues to our <a href="https://github.com/espterm/espterm-firmware/issues">bugtracker</a> or send them by e-mail.
</p>
<p>
ESPTerm has a <a href="https://groups.google.com/forum/#!forum/espterm-dev">mailing list</a> for
troubleshooting and release announcements.
</p> </p>
<p> <p>
Firmware updates can be downloaded from the <a href="https://github.com/espterm/espterm-firmware/releases">releases page</a> and flashed Firmware updates can be downloaded from the <a href="https://github.com/espterm/espterm-firmware/releases">releases page</a> and flashed
@ -99,14 +98,26 @@
<div class="Box"> <div class="Box">
<h2>Thanks</h2> <h2>Thanks</h2>
<p> <p><i>…for making this project possible, in no particular order, go to:</i></p>
The webserver is based on a <a href="https://github.com/MightyPork/libesphttpd">fork</a> of the <ul style="padding-left: 20px">
<a href="https://github.com/Spritetm/esphttpd">esphttpd</a> library by Jeroen Domburg (Sprite_tm). <li>
</p> <b>Jeroen "SpriteTM" Domburg,</b> for writing the <a href="https://github.com/Spritetm/esphttpd">esphttpd</a>
<p> server library we use (as a <a href="https://github.com/MightyPork/libesphttpd">fork</a>)
Using (modified) JS library <a href="https://github.com/kylebarrow/chibi">chibi.js</a> by </li>
Kyle Barrow as a lightweight jQuery alternative. <li>
</p> <b>Kyle Barrow,</b> for writing the <a href="https://github.com/kylebarrow/chibi">chibi.js</a> library
we use instead of jQuery
</li>
<li>
<b>cpsdqs,</b> for rewriting the front-end to use HTML5 canvas and other JS improvements
</li>
<li>
<b>Guenter Honisch,</b> for finding bugs and suggesting many improvements
</li>
<li>
<b>doc. Jan Fischer,</b> who came up with the original idea
</li>
</ul>
</div> </div>
<div class="botpad"></div> <div class="botpad"></div>

19
cfg_network.html
Unescape View File

@ -3,10 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1">
<title>Network Settings :: ESPTerm</title> <title>Network Settings :: ESPTerm</title>
<link href="/css/app.6241b01.css" rel="stylesheet"> <link href="/css/app.310033b.css" rel="stylesheet">
<script src="/js/app.6241b01.js"></script> <script src="/js/app.310033b.js"></script>
<script> <script>
var _root = location.host; var _root = location.host;
var _demo = 1; var _demo = 1;
@ -19,11 +19,6 @@
<a href="term.html" class="icn-back">Back to Terminal</a> <a href="term.html" class="icn-back">Back to Terminal</a>
<a href="cfg_term.html" class="icn-terminal ">Terminal Settings</a><a href="cfg_wifi.html" class="icn-wifi ">WiFi Settings</a><a href="cfg_network.html" class="icn-network selected">Network Settings</a><a href="cfg_system.html" class="icn-configure ">System Settings</a><a href="help.html" class="icn-help ">Quick Reference</a><a href="about.html" class="icn-about ">About ESPTerm</a></nav> <a href="cfg_term.html" class="icn-terminal ">Terminal Settings</a><a href="cfg_wifi.html" class="icn-wifi ">WiFi Settings</a><a href="cfg_network.html" class="icn-network selected">Network Settings</a><a href="cfg_system.html" class="icn-configure ">System Settings</a><a href="help.html" class="icn-help ">Quick Reference</a><a href="about.html" class="icn-about ">About ESPTerm</a></nav>
<script>
function menuOpen() { $('#menu').toggleClass('expanded') }
$('#brand').on('click', menuOpen).on('keypress', cr(menuOpen));
</script>
<div id="content"> <div id="content">
<img src="/img/loader.gif" alt="Loading…" id="loader"> <img src="/img/loader.gif" alt="Loading…" id="loader">
<h1>Network Settings</h1> <h1>Network Settings</h1>
@ -33,7 +28,7 @@
</div> </div>
<form class="Box str mobcol" action="network_set.html" method="GET" id="form-2"> <form class="Box str mobcol" action="network_set.html" method="GET" id="form-netsta">
<h2 tabindex=0>DHCP Client (Station)</h2> <h2 tabindex=0>DHCP Client (Station)</h2>
<div class="Row explain"> <div class="Row explain">
@ -62,11 +57,11 @@
</div> </div>
<div class="Row buttons"> <div class="Row buttons">
<a class="button icn-ok" href="#" onclick="qs('#form-2').submit()">Apply!</a> <a class="button icn-ok" href="#" onclick="qs('#form-netsta').submit()">Apply!</a>
</div> </div>
</form> </form>
<form class="Box str mobcol" action="network_set.html" method="GET" id="form-1"> <form class="Box str mobcol" action="network_set.html" method="GET" id="form-netap">
<h2 tabindex=0>DHCP Server (AP)</h2> <h2 tabindex=0>DHCP Server (AP)</h2>
<div class="Row explain"> <div class="Row explain">
@ -100,7 +95,7 @@
</div> </div>
<div class="Row buttons"> <div class="Row buttons">
<a class="button icn-ok" href="#" onclick="qs('#form-1').submit()">Apply!</a> <a class="button icn-ok" href="#" onclick="qs('#form-netap').submit()">Apply!</a>
</div> </div>
</form> </form>

119
cfg_system.html
Unescape View File

@ -3,10 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1">
<title>System Settings :: ESPTerm</title> <title>System Settings :: ESPTerm</title>
<link href="/css/app.6241b01.css" rel="stylesheet"> <link href="/css/app.310033b.css" rel="stylesheet">
<script src="/js/app.6241b01.js"></script> <script src="/js/app.310033b.js"></script>
<script> <script>
var _root = location.host; var _root = location.host;
var _demo = 1; var _demo = 1;
@ -19,11 +19,6 @@
<a href="term.html" class="icn-back">Back to Terminal</a> <a href="term.html" class="icn-back">Back to Terminal</a>
<a href="cfg_term.html" class="icn-terminal ">Terminal Settings</a><a href="cfg_wifi.html" class="icn-wifi ">WiFi Settings</a><a href="cfg_network.html" class="icn-network ">Network Settings</a><a href="cfg_system.html" class="icn-configure selected">System Settings</a><a href="help.html" class="icn-help ">Quick Reference</a><a href="about.html" class="icn-about ">About ESPTerm</a></nav> <a href="cfg_term.html" class="icn-terminal ">Terminal Settings</a><a href="cfg_wifi.html" class="icn-wifi ">WiFi Settings</a><a href="cfg_network.html" class="icn-network ">Network Settings</a><a href="cfg_system.html" class="icn-configure selected">System Settings</a><a href="help.html" class="icn-help ">Quick Reference</a><a href="about.html" class="icn-about ">About ESPTerm</a></nav>
<script>
function menuOpen() { $('#menu').toggleClass('expanded') }
$('#brand').on('click', menuOpen).on('keypress', cr(menuOpen));
</script>
<div id="content"> <div id="content">
<img src="/img/loader.gif" alt="Loading…" id="loader"> <img src="/img/loader.gif" alt="Loading…" id="loader">
<h1>System Settings</h1> <h1>System Settings</h1>
@ -37,16 +32,15 @@
<div class="Row explain nomargintop"> <div class="Row explain nomargintop">
ESPTerm contains two persistent memory banks, one for default and ESPTerm saves all settings in Flash. The active settings can be copied to
one for active settings. Active settings can be stored as defaults the "defaults area" and restored later using the blue button below.
by the administrator (password required).
</div> </div>
<div class="Row buttons2"> <div class="Row buttons2">
<a class="button icn-restore" <a class="button icn-restore"
onclick="return confirm('Restore all settings to their default values?');" onclick="return confirm('Restore all settings to their default values?');"
href="restore_defaults.html"> href="restore_defaults.html">
Reset active settings to defaults </a> Reset to saved defaults </a>
</div> </div>
<div class="Row buttons2"> <div class="Row buttons2">
@ -61,70 +55,91 @@
</div> </div>
<form class="Box str mobcol" action="system_set.html" method="GET" id="form-1"> <form class="Box str mobcol" action="system_set.html" method="GET" id="form-2">
<h2 tabindex=0>Serial Port</h2> <h2 tabindex=0>Access Restrictions</h2>
<div class="Row explain">
Some parts, or all of the web interface can be protected by a password prompt.
Leave the new password fields empty if you do not wish to change it.
</div>
<div class="Row">
<label for="pwlock">Protected pages</label>
<select name="pwlock" id="pwlock">
<option value="0">None, all open</option>
<option value="1">WiFi, Net & System settings</option>
<option value="2">All settings pages</option>
<option value="3">This entire menu section</option>
<option value="4">Everything, even terminal</option>
</select>
</div>
<div class="Row">
<label for="access_name">Username</label>
<input type="text" name="access_name" id="access_name" value="espterm">
</div>
<div class="Row">
<label for="access_pw">New password</label>
<input type="password" name="access_pw" id="access_pw" readonly onfocus="this.removeAttribute('readonly')" style="cursor:text" autocomplete="off">
</div>
<div class="Row">
<label for="access_pw2">New pass., repeat</label>
<input type="password" name="access_pw2" id="access_pw2" readonly onfocus="this.removeAttribute('readonly')" style="cursor:text" autocomplete="off">
</div>
<div class="Row">
<label for="pw">Admin password</label>
<input type="password" name="pw" id="pw" required>
</div>
<div class="Row buttons">
<a class="button icn-ok" href="#" onclick="qs('#form-2').submit()">Apply!</a>
</div>
</form>
<form class="Box str mobcol" action="system_set.html" method="GET" id="form-3">
<h2 tabindex=0>Change Admin Password</h2>
<div class="Row explain"> <div class="Row explain">
This form controls the primary, communication UART. The debug UART is fixed at 115.200 baud, one stop-bit and no parity. The "admin password" is used to manipulate the stored default settings
and to change access restrictions. This password is not saved as part
of the main config, i.e. using save / restore does not affect this
password. When the admin password is forgotten, the easiest way to
re-gain access is to wipe and re-flash the chip.
</div> </div>
<div class="Row"> <div class="Row">
<label for="uart_baud">Baud rate<span class="mq-phone">&nbsp;(bps)</span></label> <label for="admin_pw">New admin pass.</label>
<select name="uart_baud" id="uart_baud" class="short"> <input type="password" name="admin_pw" id="admin_pw">
<option value="300">300</option>
<option value="600">600</option>
<option value="1200">1.200</option>
<option value="2400">2.400</option>
<option value="4800">4.800</option>
<option value="9600">9.600</option>
<option value="19200">19.200</option>
<option value="38400">38.400</option>
<option value="57600">57.600</option>
<option value="74880">74.880</option>
<option value="115200">115.200</option>
<option value="230400">230.400</option>
<option value="460800">460.800</option>
<option value="921600">921.600</option>
<option value="1843200">1.843.200</option>
<option value="3686400">3.686.400</option>
</select>
<span class="mq-no-phone">&nbsp;bps</span>
</div> </div>
<div class="Row"> <div class="Row">
<label for="uart_parity">Parity</label> <label for="admin_pw2">New pass., repeat</label>
<select name="uart_parity" id="uart_parity" class="short"> <input type="password" name="admin_pw2" id="admin_pw2">
<option value="2">None</option>
<option value="1">Odd</option>
<option value="0">Even</option>
</select>
</div> </div>
<div class="Row"> <div class="Row">
<label for="uart_stopbits">Stop-bits</label> <label for="pw">Old admin pass.</label>
<select name="uart_stopbits" id="uart_stopbits" class="short"> <input type="password" name="pw" id="pw" required>
<option value="1">One</option>
<option value="2">One and half</option>
<option value="3">Two</option>
</select>
</div> </div>
<div class="Row buttons"> <div class="Row buttons">
<a class="button icn-ok" href="#" onclick="qs('#form-1').submit()">Apply!</a> <a class="button icn-ok" href="#" onclick="qs('#form-3').submit()">Apply!</a>
</div> </div>
</form> </form>
<script> <script>
function writeDefaults() { function writeDefaults() {
var pw = prompt('Enter admin password to confirm you want to store the current settings as defaults.'); var pw = prompt('Enter admin password to confirm you want to overwrite the default settings.');
if (!pw) return; if (!pw) return;
location.href = "write_defaults.html" + '?pw=' + pw; location.href = "write_defaults.html" + '?pw=' + pw;
} }
$('#uart_baud').val(115200); $('#pwlock').val(0);
$('#uart_parity').val(2);
$('#uart_stopbits').val(1);
</script> </script>
<div class="botpad"></div> <div class="botpad"></div>

205
cfg_term.html
Unescape View File

@ -3,10 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1">
<title>Terminal Settings :: ESPTerm</title> <title>Terminal Settings :: ESPTerm</title>
<link href="/css/app.6241b01.css" rel="stylesheet"> <link href="/css/app.310033b.css" rel="stylesheet">
<script src="/js/app.6241b01.js"></script> <script src="/js/app.310033b.js"></script>
<script> <script>
var _root = location.host; var _root = location.host;
var _demo = 1; var _demo = 1;
@ -19,11 +19,6 @@
<a href="term.html" class="icn-back">Back to Terminal</a> <a href="term.html" class="icn-back">Back to Terminal</a>
<a href="cfg_term.html" class="icn-terminal selected">Terminal Settings</a><a href="cfg_wifi.html" class="icn-wifi ">WiFi Settings</a><a href="cfg_network.html" class="icn-network ">Network Settings</a><a href="cfg_system.html" class="icn-configure ">System Settings</a><a href="help.html" class="icn-help ">Quick Reference</a><a href="about.html" class="icn-about ">About ESPTerm</a></nav> <a href="cfg_term.html" class="icn-terminal selected">Terminal Settings</a><a href="cfg_wifi.html" class="icn-wifi ">WiFi Settings</a><a href="cfg_network.html" class="icn-network ">Network Settings</a><a href="cfg_system.html" class="icn-configure ">System Settings</a><a href="help.html" class="icn-help ">Quick Reference</a><a href="about.html" class="icn-about ">About ESPTerm</a></nav>
<script>
function menuOpen() { $('#menu').toggleClass('expanded') }
$('#brand').on('click', menuOpen).on('keypress', cr(menuOpen));
</script>
<div id="content"> <div id="content">
<img src="/img/loader.gif" alt="Loading…" id="loader"> <img src="/img/loader.gif" alt="Loading…" id="loader">
<h1>Terminal Settings</h1> <h1>Terminal Settings</h1>
@ -36,7 +31,7 @@
<a href="reset_screen.html">Reset screen & parser</a> <a href="reset_screen.html">Reset screen & parser</a>
</div> </div>
<form class="Box mobopen str" action="term_set.html" method="GET" id='form-1'> <form class="Box mobopen str" action="term_set.html" method="GET" id='form-initial'>
<h2>Initial Settings</h2> <h2>Initial Settings</h2>
<div class="Row explain"> <div class="Row explain">
@ -50,63 +45,66 @@
<label for="theme">Color scheme</label> <label for="theme">Color scheme</label>
<select name="theme" id="theme" class="short" onchange="showColor()"> <select name="theme" id="theme" class="short" onchange="showColor()">
<option value="0">Tango</option> <option value="0">Tango</option>
<option value="1">Linux</option> <option value="1">Linux (CGA)</option>
<option value="2">XTerm</option> <option value="2">XTerm</option>
<option value="3">Rxvt</option> <option value="3">Rxvt</option>
<option value="4">Ambience</option> <option value="4">Ambience</option>
<option value="5">Solarized</option> <option value="5">Solarized</option>
<option value="6">CGA NTSC</option>
<option value="7">ZX Spectrum</option>
<option value="8">Apple II</option>
<option value="9">Commodore</option>
</select> </select>
</div> </div>
<div class="Row color-preview"> <div class="Row color-preview">
<div class="colorprev"> <div class="colorprev">
<span data-fg=0 class="bg0 fg0">30</span><!-- <span data-fg=0 data-bg="0" style="text-shadow: 0 0 4px white;">30</span><!--
--><span data-fg=1 class="bg0 fg1">31</span><!-- --><span data-fg=1 data-bg="0">31</span><!--
--><span data-fg=2 class="bg0 fg2">32</span><!-- --><span data-fg=2 data-bg="0">32</span><!--
--><span data-fg=3 class="bg0 fg3">33</span><!-- --><span data-fg=3 data-bg="0">33</span><!--
--><span data-fg=4 class="bg0 fg4">34</span><!-- --><span data-fg=4 data-bg="0">34</span><!--
--><span data-fg=5 class="bg0 fg5">35</span><!-- --><span data-fg=5 data-bg="0">35</span><!--
--><span data-fg=6 class="bg0 fg6">36</span><!-- --><span data-fg=6 data-bg="0">36</span><!--
--><span data-fg=7 class="bg0 fg7">37</span> --><span data-fg=7 data-bg="0">37</span>
</div> </div>
<div class="colorprev"> <div class="colorprev">
<span data-fg=8 class="bg0 fg8">90</span><!-- <span data-fg=8 data-bg="0">90</span><!--
--><span data-fg=9 class="bg0 fg9">91</span><!-- --><span data-fg=9 data-bg="0">91</span><!--
--><span data-fg=10 class="bg0 fg10">92</span><!-- --><span data-fg=10 data-bg="0">92</span><!--
--><span data-fg=11 class="bg0 fg11">93</span><!-- --><span data-fg=11 data-bg="0">93</span><!--
--><span data-fg=12 class="bg0 fg12">94</span><!-- --><span data-fg=12 data-bg="0">94</span><!--
--><span data-fg=13 class="bg0 fg13">95</span><!-- --><span data-fg=13 data-bg="0">95</span><!--
--><span data-fg=14 class="bg0 fg14">96</span><!-- --><span data-fg=14 data-bg="0">96</span><!--
--><span data-fg=15 class="bg0 fg15">97</span> --><span data-fg=15 data-bg="0">97</span>
</div> </div>
<div class="colorprev"> <div class="colorprev">
<span data-bg=0 class="bg0 fg15">40</span><!-- <span data-bg=0 data-fg="15">40</span><!--
--><span data-bg=1 class="bg1 fg15">41</span><!-- --><span data-bg=1 data-fg="15">41</span><!--
--><span data-bg=2 class="bg2 fg15">42</span><!-- --><span data-bg=2 data-fg="15">42</span><!--
--><span data-bg=3 class="bg3 fg0">43</span><!-- --><span data-bg=3 data-fg="0">43</span><!--
--><span data-bg=4 class="bg4 fg15">44</span><!-- --><span data-bg=4 data-fg="15">44</span><!--
--><span data-bg=5 class="bg5 fg15">45</span><!-- --><span data-bg=5 data-fg="15">45</span><!--
--><span data-bg=6 class="bg6 fg15">46</span><!-- --><span data-bg=6 data-fg="15">46</span><!--
--><span data-bg=7 class="bg7 fg0">47</span> --><span data-bg=7 data-fg="0">47</span>
</div> </div>
<div class="colorprev"> <div class="colorprev">
<span data-bg=8 class="bg8 fg15">100</span><!-- <span data-bg=8 data-fg="15">100</span><!--
--><span data-bg=9 class="bg9 fg0">101</span><!-- --><span data-bg=9 data-fg="0">101</span><!--
--><span data-bg=10 class="bg10 fg0">102</span><!-- --><span data-bg=10 data-fg="0">102</span><!--
--><span data-bg=11 class="bg11 fg0">103</span><!-- --><span data-bg=11 data-fg="0">103</span><!--
--><span data-bg=12 class="bg12 fg0">104</span><!-- --><span data-bg=12 data-fg="0">104</span><!--
--><span data-bg=13 class="bg13 fg0">105</span><!-- --><span data-bg=13 data-fg="0">105</span><!--
--><span data-bg=14 class="bg14 fg0">106</span><!-- --><span data-bg=14 data-fg="0">106</span><!--
--><span data-bg=15 class="bg15 fg0">107</span> --><span data-bg=15 data-fg="0">107</span>
</div> </div>
</div> </div>
<div class="Row color-preview"> <div class="Row color-preview">
<div style=" <div id="color-example" data-fg="" data-bg="">
" id="color-example">
Default colors preview </div> Default colors preview </div>
</div> </div>
@ -131,22 +129,22 @@
<option value="15">White</option> <option value="15">White</option>
</select>&nbsp;<!-- </select>&nbsp;<!--
--><select name="default_bg" id="default_bg" class="short" onchange="showColor()"> --><select name="default_bg" id="default_bg" class="short" onchange="showColor()">
<option value="0">Black</option> <option value="0">Black</option>
<option value="1">Red</option> <option value="1">Red</option>
<option value="2">Green</option> <option value="2">Green</option>
<option value="3">Yellow</option> <option value="3">Yellow</option>
<option value="4">Blue</option> <option value="4">Blue</option>
<option value="5">Purple</option> <option value="5">Purple</option>
<option value="6">Cyan</option> <option value="6">Cyan</option>
<option value="7">Silver</option> <option value="7">Silver</option>
<option value="8">Gray</option> <option value="8">Gray</option>
<option value="9">Light Red</option> <option value="9">Light Red</option>
<option value="10">Light Green</option> <option value="10">Light Green</option>
<option value="11">Light Yellow</option> <option value="11">Light Yellow</option>
<option value="12">Light Blue</option> <option value="12">Light Blue</option>
<option value="13">Light Purple</option> <option value="13">Light Purple</option>
<option value="14">Light Cyan</option> <option value="14">Light Cyan</option>
<option value="15">White</option> <option value="15">White</option>
</select> </select>
</div> </div>
@ -161,6 +159,12 @@
<input type="text" name="term_title" id="term_title" value="ESPTerm Web UI Demo" required> <input type="text" name="term_title" id="term_title" value="ESPTerm Web UI Demo" required>
</div> </div>
<div class="Row checkbox" >
<label>Show buttons</label><!--
--><span class="box" tabindex=0 role=checkbox></span>
<input type="hidden" id="show_buttons" name="show_buttons" value="1">
</div>
<div class="Row"> <div class="Row">
<label>Button labels</label> <label>Button labels</label>
<input class="short" type="text" name="btn1" id="btn1" value="OK">&nbsp; <input class="short" type="text" name="btn1" id="btn1" value="OK">&nbsp;
@ -183,11 +187,66 @@
</div> </div>
<div class="Row buttons"> <div class="Row buttons">
<a class="button icn-ok" href="#" onclick="qs('#form-1').submit()">Apply!</a> <a class="button icn-ok" href="#" onclick="qs('#form-initial').submit()">Apply!</a>
</div> </div>
</form> </form>
<form class="Box fold str" action="term_set.html" method="GET" id='form-2'> <form class="Box fold str" action="term_set.html" method="GET" id="form-uart">
<h2 tabindex=0>Serial Port</h2>
<div class="Row explain">
This form controls the primary, communication UART. The debug UART is fixed
at 115.200 baud, one stop-bit and no parity.
</div>
<div class="Row">
<label for="uart_baud">Baud rate<span class="mq-phone">&nbsp;(bps)</span></label>
<select name="uart_baud" id="uart_baud" class="short">
<option value="300">300</option>
<option value="600">600</option>
<option value="1200">1.200</option>
<option value="2400">2.400</option>
<option value="4800">4.800</option>
<option value="9600">9.600</option>
<option value="19200">19.200</option>
<option value="38400">38.400</option>
<option value="57600">57.600</option>
<option value="74880">74.880</option>
<option value="115200">115.200</option>
<option value="230400">230.400</option>
<option value="460800">460.800</option>
<option value="921600">921.600</option>
<option value="1843200">1.843.200</option>
<option value="3686400">3.686.400</option>
</select>
<span class="mq-no-phone">&nbsp;bps</span>
</div>
<div class="Row">
<label for="uart_parity">Parity</label>
<select name="uart_parity" id="uart_parity" class="short">
<option value="2">None</option>
<option value="1">Odd</option>
<option value="0">Even</option>
</select>
</div>
<div class="Row">
<label for="uart_stopbits">Stop-bits</label>
<select name="uart_stopbits" id="uart_stopbits" class="short">
<option value="1">One</option>
<option value="2">One and half</option>
<option value="3">Two</option>
</select>
</div>
<div class="Row buttons">
<a class="button icn-ok" href="#" onclick="qs('#form-uart').submit()">Apply!</a>
</div>
</form>
<form class="Box fold str" action="term_set.html" method="GET" id='form-expert'>
<h2>Expert Options</h2> <h2>Expert Options</h2>
<div class="Row explain"> <div class="Row explain">
@ -240,12 +299,6 @@
<input type="hidden" id="crlf_mode" name="crlf_mode" value=""> <input type="hidden" id="crlf_mode" name="crlf_mode" value="">
</div> </div>
<div class="Row checkbox" >
<label>Show buttons</label><!--
--><span class="box" tabindex=0 role=checkbox></span>
<input type="hidden" id="show_buttons" name="show_buttons" value="1">
</div>
<div class="Row checkbox" > <div class="Row checkbox" >
<label>Show nav links</label><!-- <label>Show nav links</label><!--
--><span class="box" tabindex=0 role=checkbox></span> --><span class="box" tabindex=0 role=checkbox></span>
@ -259,7 +312,7 @@
</div> </div>
<div class="Row buttons"> <div class="Row buttons">
<a class="button icn-ok" href="#" onclick="qs('#form-2').submit()">Apply!</a> <a class="button icn-ok" href="#" onclick="qs('#form-expert').submit()">Apply!</a>
</div> </div>
</form> </form>
@ -269,15 +322,15 @@
$('#cursor_shape').val(); $('#cursor_shape').val();
$('#theme').val(0); $('#theme').val(0);
$('#uart_baud').val(115200);
$('#uart_parity').val(2);
$('#uart_stopbits').val(1);
function showColor() { function showColor() {
var ex = qs('#color-example'); var ex = qs('#color-example');
ex.className = ''; ex.dataset.fg = +$('#default_fg').val();
ex.classList.add('fg'+$('#default_fg').val()); ex.dataset.bg = +$('#default_bg').val();
ex.classList.add('bg'+$('#default_bg').val()); themes.themePreview(+$('#theme').val())
var th = $('#theme').val();
$('.color-preview').forEach(function(e) {
e.className = 'Row color-preview theme-'+th;
});
} }
showColor(); showColor();

19
cfg_wifi.html
Unescape View File

@ -3,10 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1">
<title>WiFi Settings :: ESPTerm</title> <title>WiFi Settings :: ESPTerm</title>
<link href="/css/app.6241b01.css" rel="stylesheet"> <link href="/css/app.310033b.css" rel="stylesheet">
<script src="/js/app.6241b01.js"></script> <script src="/js/app.310033b.js"></script>
<script> <script>
var _root = location.host; var _root = location.host;
var _demo = 1; var _demo = 1;
@ -19,11 +19,6 @@
<a href="term.html" class="icn-back">Back to Terminal</a> <a href="term.html" class="icn-back">Back to Terminal</a>
<a href="cfg_term.html" class="icn-terminal ">Terminal Settings</a><a href="cfg_wifi.html" class="icn-wifi selected">WiFi Settings</a><a href="cfg_network.html" class="icn-network ">Network Settings</a><a href="cfg_system.html" class="icn-configure ">System Settings</a><a href="help.html" class="icn-help ">Quick Reference</a><a href="about.html" class="icn-about ">About ESPTerm</a></nav> <a href="cfg_term.html" class="icn-terminal ">Terminal Settings</a><a href="cfg_wifi.html" class="icn-wifi selected">WiFi Settings</a><a href="cfg_network.html" class="icn-network ">Network Settings</a><a href="cfg_system.html" class="icn-configure ">System Settings</a><a href="help.html" class="icn-help ">Quick Reference</a><a href="about.html" class="icn-about ">About ESPTerm</a></nav>
<script>
function menuOpen() { $('#menu').toggleClass('expanded') }
$('#brand').on('click', menuOpen).on('keypress', cr(menuOpen));
</script>
<div id="content"> <div id="content">
<img src="/img/loader.gif" alt="Loading…" id="loader"> <img src="/img/loader.gif" alt="Loading…" id="loader">
<h1>WiFi Settings</h1> <h1>WiFi Settings</h1>
@ -32,7 +27,7 @@
<span class="lead">Validation errors for:</span>&nbsp;<span class="list"></span> <span class="lead">Validation errors for:</span>&nbsp;<span class="list"></span>
</div> </div>
<form class="Box str mobcol" action="wifi_set.html" method="GET" id="form-1"> <form class="Box str mobcol" action="wifi_set.html" method="GET" id="form-ap">
<h2 tabindex=0>Built-in Access Point</h2> <h2 tabindex=0>Built-in Access Point</h2>
<div class="Row checkbox x-ap-toggle"> <div class="Row checkbox x-ap-toggle">
@ -71,11 +66,11 @@
</div> </div>
<div class="Row buttons"> <div class="Row buttons">
<a class="button icn-ok" href="#" onclick="qs('#form-1').submit()">Apply!</a> <a class="button icn-ok" href="#" onclick="qs('#form-ap').submit()">Apply!</a>
</div> </div>
</form> </form>
<form class="Box str mobcol expanded" action="wifi_set.html" method="GET" id="form-2"> <form class="Box str mobcol expanded" action="wifi_set.html" method="GET" id="form-sta">
<h2 tabindex=0>Join Existing Network</h2> <h2 tabindex=0>Join Existing Network</h2>
<div class="Row checkbox x-sta-toggle"> <div class="Row checkbox x-sta-toggle">
@ -116,7 +111,7 @@
</div> </div>
<div class="Row buttons"> <div class="Row buttons">
<a class="button icn-ok" href="#" onclick="qs('#form-2').submit()">Apply!</a> <a class="button icn-ok" href="#" onclick="qs('#form-sta').submit()">Apply!</a>
</div> </div>
</form> </form>

6
cfg_wifi_conn.html
Unescape View File

@ -3,10 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1">
<title>Connecting to Network :: ESPTerm</title> <title>Connecting to Network :: ESPTerm</title>
<link href="/css/app.6241b01.css" rel="stylesheet"> <link href="/css/app.310033b.css" rel="stylesheet">
<script src="/js/app.6241b01.js"></script> <script src="/js/app.310033b.js"></script>
<script> <script>
var _root = location.host; var _root = location.host;
var _demo = 1; var _demo = 1;

792
css/app.6241b01.css → css/app.310033b.css
Unescape View File

@ -1211,6 +1211,7 @@ form {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
flex-wrap: wrap;
} }
.Row:first-child { .Row:first-child {
@ -1612,6 +1613,10 @@ body.term #content h1 {
display: block; display: block;
} }
#screen .debug-toolbar {
line-height: 1.5;
}
#action-buttons { #action-buttons {
margin-top: 10px; margin-top: 10px;
white-space: nowrap; white-space: nowrap;
@ -1629,6 +1634,13 @@ body.term #content h1 {
outline: 0 none !important; outline: 0 none !important;
} }
#load-failed {
color: red;
font-size: 18px;
font-weight: bold;
margin: 10px 5px 14px 5px;
}
#term-nav { #term-nav {
padding-top: 1.5em; padding-top: 1.5em;
text-align: center; text-align: center;
@ -1740,772 +1752,28 @@ body.term #content h1 {
display: inline-block; display: inline-block;
} }
.theme-0 .fg0 { #keyboard-shortcut-bar {
color: #111213; border-radius: 4px;
} width: calc(100vw - 20px);
background: #d1d5db;
.theme-0 .bg0 { padding: 5px 10px;
background-color: #111213; overflow-x: auto;
}
.theme-0 .fg1 {
color: #CC0000;
}
.theme-0 .bg1 {
background-color: #CC0000;
}
.theme-0 .fg2 {
color: #4E9A06;
}
.theme-0 .bg2 {
background-color: #4E9A06;
}
.theme-0 .fg3 {
color: #C4A000;
}
.theme-0 .bg3 {
background-color: #C4A000;
}
.theme-0 .fg4 {
color: #3465A4;
}
.theme-0 .bg4 {
background-color: #3465A4;
}
.theme-0 .fg5 {
color: #75507B;
}
.theme-0 .bg5 {
background-color: #75507B;
}
.theme-0 .fg6 {
color: #06989A;
}
.theme-0 .bg6 {
background-color: #06989A;
}
.theme-0 .fg7 {
color: #D3D7CF;
}
.theme-0 .bg7 {
background-color: #D3D7CF;
}
.theme-0 .fg8 {
color: #555753;
}
.theme-0 .bg8 {
background-color: #555753;
}
.theme-0 .fg9 {
color: #EF2929;
}
.theme-0 .bg9 {
background-color: #EF2929;
}
.theme-0 .fg10 {
color: #8AE234;
}
.theme-0 .bg10 {
background-color: #8AE234;
}
.theme-0 .fg11 {
color: #FCE94F;
}
.theme-0 .bg11 {
background-color: #FCE94F;
}
.theme-0 .fg12 {
color: #729FCF;
}
.theme-0 .bg12 {
background-color: #729FCF;
}
.theme-0 .fg13 {
color: #AD7FA8;
}
.theme-0 .bg13 {
background-color: #AD7FA8;
}
.theme-0 .fg14 {
color: #34E2E2;
}
.theme-0 .bg14 {
background-color: #34E2E2;
}
.theme-0 .fg15 {
color: #EEEEEC;
}
.theme-0 .bg15 {
background-color: #EEEEEC;
}
.theme-1 .fg0 {
color: #000000;
}
.theme-1 .bg0 {
background-color: #000000;
}
.theme-1 .fg1 {
color: #aa0000;
}
.theme-1 .bg1 {
background-color: #aa0000;
}
.theme-1 .fg2 {
color: #00aa00;
}
.theme-1 .bg2 {
background-color: #00aa00;
}
.theme-1 .fg3 {
color: #aa5500;
}
.theme-1 .bg3 {
background-color: #aa5500;
}
.theme-1 .fg4 {
color: #0000aa;
}
.theme-1 .bg4 {
background-color: #0000aa;
}
.theme-1 .fg5 {
color: #aa00aa;
}
.theme-1 .bg5 {
background-color: #aa00aa;
}
.theme-1 .fg6 {
color: #00aaaa;
}
.theme-1 .bg6 {
background-color: #00aaaa;
}
.theme-1 .fg7 {
color: #aaaaaa;
}
.theme-1 .bg7 {
background-color: #aaaaaa;
}
.theme-1 .fg8 {
color: #555555;
}
.theme-1 .bg8 {
background-color: #555555;
}
.theme-1 .fg9 {
color: #ff5555;
}
.theme-1 .bg9 {
background-color: #ff5555;
}
.theme-1 .fg10 {
color: #55ff55;
}
.theme-1 .bg10 {
background-color: #55ff55;
}
.theme-1 .fg11 {
color: #ffff55;
}
.theme-1 .bg11 {
background-color: #ffff55;
}
.theme-1 .fg12 {
color: #5555ff;
}
.theme-1 .bg12 {
background-color: #5555ff;
}
.theme-1 .fg13 {
color: #ff55ff;
}
.theme-1 .bg13 {
background-color: #ff55ff;
}
.theme-1 .fg14 {
color: #55ffff;
}
.theme-1 .bg14 {
background-color: #55ffff;
}
.theme-1 .fg15 {
color: #ffffff;
}
.theme-1 .bg15 {
background-color: #ffffff;
}
.theme-2 .fg0 {
color: #000000;
}
.theme-2 .bg0 {
background-color: #000000;
}
.theme-2 .fg1 {
color: #cd0000;
}
.theme-2 .bg1 {
background-color: #cd0000;
}
.theme-2 .fg2 {
color: #00cd00;
}
.theme-2 .bg2 {
background-color: #00cd00;
}
.theme-2 .fg3 {
color: #cdcd00;
}
.theme-2 .bg3 {
background-color: #cdcd00;
}
.theme-2 .fg4 {
color: #0000ee;
}
.theme-2 .bg4 {
background-color: #0000ee;
}
.theme-2 .fg5 {
color: #cd00cd;
}
.theme-2 .bg5 {
background-color: #cd00cd;
}
.theme-2 .fg6 {
color: #00cdcd;
}
.theme-2 .bg6 {
background-color: #00cdcd;
}
.theme-2 .fg7 {
color: #e5e5e5;
}
.theme-2 .bg7 {
background-color: #e5e5e5;
}
.theme-2 .fg8 {
color: #7f7f7f;
}
.theme-2 .bg8 {
background-color: #7f7f7f;
}
.theme-2 .fg9 {
color: #ff0000;
}
.theme-2 .bg9 {
background-color: #ff0000;
}
.theme-2 .fg10 {
color: #00ff00;
}
.theme-2 .bg10 {
background-color: #00ff00;
}
.theme-2 .fg11 {
color: #ffff00;
}
.theme-2 .bg11 {
background-color: #ffff00;
}
.theme-2 .fg12 {
color: #5c5cff;
}
.theme-2 .bg12 {
background-color: #5c5cff;
}
.theme-2 .fg13 {
color: #ff00ff;
}
.theme-2 .bg13 {
background-color: #ff00ff;
}
.theme-2 .fg14 {
color: #00ffff;
}
.theme-2 .bg14 {
background-color: #00ffff;
}
.theme-2 .fg15 {
color: #ffffff;
}
.theme-2 .bg15 {
background-color: #ffffff;
}
.theme-3 .fg0 {
color: #000000;
}
.theme-3 .bg0 {
background-color: #000000;
}
.theme-3 .fg1 {
color: #cd0000;
}
.theme-3 .bg1 {
background-color: #cd0000;
}
.theme-3 .fg2 {
color: #00cd00;
}
.theme-3 .bg2 {
background-color: #00cd00;
}
.theme-3 .fg3 {
color: #cdcd00;
}
.theme-3 .bg3 {
background-color: #cdcd00;
}
.theme-3 .fg4 {
color: #0000cd;
}
.theme-3 .bg4 {
background-color: #0000cd;
}
.theme-3 .fg5 {
color: #cd00cd;
}
.theme-3 .bg5 {
background-color: #cd00cd;
}
.theme-3 .fg6 {
color: #00cdcd;
}
.theme-3 .bg6 {
background-color: #00cdcd;
}
.theme-3 .fg7 {
color: #faebd7;
}
.theme-3 .bg7 {
background-color: #faebd7;
}
.theme-3 .fg8 {
color: #404040;
}
.theme-3 .bg8 {
background-color: #404040;
}
.theme-3 .fg9 {
color: #ff0000;
}
.theme-3 .bg9 {
background-color: #ff0000;
}
.theme-3 .fg10 {
color: #00ff00;
}
.theme-3 .bg10 {
background-color: #00ff00;
}
.theme-3 .fg11 {
color: #ffff00;
}
.theme-3 .bg11 {
background-color: #ffff00;
}
.theme-3 .fg12 {
color: #0000ff;
}
.theme-3 .bg12 {
background-color: #0000ff;
}
.theme-3 .fg13 {
color: #ff00ff;
}
.theme-3 .bg13 {
background-color: #ff00ff;
}
.theme-3 .fg14 {
color: #00ffff;
}
.theme-3 .bg14 {
background-color: #00ffff;
}
.theme-3 .fg15 {
color: #ffffff;
}
.theme-3 .bg15 {
background-color: #ffffff;
}
.theme-4 .fg0 {
color: #2e3436;
}
.theme-4 .bg0 {
background-color: #2e3436;
}
.theme-4 .fg1 {
color: #cc0000;
}
.theme-4 .bg1 {
background-color: #cc0000;
}
.theme-4 .fg2 {
color: #4e9a06;
}
.theme-4 .bg2 {
background-color: #4e9a06;
}
.theme-4 .fg3 {
color: #c4a000;
}
.theme-4 .bg3 {
background-color: #c4a000;
}
.theme-4 .fg4 {
color: #3465a4;
}
.theme-4 .bg4 {
background-color: #3465a4;
}
.theme-4 .fg5 {
color: #75507b;
}
.theme-4 .bg5 {
background-color: #75507b;
}
.theme-4 .fg6 {
color: #06989a;
}
.theme-4 .bg6 {
background-color: #06989a;
}
.theme-4 .fg7 {
color: #d3d7cf;
}
.theme-4 .bg7 {
background-color: #d3d7cf;
}
.theme-4 .fg8 {
color: #555753;
}
.theme-4 .bg8 {
background-color: #555753;
}
.theme-4 .fg9 {
color: #ef2929;
}
.theme-4 .bg9 {
background-color: #ef2929;
}
.theme-4 .fg10 {
color: #8ae234;
}
.theme-4 .bg10 {
background-color: #8ae234;
}
.theme-4 .fg11 {
color: #fce94f;
}
.theme-4 .bg11 {
background-color: #fce94f;
}
.theme-4 .fg12 {
color: #729fcf;
}
.theme-4 .bg12 {
background-color: #729fcf;
}
.theme-4 .fg13 {
color: #ad7fa8;
}
.theme-4 .bg13 {
background-color: #ad7fa8;
}
.theme-4 .fg14 {
color: #34e2e2;
}
.theme-4 .bg14 {
background-color: #34e2e2;
}
.theme-4 .fg15 {
color: #eeeeec;
}
.theme-4 .bg15 {
background-color: #eeeeec;
}
.theme-5 .fg0 {
color: #073642;
}
.theme-5 .bg0 {
background-color: #073642;
}
.theme-5 .fg1 {
color: #dc322f;
}
.theme-5 .bg1 {
background-color: #dc322f;
}
.theme-5 .fg2 {
color: #859900;
}
.theme-5 .bg2 {
background-color: #859900;
}
.theme-5 .fg3 {
color: #b58900;
}
.theme-5 .bg3 {
background-color: #b58900;
}
.theme-5 .fg4 {
color: #268bd2;
}
.theme-5 .bg4 {
background-color: #268bd2;
}
.theme-5 .fg5 {
color: #d33682;
}
.theme-5 .bg5 {
background-color: #d33682;
}
.theme-5 .fg6 {
color: #2aa198;
}
.theme-5 .bg6 {
background-color: #2aa198;
}
.theme-5 .fg7 {
color: #eee8d5;
}
.theme-5 .bg7 {
background-color: #eee8d5;
}
.theme-5 .fg8 {
color: #002b36;
}
.theme-5 .bg8 {
background-color: #002b36;
}
.theme-5 .fg9 {
color: #cb4b16;
}
.theme-5 .bg9 {
background-color: #cb4b16;
}
.theme-5 .fg10 {
color: #586e75;
}
.theme-5 .bg10 {
background-color: #586e75;
}
.theme-5 .fg11 {
color: #657b83;
}
.theme-5 .bg11 {
background-color: #657b83;
}
.theme-5 .fg12 {
color: #839496;
}
.theme-5 .bg12 {
background-color: #839496;
}
.theme-5 .fg13 {
color: #6c71c4;
}
.theme-5 .bg13 {
background-color: #6c71c4;
}
.theme-5 .fg14 {
color: #93a1a1;
}
.theme-5 .bg14 {
background-color: #93a1a1;
} }
.theme-5 .fg15 { #keyboard-shortcut-bar:not(.open) {
color: #fdf6e3; display: none;
} }
.theme-5 .bg15 { #keyboard-shortcut-bar .shortcut-button {
background-color: #fdf6e3; background: #fff;
color: #000;
padding: 10px 20px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
text-shadow: none;
border-radius: 4px;
margin: 0 10px 0 0;
font-family: -apple-system, sans-serif;
min-width: 2em;
} }
.bold { .bold {

1
css/app.css
View File

File diff suppressed because one or more lines are too long

7
css/app.css.map
View File

File diff suppressed because one or more lines are too long

2810
css/app.d7551c3.css
View File

File diff suppressed because one or more lines are too long

2811
css/app.e3b21ad.css
View File

File diff suppressed because one or more lines are too long

124
help.html
View File

File diff suppressed because one or more lines are too long

BIN
img/adapter.jpg.orig
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 18 KiB

BIN
img/vt100.jpg.orig
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 18 KiB

2
js/app.310033b.js
View File

File diff suppressed because one or more lines are too long

1
js/app.310033b.js.map
View File

File diff suppressed because one or more lines are too long

19
js/app.6241b01.js
View File

File diff suppressed because one or more lines are too long

1
js/app.6241b01.js.map
View File

File diff suppressed because one or more lines are too long

19
js/app.d7551c3.js
View File

File diff suppressed because one or more lines are too long

1
js/app.d7551c3.js.map
View File

File diff suppressed because one or more lines are too long

19
js/app.e3b21ad.js
View File

File diff suppressed because one or more lines are too long

1
js/app.e3b21ad.js.map
View File

File diff suppressed because one or more lines are too long

17
js/app.js
View File

File diff suppressed because one or more lines are too long

1
js/app.js.map
View File

File diff suppressed because one or more lines are too long

46
term.html
Unescape View File

@ -3,10 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1">
<title>Terminal :: ESPTerm</title> <title>Terminal :: ESPTerm</title>
<link href="/css/app.6241b01.css" rel="stylesheet"> <link href="/css/app.310033b.css" rel="stylesheet">
<script src="/js/app.6241b01.js"></script> <script src="/js/app.310033b.js"></script>
<script> <script>
var _root = location.host; var _root = location.host;
var _demo = 1; var _demo = 1;
@ -20,9 +20,9 @@
<script> <script>
// Workaround for badly loaded page // Workaround for badly loaded page
setTimeout(function() { setTimeout(function() {
if (typeof termInit == 'undefined' || typeof $ == 'undefined') { if (typeof termInit == 'undefined') {
console.error("Page load failed, refreshing…"); console.error("Page load failed, refreshing…")
location.reload(true); location.reload(true)
} }
}, 3000); }, 3000);
</script> </script>
@ -58,6 +58,7 @@
</div> </div>
<h1 id="screen-title"><!-- Screen title is loaded here by JS --></h1> <h1 id="screen-title"><!-- Screen title is loaded here by JS --></h1>
<a href="#" id="term-fit-screen" class="mq-tablet-max"><i id="resize-button-icon" class="icn-resize-small"></i></a>
<div id="term-wrap"> <div id="term-wrap">
<div id="screen"> <div id="screen">
@ -77,8 +78,7 @@
</div> </div>
<nav id="term-nav"> <nav id="term-nav">
<a href="#" id="term-fit-screen" class="mq-tablet-max"><i id="resize-button-icon" class="icn-resize-small"></i></a><!-- <a href="#" id="term-kb-open" class="mq-tablet-max"><i class="icn-keyboard"></i><span>Keyboard</span></a><!--
--><a href="#" id="term-kb-open" class="mq-tablet-max"><i class="icn-keyboard"></i><span>Keyboard</span></a><!--
--><a href="#" id="term-fu-open"><i class="icn-download"></i><span>Upload</span></a><!-- --><a href="#" id="term-fu-open"><i class="icn-download"></i><span>Upload</span></a><!--
--><a href="cfg_term.html" class="x-term-conf-btn"><i class="icn-configure"></i><span>Config</span></a><!-- --><a href="cfg_term.html" class="x-term-conf-btn"><i class="icn-configure"></i><span>Config</span></a><!--
--><a href="cfg_wifi.html" class="x-term-conf-btn"><i class="icn-wifi"></i><span>WiFi</span></a><!-- --><a href="cfg_wifi.html" class="x-term-conf-btn"><i class="icn-wifi"></i><span>WiFi</span></a><!--
@ -87,20 +87,22 @@
</nav> </nav>
<script> <script>
try { try {
window.noAutoShow = true; window.noAutoShow = true;
termInit({ termInit({
labels: 'TESPTerm Web UI Demo\u0001OK\u0001Cancel\u0001\u0001\u0001Help', labels: 'TESPTerm Web UI Demo\u0001OK\u0001Cancel\u0001\u0001\u0001Help',
theme: +'0', theme: +'0',
allFn: !!+'0', defaultFg: +'7',
}); defaultBg: +'0',
} catch(e) { allFn: !!+'0',
console.error(e); });
console.error("Fail, reloading in 3s…"); } catch (e) {
setTimeout(function() { console.error(e);
location.reload(true); console.error("Fail, reloading in 3s…");
}, 3000); setTimeout(function () {
} location.reload(true);
}, 3000);
}
</script> </script>
<div class="botpad"></div> <div class="botpad"></div>

Write Preview
Loading…
Cancel
Save