mirror of
https://github.com/OpenEPaperLink/OpenEPaperLink.git
synced 2026-03-21 05:06:39 +01:00
194 lines
5.5 KiB
HTML
194 lines
5.5 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
|
|
|
|
<title>Open EPaper Link Access Point</title>
|
|
<link rel="stylesheet" href="main.css" type="text/css" />
|
|
<link rel="icon" href="data:,">
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<div class="logo">Open EPaper Link Access Point</div>
|
|
</header>
|
|
|
|
<div id="configbox">
|
|
<div class="closebtn">✖</div>
|
|
<h3 id="cfgmac">00000000</h3>
|
|
<p>
|
|
<label for="cfgalias">Alias</label>
|
|
<input id="cfgalias" type="text">
|
|
</p>
|
|
<p>
|
|
<label for="cfgcontent">Content</label>
|
|
<select id="cfgcontent" onchange="contentselected()">
|
|
</select>
|
|
<button id="paintbutton"><i>A</i>🖌</button>
|
|
</p>
|
|
<div id="customoptions"></div>
|
|
<p>
|
|
<input type="button" value="Save" id="cfgsave">
|
|
<span id="cfgdelete"><img src="data:image/gif;base64,R0lGODlhEAAQAPMAANXV1e3t7d/f39HR0dvb2/Hx8dTU1OLi4urq6mZmZpmZmf///wAAAAAAAAAAAAAAACH5BAEAAAwALAAAAAAQABAAAARBkMlJq71Yrp3ZXkr4WWCYnOZSgQVyEMYwJCq1nHhe20qgCAoA7QLyAYU7njE4JPV+zOSkCEUSFbmTVPPpbjvgTAQAOw==
|
|
"></span>
|
|
</p>
|
|
</div>
|
|
|
|
<div id="apconfigbox">
|
|
<div class="closebtn">✖</div>
|
|
<h3>Access Point config</h3>
|
|
<p>
|
|
<label for="apcfgalias">Alias</label>
|
|
<input id="apcfgalias" type="text">
|
|
</p>
|
|
<p>
|
|
<label for="apcfgchid">Channel</label>
|
|
<select id="apcfgchid">
|
|
<option value="0">auto</option>
|
|
<option value="11">11</option>
|
|
<option value="15">15</option>
|
|
<option value="20">20</option>
|
|
<option value="25">25</option>
|
|
<option value="26">26</option>
|
|
<option value="27">27</option>
|
|
</select>
|
|
</p>
|
|
<p>
|
|
<label for="apcfgledbrightness">LED brightness</label>
|
|
<select id="apcfgledbrightness">
|
|
<option value="-1">off</option>
|
|
<option value="64">25%</option>
|
|
<option value="128">50%</option>
|
|
<option value="192">75%</option>
|
|
<option value="255">100%</option>
|
|
</select>
|
|
</p>
|
|
<p>
|
|
<label for="apcfglanguage">Content language</label>
|
|
<select id="apcfglanguage">
|
|
<option value="0">EN English</option>
|
|
<option value="1">NL Nederlands</option>
|
|
<option value="2">DE Deutsch</option>
|
|
</select>
|
|
</p>
|
|
<p title="Depending on the content, a tag can sleep for
|
|
longer periods when no updates are expected
|
|
(like a date display). This setting specifies
|
|
the maximum sleep time.">
|
|
<label for="apclatency">Maximum sleep</label>
|
|
<select id="apclatency">
|
|
<option value="0">shortest (40 sec)</option>
|
|
<option value="5">5 minutes</option>
|
|
<option value="10">10 minute</option>
|
|
<option value="30">30 minutes</option>
|
|
<option value="60">1 hour</option>
|
|
</select>
|
|
</p>
|
|
<p title="If connected to the website, don't sleep extra.
|
|
Latency will be around 40 seconds.">
|
|
<label for="apcpreventsleep">Shorten latency during config</label>
|
|
<select id="apcpreventsleep">
|
|
<option value="0">no</option>
|
|
<option value="1">yes</option>
|
|
</select>
|
|
</p>
|
|
<p>
|
|
<input type="button" value="Save" id="apcfgsave">
|
|
</p>
|
|
<p>
|
|
Active access points:<br>
|
|
<table id="aptable">
|
|
<tr>
|
|
<th>ip</th>
|
|
<th>alias</th>
|
|
<th>tags</th>
|
|
<th>ch</th>
|
|
<th>fw ver</th>
|
|
</tr>
|
|
</table>
|
|
</p>
|
|
<p>
|
|
<span id="rebootbutton">reboot AP</span>
|
|
<a href="/backup_db" id="downloadDBbutton">download tagDB</a>
|
|
<span id="updatebutton">update</span>
|
|
</p>
|
|
<p>
|
|
<a href="https://github.com/jjwbruijn/OpenEPaperLink" target="_new">Github OpenEPaperLink</a>
|
|
</p>
|
|
</div>
|
|
|
|
<div id="apupdatebox">
|
|
<div class="closebtn">✖</div>
|
|
<h3>Update dashboard</h3>
|
|
Updates are fetched directly from the Github repo.
|
|
<div id="releasetable"></div>
|
|
<div id="rollbackOption" style="display:none"><button id="rollbackBtn">Rollback to previous firmware</button></div>
|
|
<!--
|
|
<p><pre>
|
|
work in progress
|
|
- upload tagDB
|
|
- update all tag FW from github
|
|
</pre>
|
|
</p>
|
|
-->
|
|
</div>
|
|
|
|
<form>
|
|
<div class="container">
|
|
|
|
<div class="window">
|
|
|
|
<div class="actionbox">
|
|
<div>
|
|
<div>Currently active tags:</div>
|
|
<div><span id="apstatecolor">⬤</span> <span id="apstate">loading</span></div>
|
|
<div><span id="apconfigbutton">AP config</span></div>
|
|
<div><a href="/edit" target="littlefs" class="filebutton">edit littleFS</a></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="taglist" class="taglist">
|
|
<div class="tagcard" id="tagtemplate">
|
|
<div class="currimg"><canvas class="tagimg"></div>
|
|
<div class="mac"></div>
|
|
<div class="alias"></div>
|
|
<div class="model"></div>
|
|
|
|
<div class="received">
|
|
RSSI <div class="rssi"></div>, LQI <div class="lqi"></div>, <div class="temperature"></div>°C, <div class="batt"></div>V
|
|
</div>
|
|
|
|
<div class="contentmode"></div>
|
|
<div class="lastseen"></div>
|
|
<div class="nextcheckin"></div>
|
|
<div class="nextupdate"></div>
|
|
<div class="corner">
|
|
<div class="pendingicon">↻</div>
|
|
<div class="warningicon">⚠</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="logbox">
|
|
<p>
|
|
<span>logging</span>
|
|
<span><img id="clearlog" src="data:image/gif;base64,R0lGODlhEAAQAPMAANXV1e3t7d/f39HR0dvb2/Hx8dTU1OLi4urq6mZmZpmZmf///wAAAAAAAAAAAAAAACH5BAEAAAwALAAAAAAQABAAAARBkMlJq71Yrp3ZXkr4WWCYnOZSgQVyEMYwJCq1nHhe20qgCAoA7QLyAYU7njE4JPV+zOSkCEUSFbmTVPPpbjvgTAQAOw==
|
|
"></span>
|
|
<span id="sysinfo"></span>
|
|
</p>
|
|
<ul id="messages" class="messages">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</form>
|
|
|
|
<script src="main.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |