- size="16" maxlength="16" placeholder="Enter IMEI"
- autocomplete="off" onkeyup="handleKey(event)">
- <input type="button" id="send" name="send" value="Send"
- onclick="sendIMEI(false)" disabled>
- <input type="button" id="clear" name="clear" value="Clear"
- onclick="sendIMEI(true)" disabled>
- <span id="subslist"></span>
- <span id="tstamp" style="float:right"></span>
+ size="16" maxlength="16" placeholder="Enter or click to choose"
+ list="imeilst"
+ oninput ="change(this)" onkeyup="handleKey(event)" />
+ <datalist id="imeilst"></datalist>
+ <input type="button" id="clear" name="clear" value="x"
+ title="Clear input (Click on empty input shows avaliable choices)"
+ onclick="erase(this)" />
+ <input type="button" id="subunsub" name="subunsub" value="+"
+ title="Unsubscribe from events from IMEI"
+ onclick="buttonpress(this)" />
+ <input type="button" id="refresh" name="refresh" value="Refresh"
+ title="Send request to refresh location"
+ onclick="buttonpress(this)" />
+ <input id="msgtxt" type="text" name="msgtxt"
+ size="80" maxlength="80" placeholder="Input message text"
+ onkeyup="handleKey(event)" />
+ <input type="button" id="message" name="message" value="Send"
+ title="Send message"
+ onclick="buttonpress(this)" />
+ <input type="button" id="poweroff" name="poweroff" value="Off"
+ title="Send request to power off"
+ style="background: red;"
+ onclick="buttonpress(this)" />
+ <br />
+ </div>
+ <div style="flex-grow: 1;" id="map"></div>
+ <div style="display: flex; flex-direction: row; width: 100%;">
+ <div id="sts" style="flex: none;"></div>
+ | <div id="devstatus" style="flex: auto;"></div>
+ | <div id="tstamp" style="flex: auto;"></div>
+ | <div id="about" style="flex: none; font-size: 1.5vmin;">
+ <a href="http://www.average.org/loctrkd/">
+ http://www.average.org/loctrkd/</a></div>