242 lines
9.9 KiB
HTML
242 lines
9.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Scanner Configuration Lookup</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link href="grid.css" rel="stylesheet" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="header main-gradient">
|
|
<h1>Scanner Configuration Lookup Tool</h1>
|
|
</div>
|
|
|
|
<div class="ad ad-left">
|
|
<script
|
|
async
|
|
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
|
|
></script>
|
|
<!-- Skyscraper -->
|
|
<ins
|
|
class="adsbygoogle"
|
|
style="display: block"
|
|
data-ad-client="ca-pub-7048069561558533"
|
|
data-ad-slot="4695347982"
|
|
data-ad-format="auto"
|
|
data-full-width-responsive="true"
|
|
></ins>
|
|
<script>
|
|
(adsbygoogle = window.adsbygoogle || []).push({});
|
|
</script>
|
|
</div>
|
|
|
|
<div class="appcontainer">
|
|
<div class="device-select">
|
|
<select class="devices" name="devices">
|
|
<!-- NOTE Populated from our list (object) -->
|
|
</select>
|
|
|
|
<span>-</span>
|
|
|
|
<input
|
|
type="text"
|
|
placeholder="Enter Config"
|
|
id="configuration-string"
|
|
/>
|
|
|
|
<button class="btnSubmitStr main-gradient">Submit</button>
|
|
<button class="btnClear">Clear</button>
|
|
</div>
|
|
|
|
|
|
<div class="main-content">
|
|
<div class="lookup" id="by-string">
|
|
<h2>Configuration Lookup</h2>
|
|
<p class="input">Complete Configuration Code Lookup</p>
|
|
</div>
|
|
|
|
<div class="lookup hidden" id="by-code">
|
|
<!-- <h2>Individual Lookup</h2> -->
|
|
<p class="input">Specific Configuration Lookup</p>
|
|
|
|
-
|
|
|
|
<select id='formfactor' name='formfactor>
|
|
<option value='G'>G</option>
|
|
</select>
|
|
|
|
<select id='network' name='network'>
|
|
<option value='0'>0</option>
|
|
</select>
|
|
|
|
<select id="scanner" name="scanner">
|
|
<!-- TODO populate based on 'devices' -->
|
|
<option value='a'>a</option>
|
|
</select>
|
|
|
|
<select id='display' name='display'>
|
|
<!-- TODO populate based on 'devices' -->
|
|
<option value='a'>a</option>
|
|
</select>
|
|
|
|
<select id='memory' name='memory'>
|
|
<!-- TODO populate based on 'devices' -->
|
|
<option value='a'>a</option>
|
|
</select>
|
|
|
|
<select id='keypad' name='keypad'>
|
|
<!-- TODO populate based on 'devices' -->
|
|
<option value='a'>a</option>
|
|
</select>
|
|
|
|
<select id='os' name='os'>
|
|
<!-- TODO populate based on 'devices' -->
|
|
<option value='a'>a</option>
|
|
</select>
|
|
|
|
<select id='features' name='features'>
|
|
<!-- TODO (2-digits) populate based on 'devices' -->
|
|
<option value='a'>A6</option>
|
|
</select>
|
|
|
|
<select id='region' name=region'>
|
|
<!-- TODO (2-digits) populate based on 'devices' -->
|
|
<option value='a'>WR</option>
|
|
</select>
|
|
|
|
<br>
|
|
|
|
<button class="btnSubmit">Submit</button>
|
|
<button class="btnReset">Reset</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="photo">
|
|
<img src='images/mc9090.png' id='device-image' alt='Image of MC9090 Scanner'>
|
|
</div>
|
|
|
|
<div class="results hidden" style="overflow-x:auto;">
|
|
<!-- TODO Dynamically change text, display as a table maybe -->
|
|
<table>
|
|
<tr>
|
|
<th class='tbl-param'>Parameter</th>
|
|
<th class='tbl-code'>Code</th>
|
|
<th class='tbl-result'>Result</th>
|
|
</tr>
|
|
<tr>
|
|
<td class='tbl-param'>Scan Engine</td>
|
|
<td class='tbl-code'>J</td>
|
|
<td class='tbl-result'>SE 1524ER Lorax</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='tbl-param'>Scan Engine</td>
|
|
<td class='tbl-code'>J</td>
|
|
<td class='tbl-result'>SE 1524ER Lorax</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='tbl-param'>Scan Engine</td>
|
|
<td class='tbl-code'>J</td>
|
|
<td class='tbl-result'>SE 1524ER Lorax</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='tbl-param'>Scan Engine</td>
|
|
<td class='tbl-code'>J</td>
|
|
<td class='tbl-result'>SE 1524ER Lorax</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='tbl-param'>Scan Engine</td>
|
|
<td class='tbl-code'>J</td>
|
|
<td class='tbl-result'>SE 1524ER Lorax</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='tbl-param'>Scan Engine</td>
|
|
<td class='tbl-code'>J</td>
|
|
<td class='tbl-result'>SE 1524ER Lorax</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='tbl-param'>Scan Engine</td>
|
|
<td class='tbl-code'>J</td>
|
|
<td class='tbl-result'>SE 1524ER Lorax</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='tbl-param'>Scan Engine</td>
|
|
<td class='tbl-code'>J</td>
|
|
<td class='tbl-result'>SE 1524ER Lorax</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='tbl-param'>Scan Engine</td>
|
|
<td class='tbl-code'>J</td>
|
|
<td class='tbl-result'>SE 1524ER Lorax</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='tbl-param'>Scan Engine</td>
|
|
<td class='tbl-code'>J</td>
|
|
<td class='tbl-result'>SE 1524ER Lorax</td>
|
|
</tr>
|
|
<tr>
|
|
<td class='tbl-param'>Scan Engine</td>
|
|
<td class='tbl-code'>J</td>
|
|
<td class='tbl-result'>SE 1524ER Lorax</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="ad ad-right">
|
|
<script
|
|
async
|
|
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
|
|
></script>
|
|
<!-- Horizontal Responsive -->
|
|
<ins
|
|
class="adsbygoogle"
|
|
style="display: block"
|
|
data-ad-client="ca-pub-7048069561558533"
|
|
data-ad-slot="2141017815"
|
|
data-ad-format="auto"
|
|
data-full-width-responsive="true"
|
|
></ins>
|
|
<script>
|
|
(adsbygoogle = window.adsbygoogle || []).push({});
|
|
</script>
|
|
</div>
|
|
|
|
<!-- <div class="ad ad-left">Left Ad 2</div> -->
|
|
|
|
<div class="ad ad-right2">
|
|
<script
|
|
async
|
|
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"
|
|
></script>
|
|
<!-- Horizontal Responsive -->
|
|
<ins
|
|
class="adsbygoogle"
|
|
style="display: block"
|
|
data-ad-client="ca-pub-7048069561558533"
|
|
data-ad-slot="2141017815"
|
|
data-ad-format="auto"
|
|
data-full-width-responsive="true"
|
|
></ins>
|
|
<script>
|
|
(adsbygoogle = window.adsbygoogle || []).push({});
|
|
</script>
|
|
</div>
|
|
|
|
<div class="sidebar">
|
|
<!-- I don't know what to put here.. maybe a history of lookups (localStorage)? -->
|
|
Sidebar
|
|
</div>
|
|
|
|
<div class="footer">
|
|
Copyright ©2021,
|
|
<a href="https://charlesdanesi.net/" target="_blank"
|
|
><img src='images/logo.png' class="logo"
|
|
/></a>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |