wirtz
/
esp-link
mirror of https://github.com/jeelabs/esp-link.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge a97597bca1 into cf329e8b84

Browse Source
pull/485/merge
Gitai 5 years ago committed by GitHub
parent cf329e8b84 a97597bca1
commit 9542b76d12
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 109 additions and 46 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. 11
      html/console.html
  2. 93
      html/log.html
  3. 49
      html/style.css

11
html/console.html
Unescape View File

@ -39,7 +39,10 @@
<div class="pure-u-1-4"><legend><b>Console</b></legend></div> <div class="pure-u-1-4"><legend><b>Console</b></legend></div>
<div class="pure-u-3-4"></div> <div class="pure-u-3-4"></div>
</div> </div>
<pre class="console flex-fill" id="console">--- No Content ---</pre> <div class="fullscreen-box">
<div class="fullscreen-control"></div>
<pre class="console flex-fill" id="console">--- No Content ---</pre>
</div>
<div> <div>
<div class="pure-g"> <div class="pure-g">
<div class="pure-u-1-4"><legend><b>Console entry</b></legend></div> <div class="pure-u-1-4"><legend><b>Console entry</b></legend></div>
@ -97,6 +100,12 @@
); );
}); });
$(".fullscreen-control")[0].addEventListener("click", function(e) {
e.preventDefault();
var fbc = this.parentNode.classList;
fbc[fbc.contains("full") ? "remove" : "add"].call(fbc, "full");
});
ajaxJson('GET', "/console/baud", ajaxJson('GET', "/console/baud",
function(data) { $("#baud-sel").value = data.rate; }, function(data) { $("#baud-sel").value = data.rate; },
function(s, st) { showNotification(st); } function(s, st) { showNotification(st); }

93
html/log.html
Unescape View File

@ -1,60 +1,69 @@
<div id="main"> <div id="main">
<div class="header"> <div class="header">
<h1>Debug Log</h1> <h1>Debug Log</h1>
</div> </div>
<div class="content"> <div class="content">
<p>The debug log shows the most recent characters printed by the esp-link software itself to <p>The debug log shows the most recent characters printed by the esp-link software itself to
its own debug log.</p> its own debug log.</p>
<div class="pure-g"> <div class="pure-g">
<p class="pure-u-1-4" style="vertical-align: baseline;width:40%"> <p class="pure-u-1-4" style="vertical-align: baseline;width:40%">
<a id="refresh-button" class="pure-button button-primary" href="#">Refresh</a> <a id="refresh-button" class="pure-button button-primary" href="#">Refresh</a>
&nbsp;<a id="reset-button" class="dbg-btn pure-button button-primary" href="#">Reset esp-link</a> &nbsp;<a id="reset-button" class="dbg-btn pure-button button-primary" href="#">Reset esp-link</a>
</p> </p>
<p class="pure-u-3-4" style="vertical-align: baseline;width:60%"> <p class="pure-u-3-4" style="vertical-align: baseline;width:60%">
UART debug log: UART debug log:
<a id="dbg-auto" class="dbg-btn pure-button" href="#">auto</a> <a id="dbg-auto" class="dbg-btn pure-button" href="#">auto</a>
<a id="dbg-off" class="dbg-btn pure-button" href="#">off</a> <a id="dbg-off" class="dbg-btn pure-button" href="#">off</a>
<a id="dbg-on0" class="dbg-btn pure-button" href="#">on uart0</a> <a id="dbg-on0" class="dbg-btn pure-button" href="#">on uart0</a>
<a id="dbg-on1" class="dbg-btn pure-button" href="#">on uart1</a> <a id="dbg-on1" class="dbg-btn pure-button" href="#">on uart1</a>
</p> </p>
</div> </div>
<div class="fullscreen-box">
<div class="fullscreen-control"></div>
<pre id="console" class="console" style="margin-top: 0px;"></pre> <pre id="console" class="console" style="margin-top: 0px;"></pre>
</div> </div>
</div> </div>
</div> </div>
</div>
<script type="text/javascript">console_url = "/log/text"</script> <script type="text/javascript">console_url = "/log/text"</script>
<script src="console.js"></script> <script src="console.js"></script>
<script type="text/javascript"> <script type="text/javascript">
onLoad(function() { onLoad(function() {
fetchText(100, false);
$("#refresh-button").addEventListener("click", function(e) {
e.preventDefault();
fetchText(100, false); fetchText(100, false);
});
$("#refresh-button").addEventListener("click", function(e) { $("#reset-button").addEventListener("click", function (e) {
e.preventDefault(); e.preventDefault();
fetchText(100, false); var co = $("#console");
}); co.innerHTML = "";
ajaxSpin('POST', "/log/reset",
function (resp) { showNotification("Resetting esp-link"); co.textEnd = 0; fetchText(2000, false); },
function (s, st) { showWarning("Error resetting esp-link"); }
);
});
$("#reset-button").addEventListener("click", function (e) { $(".fullscreen-control")[0].addEventListener("click", function(e) {
e.preventDefault(); e.preventDefault();
var co = $("#console"); var fbc = this.parentNode.classList;
co.innerHTML = ""; fbc[fbc.contains("full") ? "remove" : "add"].call(fbc, "full");
ajaxSpin('POST', "/log/reset", });
function (resp) { showNotification("Resetting esp-link"); co.textEnd = 0; fetchText(2000, false); },
function (s, st) { showWarning("Error resetting esp-link"); }
);
});
["auto", "off", "on0", "on1"].forEach(function(mode) { ["auto", "off", "on0", "on1"].forEach(function(mode) {
bnd($('#dbg-'+mode), "click", function(el) { bnd($('#dbg-'+mode), "click", function(el) {
ajaxJsonSpin('POST', "/log/dbg?mode="+mode, ajaxJsonSpin('POST', "/log/dbg?mode="+mode,
function(data) { showNotification("UART mode " + data.mode); showDbgMode(data.mode); }, function(data) { showNotification("UART mode " + data.mode); showDbgMode(data.mode); },
function(s, st) { showWarning("Error setting UART mode: " + st); } function(s, st) { showWarning("Error setting UART mode: " + st); }
); );
});
}); });
ajaxJson('GET', "/log/dbg", function(data) { showDbgMode(data.mode); }, function() {});
}); });
ajaxJson('GET', "/log/dbg", function(data) { showDbgMode(data.mode); }, function() {});
});
</script> </script>
</body></html> </body></html>

49
html/style.css
Unescape View File

@ -69,7 +69,7 @@ a:hover {
} }
.click-to-edit span:active, .click-to-edit div:active { .click-to-edit span:active, .click-to-edit div:active {
box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset; box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
border-color: #000\9; border-color: #000;
} }
/* Firefox: Get rid of the inner focus border */ /* Firefox: Get rid of the inner focus border */
.click-to-edit span::-moz-focus-inner, .click-to-edit span::-moz-focus-inner,
@ -248,14 +248,59 @@ input.inline {
margin-left: 0.5em; margin-left: 0.5em;
} }
/* Console fullscreen */
.fullscreen-box {
position: relative;
}
.fullscreen-box.full {
position: fixed;
height: 100vh;
width: 100vw;
left: 0;
top: 0;
z-index: 1001;
}
.fullscreen-box > .fullscreen-control {
position: absolute;
border-radius: 2px;
top: 16px;
right: 16px;
width: 1em;
height: 1em;
text-align: center;
background: #00000025;
padding: 15px;
line-height: 1em;
color: #fff;
cursor: pointer;
}
.fullscreen-box > .fullscreen-control::before {
content: "F";
}
.fullscreen-box.full > .fullscreen-control::before {
content: "X";
}
.fullscreen-box > pre.console {
height: 500px;
}
.fullscreen-box.full > pre.console {
height: 100vh;
}
/* Text console */ /* Text console */
pre.console { pre.console {
box-sizing: border-box;
background-color: #663300; background-color: #663300;
border-radius: 5px; border-radius: 5px;
border: 0px solid #000000; border: 0px solid #000000;
color: #66ff66; color: #66ff66;
padding: 5px; padding: 5px;
overflow: scroll;
margin: 0px; margin: 0px;
} }

Write Preview
Loading…
Cancel
Save