mirror of
https://github.com/OpenEPaperLink/OpenEPaperLink.git
synced 2026-03-21 03:04:25 +01:00
212 lines
6.3 KiB
HTML
212 lines
6.3 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" type="image/vnd.icon" href="favicon.ico">
|
|
</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>
|
|
<div id="advancedoptions" style="height: 0px;">
|
|
<p>Advanced options</p>
|
|
<p>
|
|
<label for="cfgrotate">Rotate image</label>
|
|
<select id="cfgrotate">
|
|
<option value="0">0 degrees</option>
|
|
</select>
|
|
</p>
|
|
<p>
|
|
<label for="cfglut">LUT</label>
|
|
<select id="cfglut">
|
|
<option value="0">auto</option>
|
|
</select>
|
|
</p>
|
|
<p class="tagbuttons">
|
|
<button id="cfgrefresh">force refresh</button>
|
|
<button id="cfgclrpending">clear pending</button>
|
|
<button id="cfgtagreboot">reboot</button>
|
|
<button id="cfgscan">scan</button>
|
|
<button id="cfgreset">reset settings</button>
|
|
<button id="cfgdelete" title="remove"><img src="data:image/gif;base64,R0lGODlhEAAQAPMAANXV1e3t7d/f39HR0dvb2/Hx8dTU1OLi4urq6mZmZpmZmf///wAAAAAAAAAAAAAAACH5BAEAAAwALAAAAAAQABAAAARBkMlJq71Yrp3ZXkr4WWCYnOZSgQVyEMYwJCq1nHhe20qgCAoA7QLyAYU7njE4JPV+zOSkCEUSFbmTVPPpbjvgTAQAOw== "></button>
|
|
</p>
|
|
</div>
|
|
<p id="savebar">
|
|
<span><input type="button" value="Save" id="cfgsave"></span>
|
|
<span id="cfgmore" title="advanced options">🞃</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>AP 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>
|
|
<div id="easyupdate"></div>
|
|
<div id="advanceddiv">
|
|
<div id="releasetable"></div>
|
|
<div id="rollbackOption" style="display:none"><button id="rollbackBtn">Rollback to previous firmware</button></div>
|
|
</div>
|
|
</div>
|
|
|
|
<form>
|
|
<div class="container">
|
|
|
|
<div class="window">
|
|
|
|
<div class="actionbox">
|
|
<div>
|
|
<div>Currently active tags:</div>
|
|
<div><span id="temp"></div>
|
|
<div><span id="runstate"></div>
|
|
<div><span id="apstatecolor">⬤</span> <span id="apstate">loading</span></div>
|
|
<div><span id="apconfigbutton">AP config</span></div>
|
|
<div><span id="sdstatecolor" style="display:none">⬤</span> <span style="display:none" id="sdstate"></span></div>
|
|
<div><a href="/edit" target="littlefs" class="filebutton">edit contentFS</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"></div>
|
|
|
|
<div class="contentmode"></div>
|
|
<div class="lastseen"></div>
|
|
<div class="nextcheckin"></div>
|
|
<div class="nextupdate"></div>
|
|
<div class="corner">
|
|
<div class="pendingicon" title="A new message is waiting for the tag to pick up">↻</div>
|
|
<div class="warningicon" title="This tag has not been seen for a long time">⚠</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>
|