mirror of https://github.com/jeelabs/esp-link.git
parent
8bb8e1124b
commit
7ade39d986
@ -1,14 +1,19 @@ |
||||
<html><head><title>MCU Console - ESP Link</title> |
||||
<link rel="stylesheet" type="text/css" href="style.css"> |
||||
</head> |
||||
<body> |
||||
%head% |
||||
|
||||
<div id="main"> |
||||
<div id="topnav">%topnav%</div> |
||||
<div class="header"> |
||||
<h1><span class="esp">esp</span> link - Microcontroller Console</h1> |
||||
</div> |
||||
|
||||
<div class="content"> |
||||
<p>The Microcontroller console shows the last 1024 characters received from UART0, to which |
||||
a microcontroller is tpically attached.</p> |
||||
a microcontroller is typically attached.</p> |
||||
<pre class="console"> |
||||
%console% |
||||
</pre> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="ui.js"></script> |
||||
</body></html> |
||||
|
@ -0,0 +1,16 @@ |
||||
<html><head> |
||||
<title>ESP Link</title> |
||||
<link rel="stylesheet" href="/pure-min.css"> |
||||
<link rel="stylesheet" href="/style.css"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
</head> |
||||
<body> |
||||
<div id="layout"> |
||||
<a href="#menu" id="menuLink" class="menu-link"><span></span></a> |
||||
|
||||
<div id="menu"> |
||||
<div class="pure-menu"> |
||||
<a class="pure-menu-heading" href="/">esp-link</a> |
||||
<ul class="pure-menu-list">%topnav%</ul> |
||||
</div> |
||||
</div> |
@ -1,14 +1,17 @@ |
||||
<html> |
||||
<head><title>ESP Link</title> |
||||
<link rel="stylesheet" type="text/css" href="style.css"> |
||||
</head> |
||||
<body> |
||||
%head% |
||||
|
||||
<div id="main"> |
||||
<div id="topnav">%topnav%</div> |
||||
<div class="header"> |
||||
<h1><span class="esp">esp</span> link</h1> |
||||
<p> |
||||
The ESP Link connects the ESP's serial port to Wifi and it can |
||||
</div> |
||||
|
||||
<div class="content"> |
||||
<p>The ESP Link connects the ESP's serial port to Wifi and it can |
||||
program microcontrollers over the serial port, in particular Arduinos, AVRs, and |
||||
NXP's LPC800-series ARM processors.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="ui.js"></script> |
||||
</body></html> |
||||
|
@ -1,14 +1,19 @@ |
||||
<html><head><title>Log - ESP Link</title> |
||||
<link rel="stylesheet" type="text/css" href="style.css"> |
||||
</head> |
||||
<body> |
||||
%head% |
||||
|
||||
<div id="main"> |
||||
<div id="topnav">%topnav%</div> |
||||
<div class="header"> |
||||
<h1><span class="esp">esp</span> link - Debug Log</h1> |
||||
</div> |
||||
|
||||
<div class="content"> |
||||
<p>The debug log shows the 1024 last characters printed by the esp-link software itself to |
||||
its own debug log.</p> |
||||
<pre class="console"> |
||||
%log% |
||||
</pre> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="ui.js"></script> |
||||
</body></html> |
||||
|
File diff suppressed because one or more lines are too long
@ -0,0 +1,35 @@ |
||||
(function (window, document) { |
||||
|
||||
var layout = document.getElementById('layout'), |
||||
menu = document.getElementById('menu'), |
||||
menuLink = document.getElementById('menuLink'); |
||||
|
||||
function toggleClass(element, className) { |
||||
var classes = element.className.split(/\s+/), |
||||
length = classes.length, |
||||
i = 0; |
||||
|
||||
for(; i < length; i++) { |
||||
if (classes[i] === className) { |
||||
classes.splice(i, 1); |
||||
break; |
||||
} |
||||
} |
||||
// The className is not found
|
||||
if (length === classes.length) { |
||||
classes.push(className); |
||||
} |
||||
|
||||
element.className = classes.join(' '); |
||||
} |
||||
|
||||
menuLink.onclick = function (e) { |
||||
var active = 'active'; |
||||
|
||||
e.preventDefault(); |
||||
toggleClass(layout, active); |
||||
toggleClass(menu, active); |
||||
toggleClass(menuLink, active); |
||||
}; |
||||
|
||||
}(this, this.document)); |
Loading…
Reference in new issue