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>
<meta charset="utf-8">
<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>
<link href="/css/app.6241b01.css" rel="stylesheet">
<script src="/js/app.6241b01.js"></script>
<link href="/css/app.310033b.css" rel="stylesheet">
<script src="/js/app.310033b.js"></script>
<script>
var _root = location.host;
var _demo = 1;
@ -19,11 +19,6 @@
<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>
<script>
function menuOpen() { $('#menu').toggleClass('expanded') }
$('#brand').on('click', menuOpen).on('keypress', cr(menuOpen));
</script>
<div id="content">
<img src="/img/loader.gif" alt="Loading…" id="loader">
<h1>About ESPTerm</h1>
@ -55,12 +50,12 @@
<table>
<tr>
<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>
<th>Git hash</th>
<td>back-end: <a href="https://github.com/espterm/espterm-firmware/commit/0012c92">0012c92</a>,
front-end: <a href="https://github.com/espterm/espterm-front-end/commit/6241b01">6241b01</td>
<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/310033b">310033b</td>
</tr>
<tr>
<th>libesphttpd</th>
@ -77,7 +72,11 @@
<div class="Box">
<h2>Issues</h2>
<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>
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">
<h2>Thanks</h2>
<p>
The webserver is based on a <a href="https://github.com/MightyPork/libesphttpd">fork</a> of the
<a href="https://github.com/Spritetm/esphttpd">esphttpd</a> library by Jeroen Domburg (Sprite_tm).
</p>
<p>
Using (modified) JS library <a href="https://github.com/kylebarrow/chibi">chibi.js</a> by
Kyle Barrow as a lightweight jQuery alternative.
</p>
<p><i>…for making this project possible, in no particular order, go to:</i></p>
<ul style="padding-left: 20px">
<li>
<b>Jeroen "SpriteTM" Domburg,</b> for writing the <a href="https://github.com/Spritetm/esphttpd">esphttpd</a>
server library we use (as a <a href="https://github.com/MightyPork/libesphttpd">fork</a>)
</li>
<li>
<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 class="botpad"></div>

19
cfg_network.html
Unescape View File

@ -3,10 +3,10 @@
<head>
<meta charset="utf-8">
<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>
<link href="/css/app.6241b01.css" rel="stylesheet">
<script src="/js/app.6241b01.js"></script>
<link href="/css/app.310033b.css" rel="stylesheet">
<script src="/js/app.310033b.js"></script>
<script>
var _root = location.host;
var _demo = 1;
@ -19,11 +19,6 @@
<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>
<script>
function menuOpen() { $('#menu').toggleClass('expanded') }
$('#brand').on('click', menuOpen).on('keypress', cr(menuOpen));
</script>
<div id="content">
<img src="/img/loader.gif" alt="Loading…" id="loader">
<h1>Network Settings</h1>
@ -33,7 +28,7 @@
</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>
<div class="Row explain">
@ -62,11 +57,11 @@
</div>
<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>
</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>
<div class="Row explain">
@ -100,7 +95,7 @@
</div>
<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>
</form>

119
cfg_system.html
Unescape View File

@ -3,10 +3,10 @@
<head>
<meta charset="utf-8">
<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>
<link href="/css/app.6241b01.css" rel="stylesheet">
<script src="/js/app.6241b01.js"></script>
<link href="/css/app.310033b.css" rel="stylesheet">
<script src="/js/app.310033b.js"></script>
<script>
var _root = location.host;
var _demo = 1;
@ -19,11 +19,6 @@
<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>
<script>
function menuOpen() { $('#menu').toggleClass('expanded') }
$('#brand').on('click', menuOpen).on('keypress', cr(menuOpen));
</script>
<div id="content">
<img src="/img/loader.gif" alt="Loading…" id="loader">
<h1>System Settings</h1>
@ -37,16 +32,15 @@
<div class="Row explain nomargintop">
ESPTerm contains two persistent memory banks, one for default and
one for active settings. Active settings can be stored as defaults
by the administrator (password required).
ESPTerm saves all settings in Flash. The active settings can be copied to
the "defaults area" and restored later using the blue button below.
</div>
<div class="Row buttons2">
<a class="button icn-restore"
onclick="return confirm('Restore all settings to their default values?');"
href="restore_defaults.html">
Reset active settings to defaults </a>
Reset to saved defaults </a>
</div>
<div class="Row buttons2">
@ -61,70 +55,91 @@
</div>
<form class="Box str mobcol" action="system_set.html" method="GET" id="form-1">
<h2 tabindex=0>Serial Port</h2>
<form class="Box str mobcol" action="system_set.html" method="GET" id="form-2">
<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">
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 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>
<label for="admin_pw">New admin pass.</label>
<input type="password" name="admin_pw" id="admin_pw">
</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>
<label for="admin_pw2">New pass., repeat</label>
<input type="password" name="admin_pw2" id="admin_pw2">
</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>
<label for="pw">Old admin pass.</label>
<input type="password" name="pw" id="pw" required>
</div>
<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>
</form>
<script>
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;
location.href = "write_defaults.html" + '?pw=' + pw;
}
$('#uart_baud').val(115200);
$('#uart_parity').val(2);
$('#uart_stopbits').val(1);
$('#pwlock').val(0);
</script>
<div class="botpad"></div>

205
cfg_term.html
Unescape View File

@ -3,10 +3,10 @@
<head>
<meta charset="utf-8">
<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>
<link href="/css/app.6241b01.css" rel="stylesheet">
<script src="/js/app.6241b01.js"></script>
<link href="/css/app.310033b.css" rel="stylesheet">
<script src="/js/app.310033b.js"></script>
<script>
var _root = location.host;
var _demo = 1;
@ -19,11 +19,6 @@
<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>
<script>
function menuOpen() { $('#menu').toggleClass('expanded') }
$('#brand').on('click', menuOpen).on('keypress', cr(menuOpen));
</script>
<div id="content">
<img src="/img/loader.gif" alt="Loading…" id="loader">
<h1>Terminal Settings</h1>
@ -36,7 +31,7 @@
<a href="reset_screen.html">Reset screen & parser</a>
</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>
<div class="Row explain">
@ -50,63 +45,66 @@
<label for="theme">Color scheme</label>
<select name="theme" id="theme" class="short" onchange="showColor()">
<option value="0">Tango</option>
<option value="1">Linux</option>
<option value="1">Linux (CGA)</option>
<option value="2">XTerm</option>
<option value="3">Rxvt</option>
<option value="4">Ambience</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>
</div>
<div class="Row color-preview">
<div class="colorprev">
<span data-fg=0 class="bg0 fg0">30</span><!--
--><span data-fg=1 class="bg0 fg1">31</span><!--
--><span data-fg=2 class="bg0 fg2">32</span><!--
--><span data-fg=3 class="bg0 fg3">33</span><!--
--><span data-fg=4 class="bg0 fg4">34</span><!--
--><span data-fg=5 class="bg0 fg5">35</span><!--
--><span data-fg=6 class="bg0 fg6">36</span><!--
--><span data-fg=7 class="bg0 fg7">37</span>
<span data-fg=0 data-bg="0" style="text-shadow: 0 0 4px white;">30</span><!--
--><span data-fg=1 data-bg="0">31</span><!--
--><span data-fg=2 data-bg="0">32</span><!--
--><span data-fg=3 data-bg="0">33</span><!--
--><span data-fg=4 data-bg="0">34</span><!--
--><span data-fg=5 data-bg="0">35</span><!--
--><span data-fg=6 data-bg="0">36</span><!--
--><span data-fg=7 data-bg="0">37</span>
</div>
<div class="colorprev">
<span data-fg=8 class="bg0 fg8">90</span><!--
--><span data-fg=9 class="bg0 fg9">91</span><!--
--><span data-fg=10 class="bg0 fg10">92</span><!--
--><span data-fg=11 class="bg0 fg11">93</span><!--
--><span data-fg=12 class="bg0 fg12">94</span><!--
--><span data-fg=13 class="bg0 fg13">95</span><!--
--><span data-fg=14 class="bg0 fg14">96</span><!--
--><span data-fg=15 class="bg0 fg15">97</span>
<span data-fg=8 data-bg="0">90</span><!--
--><span data-fg=9 data-bg="0">91</span><!--
--><span data-fg=10 data-bg="0">92</span><!--
--><span data-fg=11 data-bg="0">93</span><!--
--><span data-fg=12 data-bg="0">94</span><!--
--><span data-fg=13 data-bg="0">95</span><!--
--><span data-fg=14 data-bg="0">96</span><!--
--><span data-fg=15 data-bg="0">97</span>
</div>
<div class="colorprev">
<span data-bg=0 class="bg0 fg15">40</span><!--
--><span data-bg=1 class="bg1 fg15">41</span><!--
--><span data-bg=2 class="bg2 fg15">42</span><!--
--><span data-bg=3 class="bg3 fg0">43</span><!--
--><span data-bg=4 class="bg4 fg15">44</span><!--
--><span data-bg=5 class="bg5 fg15">45</span><!--
--><span data-bg=6 class="bg6 fg15">46</span><!--
--><span data-bg=7 class="bg7 fg0">47</span>
<span data-bg=0 data-fg="15">40</span><!--
--><span data-bg=1 data-fg="15">41</span><!--
--><span data-bg=2 data-fg="15">42</span><!--
--><span data-bg=3 data-fg="0">43</span><!--
--><span data-bg=4 data-fg="15">44</span><!--
--><span data-bg=5 data-fg="15">45</span><!--
--><span data-bg=6 data-fg="15">46</span><!--
--><span data-bg=7 data-fg="0">47</span>
</div>
<div class="colorprev">
<span data-bg=8 class="bg8 fg15">100</span><!--
--><span data-bg=9 class="bg9 fg0">101</span><!--
--><span data-bg=10 class="bg10 fg0">102</span><!--
--><span data-bg=11 class="bg11 fg0">103</span><!--
--><span data-bg=12 class="bg12 fg0">104</span><!--
--><span data-bg=13 class="bg13 fg0">105</span><!--
--><span data-bg=14 class="bg14 fg0">106</span><!--
--><span data-bg=15 class="bg15 fg0">107</span>
<span data-bg=8 data-fg="15">100</span><!--
--><span data-bg=9 data-fg="0">101</span><!--
--><span data-bg=10 data-fg="0">102</span><!--
--><span data-bg=11 data-fg="0">103</span><!--
--><span data-bg=12 data-fg="0">104</span><!--
--><span data-bg=13 data-fg="0">105</span><!--
--><span data-bg=14 data-fg="0">106</span><!--
--><span data-bg=15 data-fg="0">107</span>
</div>
</div>
<div class="Row color-preview">
<div style="
" id="color-example">
<div id="color-example" data-fg="" data-bg="">
Default colors preview </div>
</div>
@ -131,22 +129,22 @@
<option value="15">White</option>
</select>&nbsp;<!--
--><select name="default_bg" id="default_bg" class="short" onchange="showColor()">
<option value="0">Black</option>
<option value="1">Red</option>
<option value="2">Green</option>
<option value="3">Yellow</option>
<option value="4">Blue</option>
<option value="5">Purple</option>
<option value="6">Cyan</option>
<option value="7">Silver</option>
<option value="8">Gray</option>
<option value="9">Light Red</option>
<option value="10">Light Green</option>
<option value="11">Light Yellow</option>
<option value="12">Light Blue</option>
<option value="13">Light Purple</option>
<option value="14">Light Cyan</option>
<option value="15">White</option>
<option value="0">Black</option>
<option value="1">Red</option>
<option value="2">Green</option>
<option value="3">Yellow</option>
<option value="4">Blue</option>
<option value="5">Purple</option>
<option value="6">Cyan</option>
<option value="7">Silver</option>
<option value="8">Gray</option>
<option value="9">Light Red</option>
<option value="10">Light Green</option>
<option value="11">Light Yellow</option>
<option value="12">Light Blue</option>
<option value="13">Light Purple</option>
<option value="14">Light Cyan</option>
<option value="15">White</option>
</select>
</div>
@ -161,6 +159,12 @@
<input type="text" name="term_title" id="term_title" value="ESPTerm Web UI Demo" required>
</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">
<label>Button labels</label>
<input class="short" type="text" name="btn1" id="btn1" value="OK">&nbsp;
@ -183,11 +187,66 @@
</div>
<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>
</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>
<div class="Row explain">
@ -240,12 +299,6 @@
<input type="hidden" id="crlf_mode" name="crlf_mode" value="">
</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" >
<label>Show nav links</label><!--
--><span class="box" tabindex=0 role=checkbox></span>
@ -259,7 +312,7 @@
</div>
<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>
</form>
@ -269,15 +322,15 @@
$('#cursor_shape').val();
$('#theme').val(0);
$('#uart_baud').val(115200);
$('#uart_parity').val(2);
$('#uart_stopbits').val(1);
function showColor() {
var ex = qs('#color-example');
ex.className = '';
ex.classList.add('fg'+$('#default_fg').val());
ex.classList.add('bg'+$('#default_bg').val());
var th = $('#theme').val();
$('.color-preview').forEach(function(e) {
e.className = 'Row color-preview theme-'+th;
});
ex.dataset.fg = +$('#default_fg').val();
ex.dataset.bg = +$('#default_bg').val();
themes.themePreview(+$('#theme').val())
}
showColor();

19
cfg_wifi.html
Unescape View File

@ -3,10 +3,10 @@
<head>
<meta charset="utf-8">
<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>
<link href="/css/app.6241b01.css" rel="stylesheet">
<script src="/js/app.6241b01.js"></script>
<link href="/css/app.310033b.css" rel="stylesheet">
<script src="/js/app.310033b.js"></script>
<script>
var _root = location.host;
var _demo = 1;
@ -19,11 +19,6 @@
<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>
<script>
function menuOpen() { $('#menu').toggleClass('expanded') }
$('#brand').on('click', menuOpen).on('keypress', cr(menuOpen));
</script>
<div id="content">
<img src="/img/loader.gif" alt="Loading…" id="loader">
<h1>WiFi Settings</h1>
@ -32,7 +27,7 @@
<span class="lead">Validation errors for:</span>&nbsp;<span class="list"></span>
</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>
<div class="Row checkbox x-ap-toggle">
@ -71,11 +66,11 @@
</div>
<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>
</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>
<div class="Row checkbox x-sta-toggle">
@ -116,7 +111,7 @@
</div>
<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>
</form>

6
cfg_wifi_conn.html
Unescape View File

@ -3,10 +3,10 @@
<head>
<meta charset="utf-8">
<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>
<link href="/css/app.6241b01.css" rel="stylesheet">
<script src="/js/app.6241b01.js"></script>
<link href="/css/app.310033b.css" rel="stylesheet">
<script src="/js/app.310033b.js"></script>
<script>
var _root = location.host;
var _demo = 1;

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

@ -1211,6 +1211,7 @@ form {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
}
.Row:first-child {
@ -1612,6 +1613,10 @@ body.term #content h1 {
display: block;
}
#screen .debug-toolbar {
line-height: 1.5;
}
#action-buttons {
margin-top: 10px;
white-space: nowrap;
@ -1629,6 +1634,13 @@ body.term #content h1 {
outline: 0 none !important;
}
#load-failed {
color: red;
font-size: 18px;
font-weight: bold;
margin: 10px 5px 14px 5px;
}
#term-nav {
padding-top: 1.5em;
text-align: center;
@ -1740,772 +1752,28 @@ body.term #content h1 {
display: inline-block;
}
.theme-0 .fg0 {
color: #111213;
}
.theme-0 .bg0 {
background-color: #111213;
}
.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;
#keyboard-shortcut-bar {
border-radius: 4px;
width: calc(100vw - 20px);
background: #d1d5db;
padding: 5px 10px;
overflow-x: auto;
}
.theme-5 .fg15 {
color: #fdf6e3;
#keyboard-shortcut-bar:not(.open) {
display: none;
}
.theme-5 .bg15 {
background-color: #fdf6e3;
#keyboard-shortcut-bar .shortcut-button {
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 {

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>
<meta charset="utf-8">
<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>
<link href="/css/app.6241b01.css" rel="stylesheet">
<script src="/js/app.6241b01.js"></script>
<link href="/css/app.310033b.css" rel="stylesheet">
<script src="/js/app.310033b.js"></script>
<script>
var _root = location.host;
var _demo = 1;
@ -20,9 +20,9 @@
<script>
// Workaround for badly loaded page
setTimeout(function() {
if (typeof termInit == 'undefined' || typeof $ == 'undefined') {
console.error("Page load failed, refreshing…");
location.reload(true);
if (typeof termInit == 'undefined') {
console.error("Page load failed, refreshing…")
location.reload(true)
}
}, 3000);
</script>
@ -58,6 +58,7 @@
</div>
<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="screen">
@ -77,8 +78,7 @@
</div>
<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="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><!--
@ -87,20 +87,22 @@
</nav>
<script>
try {
window.noAutoShow = true;
termInit({
labels: 'TESPTerm Web UI Demo\u0001OK\u0001Cancel\u0001\u0001\u0001Help',
theme: +'0',
allFn: !!+'0',
});
} catch(e) {
console.error(e);
console.error("Fail, reloading in 3s…");
setTimeout(function() {
location.reload(true);
}, 3000);
}
try {
window.noAutoShow = true;
termInit({
labels: 'TESPTerm Web UI Demo\u0001OK\u0001Cancel\u0001\u0001\u0001Help',
theme: +'0',
defaultFg: +'7',
defaultBg: +'0',
allFn: !!+'0',
});
} catch (e) {
console.error(e);
console.error("Fail, reloading in 3s…");
setTimeout(function () {
location.reload(true);
}, 3000);
}
</script>
<div class="botpad"></div>

Write Preview
Loading…
Cancel
Save