cdanesi/9090tool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
Charles Danesi
2023-04-13 07:57:37 -04:00
commit 55351bebbc
14 changed files with 1085 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
archive/index-old.html
+92
View File
@@ -0,0 +1,92 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Scanner Configuration Tool</title>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<header>
<h1>Motorola Scanner Configuration Tool</h1>
</header>
<main>
<section class="lookup" id="config-string" >
<!-- TODO Remove this from a form and use div/span to create the layout -->
<h2>Configuration Lookup</h2>
<p class="input">Complete Configuration Code Lookup</p>
<select id="devices" name="devices">
<!-- TODO populate based on array -->
<option value='MC3190'>MC3190</option>
<option value='MC32N0'>MC32N0</option>
<option value="MC9090">MC9090</option>
<option value="MC9190">MC9190</option>
<option value="MC92N0">MC92N0</option>
</select>
-
<input type="text" placeholder="Enter Config" id="configuration-string" />
<button class="btnSubmitStr">Submit</button>
<button class="btnClear">Clear</button>
<p class="results hidden">
<!-- TODO Dynamically change text, display as a table maybe -->
Results Go Here
</p>
</section>
<form id="code-lookup" class='hidden'>
<!-- TODO Remove this from a form and use div/span to create the layout -->
<h2>Individual Lookup</h2>
<p class="input">Specific Configuration Lookup</p>
<select id="devices" name="devices">
<!-- <option value='3190'>MC3190</option>
<option value='32n0'>MC32N0</option>
<option value="9090">MC9090</option>
<option value="9190">MC9190</option>
<option value="92n0">MC92N0</option> -->
</select>
- G0
<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>
</form>
<script src="script.js"></script>
</main>
</body>
</html>
archive/style.css
+141
View File
@@ -0,0 +1,141 @@
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: inherit;
}
html {
font-size: 62.5%;
box-sizing: border-box;
}
body {
/* background-color: white; */
/* text-align: center; */
font-family: monospace;
font-weight: 400;
height: 100vh;
color: #333;
background-image: linear-gradient(to top left, #c4d93f 0%, #00b2ed 100%);
display: flex;
align-items: center;
justify-content: center;
}
/* LAYOUT */
header {
position: relative;
height: 35vh;
border-bottom: 7px solid #eee;
}
main {
position: relative;
width: 100rem;
height: 60rem;
background-color: rgba(255, 255, 255, 0.35);
backdrop-filter: blur(200px);
filter: blur();
box-shadow: 0 3rem 5rem rgba(0, 0, 0, 0.25);
border-radius: 9px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-around;
}
h1 {
margin-bottom: 50px;
}
h2 {
/* margin-bottom: 20px; */
padding-bottom: 20px;
font-family: monospace;
}
p {
margin-bottom: 5px;
}
/* form {
background-color: lightgray;
margin: auto;
margin-bottom: 20px;
padding: 25px;
width: 450px;
border: 5px solid rgb(117, 108, 87);
border-radius: 1em;
font-family: 'Roboto', sans-serif;
} */
/* ELEMENTS */
/* .lookup {
background-color: lightgray;
margin: auto;
margin-bottom: 20px;
padding: 25px;
width: 450px;
border: 5px solid rgb(117, 108, 87);
border-radius: 1em;
font-family: 'Roboto', sans-serif;
flex: 50%;
padding: 9rem;
display: flex;
flex-direction: row;
align-items: center;
transition: all 0.75s;
} */
button {
display: inline-block;
padding: 0.3em 1.2em;
margin: 0 0.3em 0.3em 0;
border-radius: 2em;
box-sizing: border-box;
text-decoration: none;
font-family: 'Roboto', sans-serif;
font-weight: 300;
color: #ffffff;
background-color: #4eb5f1;
text-align: center;
transition: all 0.2s;
cursor: pointer;
outline: none;
}
button:hover {
background-color: #4095c6;
}
/* select {
width: 30%;
padding: 16px 20px;
border: none;
border-radius: 4px;
background-color: cadetblue;
} */
.results {
color: cornflowerblue;
margin-top: 10px;
/* padding-top: 10px; */
background-color: cornsilk;
/* font-family: 'Courier New', Courier, monospace; */
font-family: 'Orbitron', sans-serif;
}
#config-string {
}
#code-lookup {
}
.hidden {
display: none;
}