mirror of
https://github.com/OpenEPaperLink/OpenEPaperLink.git
synced 2026-03-21 16:06:54 +01:00
79efe473bf
- clean up webproxy getExtUrl - bugfix init multicast on wifi reconnect - add ip address of remote AP that's taken over a tag - renamed button 'edit contentFS' to 'file system'
315 lines
12 KiB
HTML
315 lines
12 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="cfgdeepsleep">deep sleep</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" selected>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" selected>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" selected>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" selected>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" selected>yes</option>
|
|
</select>
|
|
</p>
|
|
<p title="Stops updates at night, and put the tags to sleep. During the configured night time, this overrides the maximum sleep time.">
|
|
<label for="apcnight1">No updates between</label>
|
|
<select id="apcnight1"></select>
|
|
<span style="align-self:center;">and</span>
|
|
<select id="apcnight2"></select>
|
|
</p>
|
|
<p title="Turn off preview images on the webpage if you want to manage many tags,
|
|
to save file system space">
|
|
<label for="apcpreview">Preview images</label>
|
|
<select id="apcpreview">
|
|
<option value="1" selected>yes</option>
|
|
<option value="0">no</option>
|
|
</select>
|
|
</p>
|
|
<p title="Wifi transmit power">
|
|
<label for="apcwifipower">Wifi power</label>
|
|
<select id="apcwifipower">
|
|
<option value="78">19.5 dBm</option>
|
|
<option value="76">19.0 dBm</option>
|
|
<option value="74">18.5 dBm</option>
|
|
<option value="68">17.0 dBm</option>
|
|
<option value="60">15.0 dBm</option>
|
|
<option value="52">13.0 dBm</option>
|
|
<option value="44">11.0 dBm</option>
|
|
<option value="34" selected>8.5 dBm</option>
|
|
<option value="28">7.0 dBm</option>
|
|
<option value="20">5.0 dBm</option>
|
|
<option value="8">2.0 dBm</option>
|
|
</select>
|
|
</p>
|
|
<p title="Your local time zone">
|
|
<label for="apctimezone">Local time zone</label>
|
|
<select id="apctimezone">
|
|
<optgroup label="Europe">
|
|
<option value="CET-1CEST-2,M3.5.0/02:00:00,M10.5.0/03:00:00" selected>Central European Time</option>
|
|
<option value="EET-2EEST-3,M3.5.0/03:00:00,M10.5.0/04:00:00">Athens, Greece</option>
|
|
<option value="GMT+0IST-1,M3.5.0/01:00:00,M10.5.0/02:00:00">Dublin, Ireland</option>
|
|
<option value="EET-2EEST-3,M3.5.0/03:00:00,M10.5.0/04:00:00">Helsinki, Finland</option>
|
|
<option value="WET-0WEST-1,M3.5.0/01:00:00,M10.5.0/02:00:00">Lisbon, Portugal</option>
|
|
<option value="GMT+0BST-1,M3.5.0/01:00:00,M10.5.0/02:00:00">London, Great Britain</option>
|
|
<option value="EET-2EEST,M3.5.0/3,M10.5.0/4">Kyiv, Ukraine</option>
|
|
</optgroup>
|
|
<optgroup label="USA / Canada">
|
|
<option value="HAW10">Hawaii Time</option>
|
|
<option value="AKST9AKDT">Alaska Time</option>
|
|
<option value="PST8PDT">Pacific Time</option>
|
|
<option value="MST7MDT">Mountain Time</option>
|
|
<option value="MST7">Arizona, no DST</option>
|
|
<option value="CST6CDT">Central Time</option>
|
|
<option value="EST5EDT">Eastern Time</option>
|
|
</optgroup>
|
|
<optgroup label="Australia / New Zealand">
|
|
<option value="EST-10EDT-11,M10.5.0/02:00:00,M3.5.0/03:00:00">Melbourne, Sydney</option>
|
|
<option value="WST-8">Perth</option>
|
|
<option value="EST-10">Brisbane</option>
|
|
<option value="CST-9:30CDT-10:30,M10.5.0/02:00:00,M3.5.0/03:00:00">Adelaide</option>
|
|
<option value="CST-9:30">Darwin</option>
|
|
<option value="EST-10EDT-11,M10.1.0/02:00:00,M3.5.0/03:00:00">Hobart</option>
|
|
<option value="NZST-12NZDT-13,M9.4.0/02:00:00,M4.1.0/03:00:00">New Zealand</option>
|
|
</optgroup>
|
|
<optgroup label="Asia">
|
|
<option value="JST-9">Tokyo</option>
|
|
<option value="WIB-7">Jakarta</option>
|
|
<option value="GMT+2">Jerusalem</option>
|
|
<option value="SGT-8">Singapore</option>
|
|
<option value="ULAT-8ULAST,M3.5.0/2,M9.5.0/2">Ulaanbaatar, Mongolia</option>
|
|
</optgroup>
|
|
<optgroup label="Central and South America">
|
|
<option value="BRST+3BRDT+2,M10.3.0,M2.3.0">Brazil, Sao Paulo</option>
|
|
<option value="UTC+3">Argentina</option>
|
|
<option value="CST+6">Central America</option>
|
|
</optgroup>
|
|
</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>
|
|
<a href="/setup" target="setup" class="filebutton">WiFi config</a>
|
|
</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>
|
|
|
|
<ul id="context-menu"
|
|
style="display: none; position: absolute; background: white; border: 1px solid gray; padding: 0; list-style: none;">
|
|
</ul>
|
|
|
|
<form>
|
|
<div class="container">
|
|
|
|
<div class="window">
|
|
|
|
<div class="actionbox">
|
|
<div>
|
|
<div>Currently active tags: <button class="filebutton" id="toggleFilters">arrange</button></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><a href="/edit" target="littlefs" class="filebutton">file system</a></div>
|
|
</div>
|
|
<div id="filterOptions">
|
|
<div>
|
|
<div>group by</div>
|
|
<div><input type="radio" name="group" value="" id="rnone" checked><label for="rnone">None</label></div>
|
|
<div><input type="radio" name="group" value="model" id="rtagtype"><label for="rtagtype">Tag model</label></div>
|
|
<div><input type="radio" name="group" value="contentmode" id="rcontent"><label for="rcontent">Content</label></div>
|
|
<div><input type="radio" name="group" value="data-channel" id="rchannel"><label for="rchannel">Channel</label></div>
|
|
</div>
|
|
<div>
|
|
<div>sort by</div>
|
|
<div><input type="radio" name="sort" value="alias" id="ralias" checked><label for="ralias">Alias</label></div>
|
|
<div><input type="radio" name="sort" value="mac" id="rmac"><label for="rmac">Mac</label></div>
|
|
<div><input type="radio" name="sort" value="data-lastseen" id="rlastseen"><label for="rlastseen">Last seen</label></div>
|
|
<div><input type="radio" name="sort" value="data-nextupdate" id="rnext"><label for="rnext">Next update</label></div>
|
|
</div>
|
|
<div>
|
|
<div>filter</div>
|
|
<div><input type="checkbox" name="filter" value="local" id="rlocal"><label for="rlocal">only local</label></div>
|
|
<div><input type="checkbox" name="filter" value="remote" id="rremote"><label for="rremote">only remote</label></div>
|
|
<div><input type="checkbox" name="filter" value="inactive" id="rinactive"><label for="rinactive">only inactive</label></div>
|
|
<div><input type="checkbox" name="filter" value="pending" id="rpending"><label for="rpending">only pending</label>
|
|
</div>
|
|
</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>
|