diff --git a/client/ui/tos-models/APX4500-G/icons/gps.png b/client/ui/tos-models/APX4500-G/icons/gps.png new file mode 100644 index 0000000..0487b37 Binary files /dev/null and b/client/ui/tos-models/APX4500-G/icons/gps.png differ diff --git a/client/ui/tos-models/APX4500-G/icons/rssi0.png b/client/ui/tos-models/APX4500-G/icons/rssi0.png new file mode 100644 index 0000000..57023ca Binary files /dev/null and b/client/ui/tos-models/APX4500-G/icons/rssi0.png differ diff --git a/client/ui/tos-models/APX4500-G/icons/rssi1.png b/client/ui/tos-models/APX4500-G/icons/rssi1.png new file mode 100644 index 0000000..71d446d Binary files /dev/null and b/client/ui/tos-models/APX4500-G/icons/rssi1.png differ diff --git a/client/ui/tos-models/APX4500-G/icons/rssi2.png b/client/ui/tos-models/APX4500-G/icons/rssi2.png new file mode 100644 index 0000000..a63ad58 Binary files /dev/null and b/client/ui/tos-models/APX4500-G/icons/rssi2.png differ diff --git a/client/ui/tos-models/APX4500-G/icons/rssi3.png b/client/ui/tos-models/APX4500-G/icons/rssi3.png new file mode 100644 index 0000000..59c190f Binary files /dev/null and b/client/ui/tos-models/APX4500-G/icons/rssi3.png differ diff --git a/client/ui/tos-models/APX4500-G/icons/rssi4.png b/client/ui/tos-models/APX4500-G/icons/rssi4.png new file mode 100644 index 0000000..1ba04f9 Binary files /dev/null and b/client/ui/tos-models/APX4500-G/icons/rssi4.png differ diff --git a/client/ui/tos-models/APX4500-G/icons/rssi5.png b/client/ui/tos-models/APX4500-G/icons/rssi5.png new file mode 100644 index 0000000..ed923f1 Binary files /dev/null and b/client/ui/tos-models/APX4500-G/icons/rssi5.png differ diff --git a/client/ui/tos-models/APX4500-G/icons/rx.png b/client/ui/tos-models/APX4500-G/icons/rx.png new file mode 100644 index 0000000..013c42e Binary files /dev/null and b/client/ui/tos-models/APX4500-G/icons/rx.png differ diff --git a/client/ui/tos-models/APX4500-G/icons/scan.png b/client/ui/tos-models/APX4500-G/icons/scan.png new file mode 100644 index 0000000..72cb0cc Binary files /dev/null and b/client/ui/tos-models/APX4500-G/icons/scan.png differ diff --git a/client/ui/tos-models/APX4500-G/icons/sec.png b/client/ui/tos-models/APX4500-G/icons/sec.png new file mode 100644 index 0000000..1c538d9 Binary files /dev/null and b/client/ui/tos-models/APX4500-G/icons/sec.png differ diff --git a/client/ui/tos-models/APX4500-G/icons/tx.png b/client/ui/tos-models/APX4500-G/icons/tx.png new file mode 100644 index 0000000..f479280 Binary files /dev/null and b/client/ui/tos-models/APX4500-G/icons/tx.png differ diff --git a/client/ui/tos-models/APX4500-G/radio.png b/client/ui/tos-models/APX4500-G/radio.png new file mode 100644 index 0000000..fc86746 Binary files /dev/null and b/client/ui/tos-models/APX4500-G/radio.png differ diff --git a/client/ui/tos-models/APX4500-G/style.css b/client/ui/tos-models/APX4500-G/style.css new file mode 100644 index 0000000..3b8f9f3 --- /dev/null +++ b/client/ui/tos-models/APX4500-G/style.css @@ -0,0 +1,217 @@ +#radio-container { + position: absolute; + bottom: 5px; + right: 10px; + display: inline-block; +} + +#battery-icon { + position: absolute; + top: 69%; + left: 60.5%; + height: 10%; + width: auto; + display: none; + visibility: hidden; +} + +#radio-image { + display: block; + width: 600px; + height: auto; +} + +#scan-icon { + position: absolute; + top: 20%; + left: 45%; + display: none; + width: 12px; + height: auto; +} +#rssi-icon { + position: absolute; + top: 21.5%; + left: 22.7%; + display: block; +} + +#channel-up, #zone-up, #rssi-btn { + position: absolute; + transform: translateX(-50%); + top: 91%; + width: 40px; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-up { + top: 70%; + left: 50%; + background-color: transparent; +} + +#zone-up { + top: 70%; + left: 25%; + background-color: transparent; +} + +#rssi-btn { + top: 70%; + left: 33%; + background-color: transparent; +} + +#channel-knbu { + left: 52%; + top: 35%; +} + +#channel-knbd { + left: 44%; + top: 35%; +} + +#btn-emer { + left: 88.5%; +} + +#scan-btn { + top: 70%; + position: absolute; + transform: translateX(-50%); + left: 41%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + + + +#power-btn { + left: 13%; + top: 12%; + width: 35px; + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#btn-emer { + position: absolute; + transform: translateX(-50%); + top: 11%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu, #channel-knbd { + position: absolute; + transform: translateX(-50%); + visibility: hidden; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: white; + color: white; + border: none; + cursor: pointer; +} + +#line1, #line2, #line3, #softText1, #softText2, #softText3, #softText4 { + position: absolute; + left: 37.5%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 19px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1 { + color: white; + font-size: 14px; + top: 53%; + left: 26%; +} + +#softText2 { + color: white; + font-size: 14px; + top: 53%; + left: 33.5%; +} + +#softText3 { + color: white; + font-size: 14px; + top: 53%; + left: 48.5%; +} +#softText4 { + color: white; + font-size: 14px; + top: 53%; + left: 41.2%; +} + +#line1 { + top: 28%; +} + +#line2 { + top: 36.5%; + font-size: 17px; +} + +#line3 { + top: 44%; + font-size: 15px; + width: 30.1%; +} + +#startup-message { + background-color: white; + padding: 20px; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} \ No newline at end of file diff --git a/client/ui/tos-models/APX4500/icons/gps.png b/client/ui/tos-models/APX4500/icons/gps.png new file mode 100644 index 0000000..0487b37 Binary files /dev/null and b/client/ui/tos-models/APX4500/icons/gps.png differ diff --git a/client/ui/tos-models/APX4500/icons/green.png b/client/ui/tos-models/APX4500/icons/green.png new file mode 100644 index 0000000..13c2939 Binary files /dev/null and b/client/ui/tos-models/APX4500/icons/green.png differ diff --git a/client/ui/tos-models/APX4500/icons/red.png b/client/ui/tos-models/APX4500/icons/red.png new file mode 100644 index 0000000..debeea5 Binary files /dev/null and b/client/ui/tos-models/APX4500/icons/red.png differ diff --git a/client/ui/tos-models/APX4500/icons/rssi0.png b/client/ui/tos-models/APX4500/icons/rssi0.png new file mode 100644 index 0000000..57023ca Binary files /dev/null and b/client/ui/tos-models/APX4500/icons/rssi0.png differ diff --git a/client/ui/tos-models/APX4500/icons/rssi1.png b/client/ui/tos-models/APX4500/icons/rssi1.png new file mode 100644 index 0000000..71d446d Binary files /dev/null and b/client/ui/tos-models/APX4500/icons/rssi1.png differ diff --git a/client/ui/tos-models/APX4500/icons/rssi2.png b/client/ui/tos-models/APX4500/icons/rssi2.png new file mode 100644 index 0000000..a63ad58 Binary files /dev/null and b/client/ui/tos-models/APX4500/icons/rssi2.png differ diff --git a/client/ui/tos-models/APX4500/icons/rssi3.png b/client/ui/tos-models/APX4500/icons/rssi3.png new file mode 100644 index 0000000..59c190f Binary files /dev/null and b/client/ui/tos-models/APX4500/icons/rssi3.png differ diff --git a/client/ui/tos-models/APX4500/icons/rssi4.png b/client/ui/tos-models/APX4500/icons/rssi4.png new file mode 100644 index 0000000..1ba04f9 Binary files /dev/null and b/client/ui/tos-models/APX4500/icons/rssi4.png differ diff --git a/client/ui/tos-models/APX4500/icons/rssi5.png b/client/ui/tos-models/APX4500/icons/rssi5.png new file mode 100644 index 0000000..ed923f1 Binary files /dev/null and b/client/ui/tos-models/APX4500/icons/rssi5.png differ diff --git a/client/ui/tos-models/APX4500/icons/rx.png b/client/ui/tos-models/APX4500/icons/rx.png new file mode 100644 index 0000000..013c42e Binary files /dev/null and b/client/ui/tos-models/APX4500/icons/rx.png differ diff --git a/client/ui/tos-models/APX4500/icons/scan.png b/client/ui/tos-models/APX4500/icons/scan.png new file mode 100644 index 0000000..72cb0cc Binary files /dev/null and b/client/ui/tos-models/APX4500/icons/scan.png differ diff --git a/client/ui/tos-models/APX4500/icons/sec.png b/client/ui/tos-models/APX4500/icons/sec.png new file mode 100644 index 0000000..1c538d9 Binary files /dev/null and b/client/ui/tos-models/APX4500/icons/sec.png differ diff --git a/client/ui/tos-models/APX4500/icons/tx.png b/client/ui/tos-models/APX4500/icons/tx.png new file mode 100644 index 0000000..f479280 Binary files /dev/null and b/client/ui/tos-models/APX4500/icons/tx.png differ diff --git a/client/ui/tos-models/APX4500/icons/yellow.png b/client/ui/tos-models/APX4500/icons/yellow.png new file mode 100644 index 0000000..2e087d3 Binary files /dev/null and b/client/ui/tos-models/APX4500/icons/yellow.png differ diff --git a/client/ui/tos-models/APX4500/radio.png b/client/ui/tos-models/APX4500/radio.png new file mode 100644 index 0000000..8b545b3 Binary files /dev/null and b/client/ui/tos-models/APX4500/radio.png differ diff --git a/client/ui/tos-models/APX4500/style.css b/client/ui/tos-models/APX4500/style.css new file mode 100644 index 0000000..a5ec927 --- /dev/null +++ b/client/ui/tos-models/APX4500/style.css @@ -0,0 +1,249 @@ +#radio-container { + position: absolute; + bottom: 0px; + right: 0px; + display: inline-block; +} + +#battery-icon { + position: absolute; + top: 69%; + left: 60.5%; + height: 10%; + width: auto; + display: none; + visibility: hidden; +} + +#radio-image { + display: block; + width: 600px; + height: auto; +} + +#scan-icon { + position: absolute; + top: 20%; + left: 45%; + display: none; + width: 12px; + height: auto; +} + +#rssi-icon { + position: absolute; + top: 20%; + left: 22%; + display: block; +} + +#red-icon, #yellow-icon, #green-icon { + position: absolute; + top: 29%; + left: 22.7%; + display: block; +} + +#red-icon { + top: 34.9%; + left: 10.5%; + width: 25px; + height: 9px; + box-shadow: 0 0 10px rgba(255, 0, 0, 0.5); +} + +#yellow-icon { + top: 40.8%; + left: 10.4%; + width: 25px; + height: 9px; + box-shadow: 0 0 10px rgba(255, 255, 0, 0.5); +} + +#green-icon { + top: 45.5%; + left: 10.4%; + width: 25px; + height: 9px; + box-shadow: 0 0 10px rgba(0, 176, 80, 0.5); +} + +#channel-up, #zone-up, #rssi-btn { + position: absolute; + transform: translateX(-50%); + top: 91%; + width: 40px; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-up { + top: 70%; + left: 50%; + background-color: transparent; +} + +#zone-up { + top: 70%; + left: 25%; + background-color: transparent; +} + +#rssi-btn { + top: 70%; + left: 33%; + background-color: transparent; +} + +#channel-knbu { + left: 52%; + top: 35%; +} + +#channel-knbd { + left: 44%; + top: 35%; +} + +#btn-emer { + left: 88.5%; +} + +#scan-btn { + top: 70%; + position: absolute; + transform: translateX(-50%); + left: 41%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + + + +#power-btn { + left: 13%; + top: 12%; + width: 35px; + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#btn-emer { + position: absolute; + transform: translateX(-50%); + top: 11%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu, #channel-knbd { + position: absolute; + transform: translateX(-50%); + visibility: hidden; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: white; + color: white; + border: none; + cursor: pointer; +} + +#line1, #line2, #line3, #softText1, #softText2, #softText3, #softText4 { + position: absolute; + left: 37.5%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 19px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1 { + color: white; + font-size: 14px; + top: 53%; + left: 25%; +} + +#softText2 { + color: white; + font-size: 14px; + top: 53%; + left: 32.5%; +} + +#softText3 { + color: white; + font-size: 14px; + top: 53%; + left: 48.5%; +} +#softText4 { + color: white; + font-size: 14px; + top: 53%; + left: 40.5%; +} + +#line1 { + top: 28%; +} + +#line2 { + top: 36.5%; + font-size: 17px; +} + +#line3 { + top: 44%; + font-size: 15px; + width: 30.1%; +} + +#startup-message { + background-color: white; + padding: 20px; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} \ No newline at end of file diff --git a/client/ui/tos-models/APX6000/icons/battery0.png b/client/ui/tos-models/APX6000/icons/battery0.png new file mode 100644 index 0000000..8cd1ffc Binary files /dev/null and b/client/ui/tos-models/APX6000/icons/battery0.png differ diff --git a/client/ui/tos-models/APX6000/icons/battery1.png b/client/ui/tos-models/APX6000/icons/battery1.png new file mode 100644 index 0000000..cf12dc5 Binary files /dev/null and b/client/ui/tos-models/APX6000/icons/battery1.png differ diff --git a/client/ui/tos-models/APX6000/icons/battery2.png b/client/ui/tos-models/APX6000/icons/battery2.png new file mode 100644 index 0000000..7746718 Binary files /dev/null and b/client/ui/tos-models/APX6000/icons/battery2.png differ diff --git a/client/ui/tos-models/APX6000/icons/battery3.png b/client/ui/tos-models/APX6000/icons/battery3.png new file mode 100644 index 0000000..49d9450 Binary files /dev/null and b/client/ui/tos-models/APX6000/icons/battery3.png differ diff --git a/client/ui/tos-models/APX6000/icons/battery4.png b/client/ui/tos-models/APX6000/icons/battery4.png new file mode 100644 index 0000000..8e0b670 Binary files /dev/null and b/client/ui/tos-models/APX6000/icons/battery4.png differ diff --git a/client/ui/tos-models/APX6000/icons/gps.png b/client/ui/tos-models/APX6000/icons/gps.png new file mode 100644 index 0000000..0487b37 Binary files /dev/null and b/client/ui/tos-models/APX6000/icons/gps.png differ diff --git a/client/ui/tos-models/APX6000/icons/rssi0.png b/client/ui/tos-models/APX6000/icons/rssi0.png new file mode 100644 index 0000000..57023ca Binary files /dev/null and b/client/ui/tos-models/APX6000/icons/rssi0.png differ diff --git a/client/ui/tos-models/APX6000/icons/rssi1.png b/client/ui/tos-models/APX6000/icons/rssi1.png new file mode 100644 index 0000000..71d446d Binary files /dev/null and b/client/ui/tos-models/APX6000/icons/rssi1.png differ diff --git a/client/ui/tos-models/APX6000/icons/rssi2.png b/client/ui/tos-models/APX6000/icons/rssi2.png new file mode 100644 index 0000000..a63ad58 Binary files /dev/null and b/client/ui/tos-models/APX6000/icons/rssi2.png differ diff --git a/client/ui/tos-models/APX6000/icons/rssi3.png b/client/ui/tos-models/APX6000/icons/rssi3.png new file mode 100644 index 0000000..59c190f Binary files /dev/null and b/client/ui/tos-models/APX6000/icons/rssi3.png differ diff --git a/client/ui/tos-models/APX6000/icons/rssi4.png b/client/ui/tos-models/APX6000/icons/rssi4.png new file mode 100644 index 0000000..1ba04f9 Binary files /dev/null and b/client/ui/tos-models/APX6000/icons/rssi4.png differ diff --git a/client/ui/tos-models/APX6000/icons/rssi5.png b/client/ui/tos-models/APX6000/icons/rssi5.png new file mode 100644 index 0000000..ed923f1 Binary files /dev/null and b/client/ui/tos-models/APX6000/icons/rssi5.png differ diff --git a/client/ui/tos-models/APX6000/icons/rx.png b/client/ui/tos-models/APX6000/icons/rx.png new file mode 100644 index 0000000..013c42e Binary files /dev/null and b/client/ui/tos-models/APX6000/icons/rx.png differ diff --git a/client/ui/tos-models/APX6000/icons/scan.png b/client/ui/tos-models/APX6000/icons/scan.png new file mode 100644 index 0000000..72cb0cc Binary files /dev/null and b/client/ui/tos-models/APX6000/icons/scan.png differ diff --git a/client/ui/tos-models/APX6000/icons/sec.png b/client/ui/tos-models/APX6000/icons/sec.png new file mode 100644 index 0000000..1c538d9 Binary files /dev/null and b/client/ui/tos-models/APX6000/icons/sec.png differ diff --git a/client/ui/tos-models/APX6000/icons/tx.png b/client/ui/tos-models/APX6000/icons/tx.png new file mode 100644 index 0000000..f479280 Binary files /dev/null and b/client/ui/tos-models/APX6000/icons/tx.png differ diff --git a/client/ui/tos-models/APX6000/radio.png b/client/ui/tos-models/APX6000/radio.png new file mode 100644 index 0000000..bffb8da Binary files /dev/null and b/client/ui/tos-models/APX6000/radio.png differ diff --git a/client/ui/tos-models/APX6000/style.css b/client/ui/tos-models/APX6000/style.css new file mode 100644 index 0000000..eafdf6f --- /dev/null +++ b/client/ui/tos-models/APX6000/style.css @@ -0,0 +1,211 @@ +#radio-container { + position: absolute; + bottom: 5px; + display: inline-block; +} + +body { + overflow-y: hidden; + overflow-x: hidden; +} + +#radio-image { + display: block; + width: 275px; + height: auto; + position: relative; +} + +#rssi-icon { + position: absolute; + top: 69.5%; + left: 30%; + display: block; +} +#scan-icon { + position: absolute; + top: 69.5%; + left: 45%; + display: none; + width: 12px; + height: auto; +} + +#battery-icon { + position: absolute; + top: 69%; + left: 65.5%; + height: 3%; + width: auto; + display: none; +} + +#zone-up, #rssi-btn, #scan-btn { + position: absolute; + transform: translateX(-50%); + top: 91%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-up { + left: 37%; + visibility: hidden; + display: none; +} + +#zone-up { + left: 37%; +} + + +#scan-btn { + left: 63%; + +} + + +#rssi-btn { + left: 50%; +} + +#channel-knbu { + left: 52%; + top: 35%; +} +#channel-knbd { + left: 44%; + top: 35%; +} +#btn-emer { + left: 28%; +} + +#power-btn { + left: 86%; + top: 41%; + width: 50px; +} + +#btn-emer { + position: absolute; + transform: translateX(-50%); + top: 45%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu, #channel-knbd, #power-btn { + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#line1, #line2, #line3 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1, #softText2, #softText4 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: white; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1 { + font-size: 12px; + top: 87.2%; + left: 36%; +} + +#softText2 { + font-size: 12px; + top: 87.2%; + left: 49.5%; +} + +#softText3 { + position: absolute; + left: 50%; + z-index: 1; + color: white; + font-size: 1px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; + visibility: hidden; +} +#softText4 { + font-size: 12px; + top: 87.2%; + left: 63.5%; +} + + +#line1 { + top: 73%; +} + +#line2 { + top: 77%; + font-size: 15px; +} + +#line3 { + top: 81.5%; + font-size: 14px; + left: 49.5%; + width: 41%; +} + +#startup-message { + background-color: white; + padding: 20px; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} diff --git a/client/ui/tos-models/APX6000XE/icons/battery0.png b/client/ui/tos-models/APX6000XE/icons/battery0.png new file mode 100644 index 0000000..0ce8b65 Binary files /dev/null and b/client/ui/tos-models/APX6000XE/icons/battery0.png differ diff --git a/client/ui/tos-models/APX6000XE/icons/battery1.png b/client/ui/tos-models/APX6000XE/icons/battery1.png new file mode 100644 index 0000000..0a95b7d Binary files /dev/null and b/client/ui/tos-models/APX6000XE/icons/battery1.png differ diff --git a/client/ui/tos-models/APX6000XE/icons/battery2.png b/client/ui/tos-models/APX6000XE/icons/battery2.png new file mode 100644 index 0000000..ab92996 Binary files /dev/null and b/client/ui/tos-models/APX6000XE/icons/battery2.png differ diff --git a/client/ui/tos-models/APX6000XE/icons/battery3.png b/client/ui/tos-models/APX6000XE/icons/battery3.png new file mode 100644 index 0000000..29a1aa0 Binary files /dev/null and b/client/ui/tos-models/APX6000XE/icons/battery3.png differ diff --git a/client/ui/tos-models/APX6000XE/icons/battery4.png b/client/ui/tos-models/APX6000XE/icons/battery4.png new file mode 100644 index 0000000..2f00644 Binary files /dev/null and b/client/ui/tos-models/APX6000XE/icons/battery4.png differ diff --git a/client/ui/tos-models/APX6000XE/icons/gps.png b/client/ui/tos-models/APX6000XE/icons/gps.png new file mode 100644 index 0000000..0487b37 Binary files /dev/null and b/client/ui/tos-models/APX6000XE/icons/gps.png differ diff --git a/client/ui/tos-models/APX6000XE/icons/rssi0.png b/client/ui/tos-models/APX6000XE/icons/rssi0.png new file mode 100644 index 0000000..57023ca Binary files /dev/null and b/client/ui/tos-models/APX6000XE/icons/rssi0.png differ diff --git a/client/ui/tos-models/APX6000XE/icons/rssi1.png b/client/ui/tos-models/APX6000XE/icons/rssi1.png new file mode 100644 index 0000000..71d446d Binary files /dev/null and b/client/ui/tos-models/APX6000XE/icons/rssi1.png differ diff --git a/client/ui/tos-models/APX6000XE/icons/rssi2.png b/client/ui/tos-models/APX6000XE/icons/rssi2.png new file mode 100644 index 0000000..a63ad58 Binary files /dev/null and b/client/ui/tos-models/APX6000XE/icons/rssi2.png differ diff --git a/client/ui/tos-models/APX6000XE/icons/rssi3.png b/client/ui/tos-models/APX6000XE/icons/rssi3.png new file mode 100644 index 0000000..59c190f Binary files /dev/null and b/client/ui/tos-models/APX6000XE/icons/rssi3.png differ diff --git a/client/ui/tos-models/APX6000XE/icons/rssi4.png b/client/ui/tos-models/APX6000XE/icons/rssi4.png new file mode 100644 index 0000000..1ba04f9 Binary files /dev/null and b/client/ui/tos-models/APX6000XE/icons/rssi4.png differ diff --git a/client/ui/tos-models/APX6000XE/icons/rssi5.png b/client/ui/tos-models/APX6000XE/icons/rssi5.png new file mode 100644 index 0000000..ed923f1 Binary files /dev/null and b/client/ui/tos-models/APX6000XE/icons/rssi5.png differ diff --git a/client/ui/tos-models/APX6000XE/icons/rx.png b/client/ui/tos-models/APX6000XE/icons/rx.png new file mode 100644 index 0000000..013c42e Binary files /dev/null and b/client/ui/tos-models/APX6000XE/icons/rx.png differ diff --git a/client/ui/tos-models/APX6000XE/icons/scan.png b/client/ui/tos-models/APX6000XE/icons/scan.png new file mode 100644 index 0000000..72cb0cc Binary files /dev/null and b/client/ui/tos-models/APX6000XE/icons/scan.png differ diff --git a/client/ui/tos-models/APX6000XE/icons/sec.png b/client/ui/tos-models/APX6000XE/icons/sec.png new file mode 100644 index 0000000..1c538d9 Binary files /dev/null and b/client/ui/tos-models/APX6000XE/icons/sec.png differ diff --git a/client/ui/tos-models/APX6000XE/icons/style.css b/client/ui/tos-models/APX6000XE/icons/style.css new file mode 100644 index 0000000..df1e955 --- /dev/null +++ b/client/ui/tos-models/APX6000XE/icons/style.css @@ -0,0 +1,188 @@ +#radio-container { + position: fixed; + bottom: 5px; + right: 100px; + display: inline-block; +} + +#radio-image { + display: block; + width: 350px; + height: auto; + position: relative; +} + +#rssi-icon { + position: absolute; + top: 69.5%; + left: 30%; + display: block; +} + +#battery-icon { + position: absolute; + top: 69%; + left: 65.5%; + height: 3.5%; + width: auto; + display: none; +} + +#channel-up, #zone-up, #rssi-btn { + position: absolute; + transform: translateX(-50%); + top: 91%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-up { + left: 63%; +bottom: -4%; +} + +#zone-up { +bottom: -4%; + left: 37%; + +} + +#rssi-btn { +bottom: -4%; + left: 50%; + +} + +#channel-knbu { + left: 52%; + top: 35%; + color: red; +} +#channel-knbd { + left: 44%; + top: 35%; + color: blue; + + +} +#btn-emer { + left 28%; + background-color: orange; +} + +#power-btn { + left: 86%; + top: 41%; + width: 50px; + background-color:green; +} + +#btn-emer { + position: absolute; + transform: translateX(-50%); + top: 45%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu, #channel-knbd, #power-btn { + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#line1, #line2, #line3 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1, #softText2, #softText3 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: white; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1 { + font-size: 12px; + top: 87.2%; + left: 36%; +} + +#softText2 { + font-size: 12px; + top: 87.2%; + left: 49.5%; +} + +#softText3 { + font-size: 12px; + top: 87.2%; + left: 63.5%; +} + +#line1 { + top: 73%; +} + +#line2 { + top: 77%; + font-size: 15px; +} + +#line3 { + top: 81.5%; + font-size: 14px; + left: 49.5%; + width: 41%; +} + +#startup-message { + background-color: white; + padding: 20px; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} \ No newline at end of file diff --git a/client/ui/tos-models/APX6000XE/icons/tx.png b/client/ui/tos-models/APX6000XE/icons/tx.png new file mode 100644 index 0000000..f479280 Binary files /dev/null and b/client/ui/tos-models/APX6000XE/icons/tx.png differ diff --git a/client/ui/tos-models/APX6000XE/radio.png b/client/ui/tos-models/APX6000XE/radio.png new file mode 100644 index 0000000..e8c28e7 Binary files /dev/null and b/client/ui/tos-models/APX6000XE/radio.png differ diff --git a/client/ui/tos-models/APX6000XE/style.css b/client/ui/tos-models/APX6000XE/style.css new file mode 100644 index 0000000..06ccfad --- /dev/null +++ b/client/ui/tos-models/APX6000XE/style.css @@ -0,0 +1,216 @@ +#radio-container { + position: absolute; + bottom: 5px; + display: inline-block; +} + +body { + overflow-y: hidden; + overflow-x: hidden; + } + + +#radio-image { + display: block; + width: 350px; + height: auto; + position: relative; +} + +#rssi-icon { + position: absolute; + top: 78.5%; + left: 32.5%; + display: block; +} +#scan-icon { + position: absolute; + top: 78.5%;; + left: 45%; + display: none; + width: 12px; + height: auto; +} + +#battery-icon { + position: absolute; + top: 78.5%; + left: 62.5%; + height: 2%; + width: auto; + display: none; +} + +#zone-up, #rssi-btn, #scan-btn { + position: absolute; + transform: translateX(-50%); + top: 95%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-up { + left: 37%; + visibility: hidden; + display: none; +} + +#zone-up { + left: 37%; +} + + +#scan-btn { + left: 63%; + +} + + +#rssi-btn { + left: 50%; +} + +#channel-knbu { + left: 55%; + top: 45%; + height: 55px; +} +#channel-knbd { + left: 44%; + top: 45%; + height: 55px; +} +#btn-emer { + left: 32%; +} + +#power-btn { + left: 86%; + top: 53.5%; + width: 50px; + padding: 8px; +} + +#btn-emer { + position: absolute; + transform: translateX(-50%); + top: 54%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu, #channel-knbd, #power-btn { + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 10px auto; + padding: 8px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#line1, #line2, #line3 { + position: absolute; + left: 48.5%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1, #softText2, #softText4 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: white; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1 { + font-size: 12px; + top: 90.5%; + left: 37.5%; +} + +#softText2 { + font-size: 12px; + top: 90.5%; + left: 49.5%; +} + +#softText3 { + position: absolute; + left: 50%; + z-index: 1; + color: white; + font-size: 1px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; + visibility: hidden; +} +#softText4 { + font-size: 12px; + top: 90.5%; + left: 60%; +} + + +#line1 { + top: 81%; +} + +#line2 { + top: 82.6%; + font-size: 15px; +} + +#line3 { + top: 84.5%; + font-size: 14px; + left: 49.5%; + width: 41%; +} + +#startup-message { + background-color: white; + padding: 20px; + left: 48.5%; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} diff --git a/client/ui/tos-models/APX7000/icons/battery0.png b/client/ui/tos-models/APX7000/icons/battery0.png new file mode 100644 index 0000000..0ce8b65 Binary files /dev/null and b/client/ui/tos-models/APX7000/icons/battery0.png differ diff --git a/client/ui/tos-models/APX7000/icons/battery1.png b/client/ui/tos-models/APX7000/icons/battery1.png new file mode 100644 index 0000000..b77d49c Binary files /dev/null and b/client/ui/tos-models/APX7000/icons/battery1.png differ diff --git a/client/ui/tos-models/APX7000/icons/battery2.png b/client/ui/tos-models/APX7000/icons/battery2.png new file mode 100644 index 0000000..5258ac2 Binary files /dev/null and b/client/ui/tos-models/APX7000/icons/battery2.png differ diff --git a/client/ui/tos-models/APX7000/icons/battery3.png b/client/ui/tos-models/APX7000/icons/battery3.png new file mode 100644 index 0000000..603a8cc Binary files /dev/null and b/client/ui/tos-models/APX7000/icons/battery3.png differ diff --git a/client/ui/tos-models/APX7000/icons/battery4.png b/client/ui/tos-models/APX7000/icons/battery4.png new file mode 100644 index 0000000..c0534e4 Binary files /dev/null and b/client/ui/tos-models/APX7000/icons/battery4.png differ diff --git a/client/ui/tos-models/APX7000/icons/gps.png b/client/ui/tos-models/APX7000/icons/gps.png new file mode 100644 index 0000000..0487b37 Binary files /dev/null and b/client/ui/tos-models/APX7000/icons/gps.png differ diff --git a/client/ui/tos-models/APX7000/icons/rssi0.png b/client/ui/tos-models/APX7000/icons/rssi0.png new file mode 100644 index 0000000..0818d01 Binary files /dev/null and b/client/ui/tos-models/APX7000/icons/rssi0.png differ diff --git a/client/ui/tos-models/APX7000/icons/rssi1.png b/client/ui/tos-models/APX7000/icons/rssi1.png new file mode 100644 index 0000000..bdb122b Binary files /dev/null and b/client/ui/tos-models/APX7000/icons/rssi1.png differ diff --git a/client/ui/tos-models/APX7000/icons/rssi2.png b/client/ui/tos-models/APX7000/icons/rssi2.png new file mode 100644 index 0000000..cf1a5b7 Binary files /dev/null and b/client/ui/tos-models/APX7000/icons/rssi2.png differ diff --git a/client/ui/tos-models/APX7000/icons/rssi3.png b/client/ui/tos-models/APX7000/icons/rssi3.png new file mode 100644 index 0000000..944ac31 Binary files /dev/null and b/client/ui/tos-models/APX7000/icons/rssi3.png differ diff --git a/client/ui/tos-models/APX7000/icons/rssi4.png b/client/ui/tos-models/APX7000/icons/rssi4.png new file mode 100644 index 0000000..7a04516 Binary files /dev/null and b/client/ui/tos-models/APX7000/icons/rssi4.png differ diff --git a/client/ui/tos-models/APX7000/icons/rssi5.png b/client/ui/tos-models/APX7000/icons/rssi5.png new file mode 100644 index 0000000..56d96d0 Binary files /dev/null and b/client/ui/tos-models/APX7000/icons/rssi5.png differ diff --git a/client/ui/tos-models/APX7000/icons/rx.png b/client/ui/tos-models/APX7000/icons/rx.png new file mode 100644 index 0000000..66b5b69 Binary files /dev/null and b/client/ui/tos-models/APX7000/icons/rx.png differ diff --git a/client/ui/tos-models/APX7000/icons/scan.png b/client/ui/tos-models/APX7000/icons/scan.png new file mode 100644 index 0000000..4d5c129 Binary files /dev/null and b/client/ui/tos-models/APX7000/icons/scan.png differ diff --git a/client/ui/tos-models/APX7000/icons/sec.png b/client/ui/tos-models/APX7000/icons/sec.png new file mode 100644 index 0000000..2cc660e Binary files /dev/null and b/client/ui/tos-models/APX7000/icons/sec.png differ diff --git a/client/ui/tos-models/APX7000/icons/tx.png b/client/ui/tos-models/APX7000/icons/tx.png new file mode 100644 index 0000000..2d5e71a Binary files /dev/null and b/client/ui/tos-models/APX7000/icons/tx.png differ diff --git a/client/ui/tos-models/APX7000/radio.png b/client/ui/tos-models/APX7000/radio.png new file mode 100644 index 0000000..44a701e Binary files /dev/null and b/client/ui/tos-models/APX7000/radio.png differ diff --git a/client/ui/tos-models/APX7000/style.css b/client/ui/tos-models/APX7000/style.css new file mode 100644 index 0000000..d65ca6f --- /dev/null +++ b/client/ui/tos-models/APX7000/style.css @@ -0,0 +1,220 @@ +#radio-container { + position: absolute; + bottom: 5px; + display: inline-block; +} + +body { + overflow-y: hidden; + overflow-x: hidden; + } + + +#radio-image { + display: block; + width: 320px; + height: auto; + position: relative; +} + +#rssi-icon { + position: absolute; + top: 56.5%; + left: 34%; + height: 2.2%; + width: auto; + display: block; +} +#scan-icon { + position: absolute; + top: 56.5%; + left: 45%; + display: none; + width: 12px; + height: auto; +} + +#battery-icon { + position: absolute; + top: 56.5%; + left: 68%; + height: 2%; + width: auto; + display: none; +} + +#zone-up, #rssi-btn, #scan-btn { + position: absolute; + transform: translateX(-50%); + top: 79%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + width: 32px; + border: none; + cursor: pointer; +} + +#channel-up { + left: 37%; + visibility: hidden; + display: none; +} + +#zone-up { + left: 39%; +} + + +#scan-btn { + left: 66%; + +} + + +#rssi-btn { + left: 53%; +} + +#channel-knbu { + left: 58%; + top: 32%; + height: 42px; +} +#channel-knbd { + left: 46%; + top: 32%; + height: 42px; +} +#btn-emer { + left: 35%; +} + +#power-btn { + left: 87%; + top: 32%; + height: 50px; + width: 60px; + padding: 10px; +} + +#btn-emer { + position: absolute; + transform: translateX(-50%); + top: 39%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 10px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu, #channel-knbd, #power-btn { + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 10px auto; + padding: 8px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#line1, #line2, #line3 { + position: absolute; + left: 53%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1, #softText2, #softText4 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: white; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1 { + font-size: 12px; + top: 74.8%; + left: 40.5%; +} + +#softText2 { + font-size: 12px; + top: 74.8%; + left: 52.5%; +} + +#softText3 { + position: absolute; + left: 50%; + z-index: 1; + color: white; + font-size: 1px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; + visibility: hidden; +} +#softText4 { + font-size: 12px; + top: 74.8%; + left: 65%; +} + + +#line1 { + top: 62%; +} + +#line2 { + top: 64%; + font-size: 18px; +} + +#line3 { + top: 68%; + font-size: 14px; + left: 53%; + width: 41%; +} + +#startup-message { + background-color: white; + padding: 20px; + left: 48.5%; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} diff --git a/client/ui/tos-models/APX8000XE/icons/battery0.png b/client/ui/tos-models/APX8000XE/icons/battery0.png new file mode 100644 index 0000000..0ce8b65 Binary files /dev/null and b/client/ui/tos-models/APX8000XE/icons/battery0.png differ diff --git a/client/ui/tos-models/APX8000XE/icons/battery1.png b/client/ui/tos-models/APX8000XE/icons/battery1.png new file mode 100644 index 0000000..b77d49c Binary files /dev/null and b/client/ui/tos-models/APX8000XE/icons/battery1.png differ diff --git a/client/ui/tos-models/APX8000XE/icons/battery2.png b/client/ui/tos-models/APX8000XE/icons/battery2.png new file mode 100644 index 0000000..5258ac2 Binary files /dev/null and b/client/ui/tos-models/APX8000XE/icons/battery2.png differ diff --git a/client/ui/tos-models/APX8000XE/icons/battery3.png b/client/ui/tos-models/APX8000XE/icons/battery3.png new file mode 100644 index 0000000..603a8cc Binary files /dev/null and b/client/ui/tos-models/APX8000XE/icons/battery3.png differ diff --git a/client/ui/tos-models/APX8000XE/icons/battery4.png b/client/ui/tos-models/APX8000XE/icons/battery4.png new file mode 100644 index 0000000..c0534e4 Binary files /dev/null and b/client/ui/tos-models/APX8000XE/icons/battery4.png differ diff --git a/client/ui/tos-models/APX8000XE/icons/gps.png b/client/ui/tos-models/APX8000XE/icons/gps.png new file mode 100644 index 0000000..0487b37 Binary files /dev/null and b/client/ui/tos-models/APX8000XE/icons/gps.png differ diff --git a/client/ui/tos-models/APX8000XE/icons/rssi0.png b/client/ui/tos-models/APX8000XE/icons/rssi0.png new file mode 100644 index 0000000..0818d01 Binary files /dev/null and b/client/ui/tos-models/APX8000XE/icons/rssi0.png differ diff --git a/client/ui/tos-models/APX8000XE/icons/rssi1.png b/client/ui/tos-models/APX8000XE/icons/rssi1.png new file mode 100644 index 0000000..bdb122b Binary files /dev/null and b/client/ui/tos-models/APX8000XE/icons/rssi1.png differ diff --git a/client/ui/tos-models/APX8000XE/icons/rssi2.png b/client/ui/tos-models/APX8000XE/icons/rssi2.png new file mode 100644 index 0000000..cf1a5b7 Binary files /dev/null and b/client/ui/tos-models/APX8000XE/icons/rssi2.png differ diff --git a/client/ui/tos-models/APX8000XE/icons/rssi3.png b/client/ui/tos-models/APX8000XE/icons/rssi3.png new file mode 100644 index 0000000..944ac31 Binary files /dev/null and b/client/ui/tos-models/APX8000XE/icons/rssi3.png differ diff --git a/client/ui/tos-models/APX8000XE/icons/rssi4.png b/client/ui/tos-models/APX8000XE/icons/rssi4.png new file mode 100644 index 0000000..7a04516 Binary files /dev/null and b/client/ui/tos-models/APX8000XE/icons/rssi4.png differ diff --git a/client/ui/tos-models/APX8000XE/icons/rssi5.png b/client/ui/tos-models/APX8000XE/icons/rssi5.png new file mode 100644 index 0000000..56d96d0 Binary files /dev/null and b/client/ui/tos-models/APX8000XE/icons/rssi5.png differ diff --git a/client/ui/tos-models/APX8000XE/icons/rx.png b/client/ui/tos-models/APX8000XE/icons/rx.png new file mode 100644 index 0000000..66b5b69 Binary files /dev/null and b/client/ui/tos-models/APX8000XE/icons/rx.png differ diff --git a/client/ui/tos-models/APX8000XE/icons/scan.png b/client/ui/tos-models/APX8000XE/icons/scan.png new file mode 100644 index 0000000..4d5c129 Binary files /dev/null and b/client/ui/tos-models/APX8000XE/icons/scan.png differ diff --git a/client/ui/tos-models/APX8000XE/icons/sec.png b/client/ui/tos-models/APX8000XE/icons/sec.png new file mode 100644 index 0000000..2cc660e Binary files /dev/null and b/client/ui/tos-models/APX8000XE/icons/sec.png differ diff --git a/client/ui/tos-models/APX8000XE/icons/tx.png b/client/ui/tos-models/APX8000XE/icons/tx.png new file mode 100644 index 0000000..2d5e71a Binary files /dev/null and b/client/ui/tos-models/APX8000XE/icons/tx.png differ diff --git a/client/ui/tos-models/APX8000XE/radio.png b/client/ui/tos-models/APX8000XE/radio.png new file mode 100644 index 0000000..7c8ccf3 Binary files /dev/null and b/client/ui/tos-models/APX8000XE/radio.png differ diff --git a/client/ui/tos-models/APX8000XE/style.css b/client/ui/tos-models/APX8000XE/style.css new file mode 100644 index 0000000..ded0f4b --- /dev/null +++ b/client/ui/tos-models/APX8000XE/style.css @@ -0,0 +1,220 @@ +#radio-container { + position: absolute; + bottom: 5px; + display: inline-block; +} + +body { + overflow-y: hidden; + overflow-x: hidden; + } + + +#radio-image { + display: block; + width: 350px; + height: auto; + position: relative; +} + +#rssi-icon { + position: absolute; + top: 68.5%; + left: 32.5%; + height: 2%; + width: auto; + display: block; +} +#scan-icon { + position: absolute; + top: 68.5%; + left: 45%; + display: none; + width: 12px; + height: auto; +} + +#battery-icon { + position: absolute; + top: 68.5%; + left: 63.5%; + height: 2%; + width: auto; + display: none; +} + +#zone-up, #rssi-btn, #scan-btn { + position: absolute; + transform: translateX(-50%); + top: 86%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + width: 32px; + border: none; + cursor: pointer; +} + +#channel-up { + left: 37%; + visibility: hidden; + display: none; +} + +#zone-up { + left: 37%; +} + + +#scan-btn { + left: 63%; + +} + + +#rssi-btn { + left: 50%; +} + +#channel-knbu { + left: 55%; + top: 35%; + height: 70px; +} +#channel-knbd { + left: 44%; + top: 35%; + height: 70px; +} +#btn-emer { + left: 30%; +} + +#power-btn { + left: 86%; + top: 42%; + height: 50px; + width: 60px; + padding: 10px; +} + +#btn-emer { + position: absolute; + transform: translateX(-50%); + top: 48%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 10px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu, #channel-knbd, #power-btn { + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 10px auto; + padding: 8px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#line1, #line2, #line3 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1, #softText2, #softText4 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: white; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1 { + font-size: 12px; + top: 82%; + left: 37.5%; +} + +#softText2 { + font-size: 12px; + top: 82%; + left: 49.5%; +} + +#softText3 { + position: absolute; + left: 50%; + z-index: 1; + color: white; + font-size: 1px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; + visibility: hidden; +} +#softText4 { + font-size: 12px; + top: 82%; + left: 61%; +} + + +#line1 { + top: 72%; +} + +#line2 { + top: 75%; + font-size: 15px; +} + +#line3 { + top: 77.5%; + font-size: 14px; + left: 49.5%; + width: 41%; +} + +#startup-message { + background-color: white; + padding: 20px; + left: 48.5%; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} diff --git a/client/ui/tos-models/APX900/boot.png b/client/ui/tos-models/APX900/boot.png new file mode 100644 index 0000000..c97bb24 Binary files /dev/null and b/client/ui/tos-models/APX900/boot.png differ diff --git a/client/ui/tos-models/APX900/icons/battery0.png b/client/ui/tos-models/APX900/icons/battery0.png new file mode 100644 index 0000000..8cd1ffc Binary files /dev/null and b/client/ui/tos-models/APX900/icons/battery0.png differ diff --git a/client/ui/tos-models/APX900/icons/battery1.png b/client/ui/tos-models/APX900/icons/battery1.png new file mode 100644 index 0000000..cf12dc5 Binary files /dev/null and b/client/ui/tos-models/APX900/icons/battery1.png differ diff --git a/client/ui/tos-models/APX900/icons/battery2.png b/client/ui/tos-models/APX900/icons/battery2.png new file mode 100644 index 0000000..7746718 Binary files /dev/null and b/client/ui/tos-models/APX900/icons/battery2.png differ diff --git a/client/ui/tos-models/APX900/icons/battery3.png b/client/ui/tos-models/APX900/icons/battery3.png new file mode 100644 index 0000000..49d9450 Binary files /dev/null and b/client/ui/tos-models/APX900/icons/battery3.png differ diff --git a/client/ui/tos-models/APX900/icons/battery4.png b/client/ui/tos-models/APX900/icons/battery4.png new file mode 100644 index 0000000..8e0b670 Binary files /dev/null and b/client/ui/tos-models/APX900/icons/battery4.png differ diff --git a/client/ui/tos-models/APX900/icons/gps.png b/client/ui/tos-models/APX900/icons/gps.png new file mode 100644 index 0000000..0487b37 Binary files /dev/null and b/client/ui/tos-models/APX900/icons/gps.png differ diff --git a/client/ui/tos-models/APX900/icons/rssi0.png b/client/ui/tos-models/APX900/icons/rssi0.png new file mode 100644 index 0000000..57023ca Binary files /dev/null and b/client/ui/tos-models/APX900/icons/rssi0.png differ diff --git a/client/ui/tos-models/APX900/icons/rssi1.png b/client/ui/tos-models/APX900/icons/rssi1.png new file mode 100644 index 0000000..71d446d Binary files /dev/null and b/client/ui/tos-models/APX900/icons/rssi1.png differ diff --git a/client/ui/tos-models/APX900/icons/rssi2.png b/client/ui/tos-models/APX900/icons/rssi2.png new file mode 100644 index 0000000..a63ad58 Binary files /dev/null and b/client/ui/tos-models/APX900/icons/rssi2.png differ diff --git a/client/ui/tos-models/APX900/icons/rssi3.png b/client/ui/tos-models/APX900/icons/rssi3.png new file mode 100644 index 0000000..59c190f Binary files /dev/null and b/client/ui/tos-models/APX900/icons/rssi3.png differ diff --git a/client/ui/tos-models/APX900/icons/rssi4.png b/client/ui/tos-models/APX900/icons/rssi4.png new file mode 100644 index 0000000..1ba04f9 Binary files /dev/null and b/client/ui/tos-models/APX900/icons/rssi4.png differ diff --git a/client/ui/tos-models/APX900/icons/rssi5.png b/client/ui/tos-models/APX900/icons/rssi5.png new file mode 100644 index 0000000..ed923f1 Binary files /dev/null and b/client/ui/tos-models/APX900/icons/rssi5.png differ diff --git a/client/ui/tos-models/APX900/icons/rx.png b/client/ui/tos-models/APX900/icons/rx.png new file mode 100644 index 0000000..013c42e Binary files /dev/null and b/client/ui/tos-models/APX900/icons/rx.png differ diff --git a/client/ui/tos-models/APX900/icons/scan.png b/client/ui/tos-models/APX900/icons/scan.png new file mode 100644 index 0000000..72cb0cc Binary files /dev/null and b/client/ui/tos-models/APX900/icons/scan.png differ diff --git a/client/ui/tos-models/APX900/icons/sec.png b/client/ui/tos-models/APX900/icons/sec.png new file mode 100644 index 0000000..1c538d9 Binary files /dev/null and b/client/ui/tos-models/APX900/icons/sec.png differ diff --git a/client/ui/tos-models/APX900/icons/tx.png b/client/ui/tos-models/APX900/icons/tx.png new file mode 100644 index 0000000..f479280 Binary files /dev/null and b/client/ui/tos-models/APX900/icons/tx.png differ diff --git a/client/ui/tos-models/APX900/radio.png b/client/ui/tos-models/APX900/radio.png new file mode 100644 index 0000000..54f9e2a Binary files /dev/null and b/client/ui/tos-models/APX900/radio.png differ diff --git a/client/ui/tos-models/APX900/style.css b/client/ui/tos-models/APX900/style.css new file mode 100644 index 0000000..400c5a1 --- /dev/null +++ b/client/ui/tos-models/APX900/style.css @@ -0,0 +1,227 @@ +#radio-container { + position: absolute; + bottom: 5px; + right: 10px; + display: inline-block; +} + +body { + overflow-y: hidden; + overflow-x: hidden; + } + +#radio-image { + display: block; + width: 300px; + height: auto; + position: relative; +} + +#rssi-icon { + position: absolute; + top: 74.5%; + left: 25%; + display: block; +} +#scan-icon { + position: absolute; + top: 74.5%; + left: 45%; + display: none; + width: 12px; + height: auto; +} + +#battery-icon { + position: absolute; + top: 74.5%; + left: 70.2%; + height: 3%; + width: auto; + display: none; +} + +#zone-up, #scan-btn { + position: absolute; + transform: translateX(-50%); + top: 89%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-up, #rssi-btn { + left: 37%; + visibility: hidden; + display: none; +} + +#zone-up { + left: 29%; +} + + +#scan-btn { + left: 72%; + +} + + +#rssi-btn { + left: 50%; +} + +#channel-knbu { + left: 52%; + top: 35%; +} +#channel-knbd { + left: 44%; + top: 35%; +} +#btn-emer { + left: 59%; +} + +#power-btn { + left: 23%; + top: 41%; + width: 50px; +} + +#btn-emer { + position: absolute; + transform: translateX(-50%); + top: 45%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu, #channel-knbd, #power-btn { + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#line1, #line2, #line3 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1, #softText2, #softText4 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: white; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1 { + font-size: 12px; + top: 85.2%; + left: 36%; +} + +#softText2 { + position: absolute; + left: 50%; + z-index: 1; + color: white; + font-size: 1px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; + visibility: hidden; +} + +#softText3 { + position: absolute; + left: 50%; + z-index: 1; + color: white; + font-size: 1px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; + visibility: hidden; +} +#softText4 { + font-size: 12px; + top: 85.2%; + left: 63.5%; +} + + +#line1 { + top: 77%; +} + +#line2 { + top: 79%; + font-size: 15px; +} + +#line3 { + top: 81.5%; + font-size: 14px; + left: 49.5%; + width: 41%; +} + +#startup-message { + background-color: white; + padding: 20px; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} +#boot-image { + position: absolute; + top: 74.5%; + left: 24.7%; + height: 13%; + width: 50.3%; + display: none; +} diff --git a/client/ui/tos-models/APXN70/icons/battery0.png b/client/ui/tos-models/APXN70/icons/battery0.png new file mode 100644 index 0000000..0ce8b65 Binary files /dev/null and b/client/ui/tos-models/APXN70/icons/battery0.png differ diff --git a/client/ui/tos-models/APXN70/icons/battery1.png b/client/ui/tos-models/APXN70/icons/battery1.png new file mode 100644 index 0000000..b77d49c Binary files /dev/null and b/client/ui/tos-models/APXN70/icons/battery1.png differ diff --git a/client/ui/tos-models/APXN70/icons/battery2.png b/client/ui/tos-models/APXN70/icons/battery2.png new file mode 100644 index 0000000..5258ac2 Binary files /dev/null and b/client/ui/tos-models/APXN70/icons/battery2.png differ diff --git a/client/ui/tos-models/APXN70/icons/battery3.png b/client/ui/tos-models/APXN70/icons/battery3.png new file mode 100644 index 0000000..603a8cc Binary files /dev/null and b/client/ui/tos-models/APXN70/icons/battery3.png differ diff --git a/client/ui/tos-models/APXN70/icons/battery4.png b/client/ui/tos-models/APXN70/icons/battery4.png new file mode 100644 index 0000000..c0534e4 Binary files /dev/null and b/client/ui/tos-models/APXN70/icons/battery4.png differ diff --git a/client/ui/tos-models/APXN70/icons/gps.png b/client/ui/tos-models/APXN70/icons/gps.png new file mode 100644 index 0000000..0487b37 Binary files /dev/null and b/client/ui/tos-models/APXN70/icons/gps.png differ diff --git a/client/ui/tos-models/APXN70/icons/rssi0.png b/client/ui/tos-models/APXN70/icons/rssi0.png new file mode 100644 index 0000000..0818d01 Binary files /dev/null and b/client/ui/tos-models/APXN70/icons/rssi0.png differ diff --git a/client/ui/tos-models/APXN70/icons/rssi1.png b/client/ui/tos-models/APXN70/icons/rssi1.png new file mode 100644 index 0000000..bdb122b Binary files /dev/null and b/client/ui/tos-models/APXN70/icons/rssi1.png differ diff --git a/client/ui/tos-models/APXN70/icons/rssi2.png b/client/ui/tos-models/APXN70/icons/rssi2.png new file mode 100644 index 0000000..cf1a5b7 Binary files /dev/null and b/client/ui/tos-models/APXN70/icons/rssi2.png differ diff --git a/client/ui/tos-models/APXN70/icons/rssi3.png b/client/ui/tos-models/APXN70/icons/rssi3.png new file mode 100644 index 0000000..944ac31 Binary files /dev/null and b/client/ui/tos-models/APXN70/icons/rssi3.png differ diff --git a/client/ui/tos-models/APXN70/icons/rssi4.png b/client/ui/tos-models/APXN70/icons/rssi4.png new file mode 100644 index 0000000..7a04516 Binary files /dev/null and b/client/ui/tos-models/APXN70/icons/rssi4.png differ diff --git a/client/ui/tos-models/APXN70/icons/rssi5.png b/client/ui/tos-models/APXN70/icons/rssi5.png new file mode 100644 index 0000000..56d96d0 Binary files /dev/null and b/client/ui/tos-models/APXN70/icons/rssi5.png differ diff --git a/client/ui/tos-models/APXN70/icons/rx.png b/client/ui/tos-models/APXN70/icons/rx.png new file mode 100644 index 0000000..66b5b69 Binary files /dev/null and b/client/ui/tos-models/APXN70/icons/rx.png differ diff --git a/client/ui/tos-models/APXN70/icons/scan.png b/client/ui/tos-models/APXN70/icons/scan.png new file mode 100644 index 0000000..4d5c129 Binary files /dev/null and b/client/ui/tos-models/APXN70/icons/scan.png differ diff --git a/client/ui/tos-models/APXN70/icons/sec.png b/client/ui/tos-models/APXN70/icons/sec.png new file mode 100644 index 0000000..2cc660e Binary files /dev/null and b/client/ui/tos-models/APXN70/icons/sec.png differ diff --git a/client/ui/tos-models/APXN70/icons/tx.png b/client/ui/tos-models/APXN70/icons/tx.png new file mode 100644 index 0000000..2d5e71a Binary files /dev/null and b/client/ui/tos-models/APXN70/icons/tx.png differ diff --git a/client/ui/tos-models/APXN70/radio.png b/client/ui/tos-models/APXN70/radio.png new file mode 100644 index 0000000..422787f Binary files /dev/null and b/client/ui/tos-models/APXN70/radio.png differ diff --git a/client/ui/tos-models/APXN70/style.css b/client/ui/tos-models/APXN70/style.css new file mode 100644 index 0000000..eb2c585 --- /dev/null +++ b/client/ui/tos-models/APXN70/style.css @@ -0,0 +1,232 @@ +#radio-container { + position: absolute; + bottom: 5px; + display: inline-block; +} + +body { + overflow-y: hidden; + overflow-x: hidden; + } + + +#radio-image { + display: block; + width: 450px; + height: auto; + position: relative; +} + +#rssi-icon { + position: absolute; + top: 23%; + left: 39%; + height: 6%; + width: auto; + display: block; +} +#scan-icon { + position: absolute; + top: 23%; + left: 45%; + display: none; + width: 12px; + height: auto; +} + +#battery-icon { + position: absolute; + top: 23%; + left: 66%; + height: 6%; + width: auto; + display: none; +} + +#zone-up { + position: absolute; + transform: translateX(-50%) rotate(-30deg); /* Adjust rotation angle */ + top: 58%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 0; + background-color: transparent; + color: transparent; + height: 80px; + width: 70px; /* Square dimensions */ + border: none; + cursor: pointer; + border-radius: 50%; /* Makes it a circle */ + clip-path: ellipse(80% 50% at 50% 100%); /* Crops it to a bottom curve */ +} + +#rssi-btn, #scan-btn { + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 0px auto; + padding: 0px; + background-color: transparent; + color: transparent; + width: 0px; + border: none; + cursor: pointer; +} + +#channel-up { + left: 37%; + visibility: hidden; + display: none; +} + +#zone-up { + left: 68%; +} + +#channel-knbu { + left: 58%; + top: 58%; + height: 70px; +} +#channel-knbd { + left: 50%; + top: 58%; + height: 70px; +} +#btn-emer { + left: 26.5%; +} + +#power-btn { + left: 87%; + top: 38%; + height: 90px; + width: 90px; + padding: 10px; + border-radius: 50%; +} + +#btn-emer { + position: absolute; + transform: translateX(-50%); + top: 20%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 10px; + background-color: transparent; + height: 55px; + width: 55px; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu, #channel-knbd, #power-btn { + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 10px auto; + padding: 8px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#line1, #line2, #line3 { + position: absolute; + left: 53.5%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1, #softText2, #softText4 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: white; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + color: transparent; + text-align: center; + width: 90%; +} + +#softText1 { + font-size: 12px; + top: 82%; + left: 37.5%; +} + +#softText2 { + font-size: 12px; + top: 82%; + left: 49.5%; +} + +#softText3 { + position: absolute; + left: 50%; + z-index: 1; + color: white; + font-size: 1px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + color: transparent; + width: 90%; + visibility: hidden; +} +#softText4 { + font-size: 12px; + top: 82%; + left: 61%; +} + + +#line1 { + top: 32%; +} + +#line2 { + top: 38%; + font-size: 15px; +} + +#line3 { + top: 39%; + font-size: 15px; + left: 53.5%; + width: 25%; + background-color:#f1f1f1; +} + +#startup-message { + background-color: white; + padding: 20px; + left: 48.5%; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} diff --git a/client/ui/tos-models/APXNext-T/icons/battery0.png b/client/ui/tos-models/APXNext-T/icons/battery0.png new file mode 100644 index 0000000..0ce8b65 Binary files /dev/null and b/client/ui/tos-models/APXNext-T/icons/battery0.png differ diff --git a/client/ui/tos-models/APXNext-T/icons/battery1.png b/client/ui/tos-models/APXNext-T/icons/battery1.png new file mode 100644 index 0000000..b77d49c Binary files /dev/null and b/client/ui/tos-models/APXNext-T/icons/battery1.png differ diff --git a/client/ui/tos-models/APXNext-T/icons/battery2.png b/client/ui/tos-models/APXNext-T/icons/battery2.png new file mode 100644 index 0000000..5258ac2 Binary files /dev/null and b/client/ui/tos-models/APXNext-T/icons/battery2.png differ diff --git a/client/ui/tos-models/APXNext-T/icons/battery3.png b/client/ui/tos-models/APXNext-T/icons/battery3.png new file mode 100644 index 0000000..603a8cc Binary files /dev/null and b/client/ui/tos-models/APXNext-T/icons/battery3.png differ diff --git a/client/ui/tos-models/APXNext-T/icons/battery4.png b/client/ui/tos-models/APXNext-T/icons/battery4.png new file mode 100644 index 0000000..c0534e4 Binary files /dev/null and b/client/ui/tos-models/APXNext-T/icons/battery4.png differ diff --git a/client/ui/tos-models/APXNext-T/icons/gps.png b/client/ui/tos-models/APXNext-T/icons/gps.png new file mode 100644 index 0000000..0487b37 Binary files /dev/null and b/client/ui/tos-models/APXNext-T/icons/gps.png differ diff --git a/client/ui/tos-models/APXNext-T/icons/rssi0.png b/client/ui/tos-models/APXNext-T/icons/rssi0.png new file mode 100644 index 0000000..0818d01 Binary files /dev/null and b/client/ui/tos-models/APXNext-T/icons/rssi0.png differ diff --git a/client/ui/tos-models/APXNext-T/icons/rssi1.png b/client/ui/tos-models/APXNext-T/icons/rssi1.png new file mode 100644 index 0000000..bdb122b Binary files /dev/null and b/client/ui/tos-models/APXNext-T/icons/rssi1.png differ diff --git a/client/ui/tos-models/APXNext-T/icons/rssi2.png b/client/ui/tos-models/APXNext-T/icons/rssi2.png new file mode 100644 index 0000000..cf1a5b7 Binary files /dev/null and b/client/ui/tos-models/APXNext-T/icons/rssi2.png differ diff --git a/client/ui/tos-models/APXNext-T/icons/rssi3.png b/client/ui/tos-models/APXNext-T/icons/rssi3.png new file mode 100644 index 0000000..944ac31 Binary files /dev/null and b/client/ui/tos-models/APXNext-T/icons/rssi3.png differ diff --git a/client/ui/tos-models/APXNext-T/icons/rssi4.png b/client/ui/tos-models/APXNext-T/icons/rssi4.png new file mode 100644 index 0000000..7a04516 Binary files /dev/null and b/client/ui/tos-models/APXNext-T/icons/rssi4.png differ diff --git a/client/ui/tos-models/APXNext-T/icons/rssi5.png b/client/ui/tos-models/APXNext-T/icons/rssi5.png new file mode 100644 index 0000000..56d96d0 Binary files /dev/null and b/client/ui/tos-models/APXNext-T/icons/rssi5.png differ diff --git a/client/ui/tos-models/APXNext-T/icons/rx.png b/client/ui/tos-models/APXNext-T/icons/rx.png new file mode 100644 index 0000000..66b5b69 Binary files /dev/null and b/client/ui/tos-models/APXNext-T/icons/rx.png differ diff --git a/client/ui/tos-models/APXNext-T/icons/scan.png b/client/ui/tos-models/APXNext-T/icons/scan.png new file mode 100644 index 0000000..4d5c129 Binary files /dev/null and b/client/ui/tos-models/APXNext-T/icons/scan.png differ diff --git a/client/ui/tos-models/APXNext-T/icons/sec.png b/client/ui/tos-models/APXNext-T/icons/sec.png new file mode 100644 index 0000000..2cc660e Binary files /dev/null and b/client/ui/tos-models/APXNext-T/icons/sec.png differ diff --git a/client/ui/tos-models/APXNext-T/icons/tx.png b/client/ui/tos-models/APXNext-T/icons/tx.png new file mode 100644 index 0000000..2d5e71a Binary files /dev/null and b/client/ui/tos-models/APXNext-T/icons/tx.png differ diff --git a/client/ui/tos-models/APXNext-T/radio.png b/client/ui/tos-models/APXNext-T/radio.png new file mode 100644 index 0000000..b397291 Binary files /dev/null and b/client/ui/tos-models/APXNext-T/radio.png differ diff --git a/client/ui/tos-models/APXNext-T/style.css b/client/ui/tos-models/APXNext-T/style.css new file mode 100644 index 0000000..77aae74 --- /dev/null +++ b/client/ui/tos-models/APXNext-T/style.css @@ -0,0 +1,229 @@ +#radio-container { + position: absolute; + bottom: 5px; + display: inline-block; +} + +body { + overflow-y: hidden; + overflow-x: hidden; + } + + +#radio-image { + display: block; + width: 450px; + height: auto; + position: relative; +} + +#rssi-icon { + position: absolute; + top: 18%; + left: 34%; + height: 6%; + width: auto; + display: block; +} +#scan-icon { + position: absolute; + top: 68.5%; + left: 45%; + display: none; + width: 12px; + height: auto; +} + +#battery-icon { + position: absolute; + top: 18%; + left: 63.5%; + height: 6%; + width: auto; + display: none; +} + +#zone-up { + position: absolute; + transform: translateX(-50%); + top: 15%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + height: 80px; + width: 20px; + border: none; + cursor: pointer; +} + +#rssi-btn, #scan-btn { + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 0px auto; + padding: 0px; + background-color: transparent; + color: transparent; + width: 0px; + border: none; + cursor: pointer; +} + +#channel-up { + left: 37%; + visibility: hidden; + display: none; +} + +#zone-up { + left: 73%; +} + +#channel-knbu { + left: 55%; + top: 58%; + height: 70px; +} +#channel-knbd { + left: 44%; + top: 58%; + height: 70px; +} +#btn-emer { + left: 23%; +} + +#power-btn { + left: 88%; + top: 44%; + height: 80px; + width: 80px; + padding: 10px; +} + +#btn-emer { + position: absolute; + transform: translateX(-50%); + top: 22%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 10px; + background-color: transparent; + height: 55px; + width: 55px; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu, #channel-knbd, #power-btn { + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 10px auto; + padding: 8px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#line1, #line2, #line3 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1, #softText2, #softText4 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: white; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + color: transparent; + text-align: center; + width: 90%; +} + +#softText1 { + font-size: 12px; + top: 82%; + left: 37.5%; +} + +#softText2 { + font-size: 12px; + top: 82%; + left: 49.5%; +} + +#softText3 { + position: absolute; + left: 50%; + z-index: 1; + color: white; + font-size: 1px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + color: transparent; + width: 90%; + visibility: hidden; +} +#softText4 { + font-size: 12px; + top: 82%; + left: 61%; +} + + +#line1 { + top: 28%; +} + +#line2 { + top: 34%; + font-size: 15px; +} + +#line3 { + top: 34%; + font-size: 16px; + left: 50%; + width: 20%; + background-color:#f1f1f1; +} + +#startup-message { + background-color: white; + padding: 20px; + left: 48.5%; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} diff --git a/client/ui/tos-models/APXNext/icons/battery0.png b/client/ui/tos-models/APXNext/icons/battery0.png new file mode 100644 index 0000000..0ce8b65 Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/battery0.png differ diff --git a/client/ui/tos-models/APXNext/icons/battery1.png b/client/ui/tos-models/APXNext/icons/battery1.png new file mode 100644 index 0000000..459d11c Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/battery1.png differ diff --git a/client/ui/tos-models/APXNext/icons/battery2.png b/client/ui/tos-models/APXNext/icons/battery2.png new file mode 100644 index 0000000..459d11c Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/battery2.png differ diff --git a/client/ui/tos-models/APXNext/icons/battery3.png b/client/ui/tos-models/APXNext/icons/battery3.png new file mode 100644 index 0000000..459d11c Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/battery3.png differ diff --git a/client/ui/tos-models/APXNext/icons/battery4.png b/client/ui/tos-models/APXNext/icons/battery4.png new file mode 100644 index 0000000..459d11c Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/battery4.png differ diff --git a/client/ui/tos-models/APXNext/icons/gps.png b/client/ui/tos-models/APXNext/icons/gps.png new file mode 100644 index 0000000..0487b37 Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/gps.png differ diff --git a/client/ui/tos-models/APXNext/icons/next1.png b/client/ui/tos-models/APXNext/icons/next1.png new file mode 100644 index 0000000..640848a Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/next1.png differ diff --git a/client/ui/tos-models/APXNext/icons/next2.png b/client/ui/tos-models/APXNext/icons/next2.png new file mode 100644 index 0000000..1da579b Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/next2.png differ diff --git a/client/ui/tos-models/APXNext/icons/next3.png b/client/ui/tos-models/APXNext/icons/next3.png new file mode 100644 index 0000000..b9501cc Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/next3.png differ diff --git a/client/ui/tos-models/APXNext/icons/rssi0.png b/client/ui/tos-models/APXNext/icons/rssi0.png new file mode 100644 index 0000000..ae62cd4 Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/rssi0.png differ diff --git a/client/ui/tos-models/APXNext/icons/rssi1.png b/client/ui/tos-models/APXNext/icons/rssi1.png new file mode 100644 index 0000000..15fd4d7 Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/rssi1.png differ diff --git a/client/ui/tos-models/APXNext/icons/rssi2.png b/client/ui/tos-models/APXNext/icons/rssi2.png new file mode 100644 index 0000000..a05edf7 Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/rssi2.png differ diff --git a/client/ui/tos-models/APXNext/icons/rssi3.png b/client/ui/tos-models/APXNext/icons/rssi3.png new file mode 100644 index 0000000..5d02639 Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/rssi3.png differ diff --git a/client/ui/tos-models/APXNext/icons/rssi4.png b/client/ui/tos-models/APXNext/icons/rssi4.png new file mode 100644 index 0000000..1b54555 Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/rssi4.png differ diff --git a/client/ui/tos-models/APXNext/icons/rssi5.png b/client/ui/tos-models/APXNext/icons/rssi5.png new file mode 100644 index 0000000..51bddf1 Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/rssi5.png differ diff --git a/client/ui/tos-models/APXNext/icons/rx.png b/client/ui/tos-models/APXNext/icons/rx.png new file mode 100644 index 0000000..d896b4f Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/rx.png differ diff --git a/client/ui/tos-models/APXNext/icons/scan.png b/client/ui/tos-models/APXNext/icons/scan.png new file mode 100644 index 0000000..4d5c129 Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/scan.png differ diff --git a/client/ui/tos-models/APXNext/icons/sec.png b/client/ui/tos-models/APXNext/icons/sec.png new file mode 100644 index 0000000..2cc660e Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/sec.png differ diff --git a/client/ui/tos-models/APXNext/icons/tx.png b/client/ui/tos-models/APXNext/icons/tx.png new file mode 100644 index 0000000..ff2458f Binary files /dev/null and b/client/ui/tos-models/APXNext/icons/tx.png differ diff --git a/client/ui/tos-models/APXNext/radio.png b/client/ui/tos-models/APXNext/radio.png new file mode 100644 index 0000000..b2f08de Binary files /dev/null and b/client/ui/tos-models/APXNext/radio.png differ diff --git a/client/ui/tos-models/APXNext/style.css b/client/ui/tos-models/APXNext/style.css new file mode 100644 index 0000000..a31ffac --- /dev/null +++ b/client/ui/tos-models/APXNext/style.css @@ -0,0 +1,272 @@ +#radio-container { + position: absolute; + bottom: 5px; + display: inline-block; +} + +body { + overflow-y: hidden; + overflow-x: hidden; + } + + +#radio-image { + display: block; + width: 250px; + height: auto; + position: relative; +} + +#rssi-icon { + position: absolute; + top: 56.5%; + left: 25.5%; /* Adjust this as needed */ + height: 2%; + width: auto; + display: block; +} +#scan-icon { + position: absolute; + top: 56.5%; + left: 40%; + display: none; + width: 15px; + height: auto; +} + +#battery-icon { + position: absolute; + top: 46.5%; + left: 70%; + height: 3%; + width: auto; + display: none; +} + +#zone-up, #scan-btn { + position: absolute; + transform: translateX(-50%); + top: 69%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + width: 45px; + border: none; + cursor: pointer; +} + +#channel-up { + left: 37%; + visibility: hidden; + display: none; +} + +#zone-up { + left: 32%; +} + + +#scan-btn { + left: 50%; + +} + + +#rssi-btn { + display: none; /* Completely removes it from layout */ +} + +#channel-knbu { + left: 55%; + top: 18.5%; + height: 70px; +} +#channel-knbd { + left: 44%; + top: 18.5%; + height: 70px; +} +#btn-emer { + left: 30%; +} + +#power-btn { + left: 86%; + top: 24%; + height: 50px; + width: 60px; + padding: 10px; +} + +#btn-emer { + position: absolute; + transform: translateX(-50%); + top: 28%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 10px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu, #channel-knbd, #power-btn { + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 10px auto; + padding: 8px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#line1, #line2, #line3 { + position: absolute; + left: 25.5%; /* Adjust this as needed */ + transform: none; /* Remove centering */ + z-index: 1; + color: black; + font-size: 13px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: left; /* Align text to the left */ + width: 90%; +} + +#softText1, #softText2, #softText4, #next-text { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 13px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1 { + font-size: 8px; + top: 72.5%; + left: 30%; /* Position relative to other icons */ +} + +#softText2 { + font-size: 0px; + top: 0%; + left: 0%; + color: transparent; +} + +#softText3 { + position: absolute; + left: 50%; + z-index: 1; + color: white; + font-size: 1px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; + visibility: hidden; +} +#softText4 { + font-size: 8px; + top: 72.5%; + left: 49.5%; /* Position relative to other icons */ +} +#next-text { + font-size: 8px; + top: 72.5%; + left: 69%; /* Position relative to other icons */ +} + + +#line1 { + top: 58.5%; + color:#868380; +} + +#line2 { + top: 61%; + font-size: 10px; +} + +#line3 { + top: 62.5%; + font-size: 8px; + left: 25.5%; + width: 41%; +} + +#startup-message { + background-color: white; + padding: 20px; + left: 48.5%; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} + +#next-icon1, #next-icon2, #next-icon3 { + position: absolute; + display: none; /* Hidden by default until powered on */ + width: 15px; /* Adjust as needed */ + height: auto; +} + +#next-icon1 { + top: 70%; + left: 26.5%; /* Position relative to other icons */ +} + +#next-icon2 { + top: 70%; + left: 46%; /* Position relative to other icons */ +} + +#next-icon3 { + top: 71%; + left: 65%; /* Position relative to other icons */ +} + +.tx-indicator, .rx-indicator { + position: absolute; + width: 8px; /* Adjust as needed */ + height: 74px; + top: 56.41%; /* Adjust to fit your UI */ + left: 22.5%; + transform: translateX(-50%); + text-align: center; + font-weight: bold; + color: white; + display: none; /* Hidden by default */ +} + +.tx-indicator { + background-color:#ec1c24; +} + +.rx-indicator { + background-color:#fcb400; +} + + diff --git a/client/ui/tos-models/APXNextXE/icons/battery0.png b/client/ui/tos-models/APXNextXE/icons/battery0.png new file mode 100644 index 0000000..0ce8b65 Binary files /dev/null and b/client/ui/tos-models/APXNextXE/icons/battery0.png differ diff --git a/client/ui/tos-models/APXNextXE/icons/battery1.png b/client/ui/tos-models/APXNextXE/icons/battery1.png new file mode 100644 index 0000000..b77d49c Binary files /dev/null and b/client/ui/tos-models/APXNextXE/icons/battery1.png differ diff --git a/client/ui/tos-models/APXNextXE/icons/battery2.png b/client/ui/tos-models/APXNextXE/icons/battery2.png new file mode 100644 index 0000000..5258ac2 Binary files /dev/null and b/client/ui/tos-models/APXNextXE/icons/battery2.png differ diff --git a/client/ui/tos-models/APXNextXE/icons/battery3.png b/client/ui/tos-models/APXNextXE/icons/battery3.png new file mode 100644 index 0000000..603a8cc Binary files /dev/null and b/client/ui/tos-models/APXNextXE/icons/battery3.png differ diff --git a/client/ui/tos-models/APXNextXE/icons/battery4.png b/client/ui/tos-models/APXNextXE/icons/battery4.png new file mode 100644 index 0000000..c0534e4 Binary files /dev/null and b/client/ui/tos-models/APXNextXE/icons/battery4.png differ diff --git a/client/ui/tos-models/APXNextXE/icons/gps.png b/client/ui/tos-models/APXNextXE/icons/gps.png new file mode 100644 index 0000000..0487b37 Binary files /dev/null and b/client/ui/tos-models/APXNextXE/icons/gps.png differ diff --git a/client/ui/tos-models/APXNextXE/icons/rssi0.png b/client/ui/tos-models/APXNextXE/icons/rssi0.png new file mode 100644 index 0000000..0818d01 Binary files /dev/null and b/client/ui/tos-models/APXNextXE/icons/rssi0.png differ diff --git a/client/ui/tos-models/APXNextXE/icons/rssi1.png b/client/ui/tos-models/APXNextXE/icons/rssi1.png new file mode 100644 index 0000000..bdb122b Binary files /dev/null and b/client/ui/tos-models/APXNextXE/icons/rssi1.png differ diff --git a/client/ui/tos-models/APXNextXE/icons/rssi2.png b/client/ui/tos-models/APXNextXE/icons/rssi2.png new file mode 100644 index 0000000..cf1a5b7 Binary files /dev/null and b/client/ui/tos-models/APXNextXE/icons/rssi2.png differ diff --git a/client/ui/tos-models/APXNextXE/icons/rssi3.png b/client/ui/tos-models/APXNextXE/icons/rssi3.png new file mode 100644 index 0000000..944ac31 Binary files /dev/null and b/client/ui/tos-models/APXNextXE/icons/rssi3.png differ diff --git a/client/ui/tos-models/APXNextXE/icons/rssi4.png b/client/ui/tos-models/APXNextXE/icons/rssi4.png new file mode 100644 index 0000000..7a04516 Binary files /dev/null and b/client/ui/tos-models/APXNextXE/icons/rssi4.png differ diff --git a/client/ui/tos-models/APXNextXE/icons/rssi5.png b/client/ui/tos-models/APXNextXE/icons/rssi5.png new file mode 100644 index 0000000..56d96d0 Binary files /dev/null and b/client/ui/tos-models/APXNextXE/icons/rssi5.png differ diff --git a/client/ui/tos-models/APXNextXE/icons/rx.png b/client/ui/tos-models/APXNextXE/icons/rx.png new file mode 100644 index 0000000..66b5b69 Binary files /dev/null and b/client/ui/tos-models/APXNextXE/icons/rx.png differ diff --git a/client/ui/tos-models/APXNextXE/icons/scan.png b/client/ui/tos-models/APXNextXE/icons/scan.png new file mode 100644 index 0000000..4d5c129 Binary files /dev/null and b/client/ui/tos-models/APXNextXE/icons/scan.png differ diff --git a/client/ui/tos-models/APXNextXE/icons/sec.png b/client/ui/tos-models/APXNextXE/icons/sec.png new file mode 100644 index 0000000..2cc660e Binary files /dev/null and b/client/ui/tos-models/APXNextXE/icons/sec.png differ diff --git a/client/ui/tos-models/APXNextXE/icons/tx.png b/client/ui/tos-models/APXNextXE/icons/tx.png new file mode 100644 index 0000000..2d5e71a Binary files /dev/null and b/client/ui/tos-models/APXNextXE/icons/tx.png differ diff --git a/client/ui/tos-models/APXNextXE/radio.png b/client/ui/tos-models/APXNextXE/radio.png new file mode 100644 index 0000000..c458e00 Binary files /dev/null and b/client/ui/tos-models/APXNextXE/radio.png differ diff --git a/client/ui/tos-models/APXNextXE/style.css b/client/ui/tos-models/APXNextXE/style.css new file mode 100644 index 0000000..c859226 --- /dev/null +++ b/client/ui/tos-models/APXNextXE/style.css @@ -0,0 +1,232 @@ +#radio-container { + position: absolute; + bottom: 5px; + display: inline-block; +} + +body { + overflow-y: hidden; + overflow-x: hidden; + } + + +#radio-image { + display: block; + width: 500px; + height: auto; + position: relative; +} + +#rssi-icon { + position: absolute; + top: 21.5%; + left: 36%; + height: 5%; + width: auto; + display: block; +} +#scan-icon { + position: absolute; + top: 21.5%; + left: 45%; + display: none; + width: 12px; + height: auto; +} + +#battery-icon { + position: absolute; + top: 21.5%; + left: 60%; + height: 5%; + width: auto; + display: none; +} + +#zone-up { + position: absolute; + transform: translateX(-50%); + top: 22%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + height: 75px; + width: 20px; + border: none; + cursor: pointer; +} + +#rssi-btn, #scan-btn { + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 0px auto; + padding: 0px; + background-color: transparent; + color: transparent; + width: 0px; + border: none; + cursor: pointer; +} + +#channel-up { + left: 37%; + visibility: hidden; + display: none; +} + +#zone-up { + left: 69.5%; +} + +#channel-knbu { + left: 55%; + top: 55%; + height: 70px; + width: 40px; +} +#channel-knbd { + left: 45%; + top: 55%; + height: 70px; + width: 40px; +} +#btn-emer { + left: 26%; +} + +#power-btn { + left: 88%; + top: 44%; + height: 80px; + width: 80px; + padding: 10px; +} + +#btn-emer { + position: absolute; + transform: translateX(-50%); + top: 22%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 10px; + background-color: transparent; + height: 65px; + width: 55px; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu, #channel-knbd, #power-btn { + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 10px auto; + padding: 8px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#line1, #line2, #line3 { + position: absolute; + left: 49.5%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1, #softText2, #softText4 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: white; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + color: transparent; + text-align: center; + width: 90%; +} + +#softText1 { + font-size: 12px; + top: 82%; + left: 37.5%; +} + +#softText2 { + font-size: 12px; + top: 82%; + left: 49.5%; +} + +#softText3 { + position: absolute; + left: 50%; + z-index: 1; + color: white; + font-size: 1px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + color: transparent; + width: 90%; + visibility: hidden; +} +#softText4 { + font-size: 12px; + top: 82%; + left: 61%; +} + + +#line1 { + top: 28%; + font-size: 18px; +} + +#line2 { + top: 35%; + font-size: 16px; +} + +#line3 { + top: 35%; + font-size: 16px; + left: 49.5%; + width: 20%; + background-color:#f1f1f1; +} + +#startup-message { + background-color: white; + padding: 20px; + left: 48.5%; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} diff --git a/client/ui/tos-models/E5/icons/gps.png b/client/ui/tos-models/E5/icons/gps.png new file mode 100644 index 0000000..0487b37 Binary files /dev/null and b/client/ui/tos-models/E5/icons/gps.png differ diff --git a/client/ui/tos-models/E5/icons/rssi0.png b/client/ui/tos-models/E5/icons/rssi0.png new file mode 100644 index 0000000..686b762 Binary files /dev/null and b/client/ui/tos-models/E5/icons/rssi0.png differ diff --git a/client/ui/tos-models/E5/icons/rssi1.png b/client/ui/tos-models/E5/icons/rssi1.png new file mode 100644 index 0000000..55c23fb Binary files /dev/null and b/client/ui/tos-models/E5/icons/rssi1.png differ diff --git a/client/ui/tos-models/E5/icons/rssi1bar.png b/client/ui/tos-models/E5/icons/rssi1bar.png new file mode 100644 index 0000000..142699f Binary files /dev/null and b/client/ui/tos-models/E5/icons/rssi1bar.png differ diff --git a/client/ui/tos-models/E5/icons/rssi2.png b/client/ui/tos-models/E5/icons/rssi2.png new file mode 100644 index 0000000..142699f Binary files /dev/null and b/client/ui/tos-models/E5/icons/rssi2.png differ diff --git a/client/ui/tos-models/E5/icons/rssi3.png b/client/ui/tos-models/E5/icons/rssi3.png new file mode 100644 index 0000000..de2dc52 Binary files /dev/null and b/client/ui/tos-models/E5/icons/rssi3.png differ diff --git a/client/ui/tos-models/E5/icons/rssi4.png b/client/ui/tos-models/E5/icons/rssi4.png new file mode 100644 index 0000000..94b1958 Binary files /dev/null and b/client/ui/tos-models/E5/icons/rssi4.png differ diff --git a/client/ui/tos-models/E5/icons/rssi5.png b/client/ui/tos-models/E5/icons/rssi5.png new file mode 100644 index 0000000..3cef489 Binary files /dev/null and b/client/ui/tos-models/E5/icons/rssi5.png differ diff --git a/client/ui/tos-models/E5/icons/rx.png b/client/ui/tos-models/E5/icons/rx.png new file mode 100644 index 0000000..485c639 Binary files /dev/null and b/client/ui/tos-models/E5/icons/rx.png differ diff --git a/client/ui/tos-models/E5/icons/scan.png b/client/ui/tos-models/E5/icons/scan.png new file mode 100644 index 0000000..72cb0cc Binary files /dev/null and b/client/ui/tos-models/E5/icons/scan.png differ diff --git a/client/ui/tos-models/E5/icons/sec.png b/client/ui/tos-models/E5/icons/sec.png new file mode 100644 index 0000000..1c538d9 Binary files /dev/null and b/client/ui/tos-models/E5/icons/sec.png differ diff --git a/client/ui/tos-models/E5/icons/tx.png b/client/ui/tos-models/E5/icons/tx.png new file mode 100644 index 0000000..2adee2f Binary files /dev/null and b/client/ui/tos-models/E5/icons/tx.png differ diff --git a/client/ui/tos-models/E5/radio.png b/client/ui/tos-models/E5/radio.png new file mode 100644 index 0000000..45105b8 Binary files /dev/null and b/client/ui/tos-models/E5/radio.png differ diff --git a/client/ui/tos-models/E5/style.css b/client/ui/tos-models/E5/style.css new file mode 100644 index 0000000..3a1f648 --- /dev/null +++ b/client/ui/tos-models/E5/style.css @@ -0,0 +1,225 @@ +#radio-container { + position: absolute; + bottom: 5px; + right: 10px; + width: 500px; + display: inline-block; + cursor: move; + z-index: 1000; + overflow: hidden; + +} +#power-btn { + left: 5.5%; + width: 5%; + height: 15%; +} + +#battery-icon { + position: absolute; + top: 69%; + left: 60.5%; + height: 10%; + width: auto; + display: none; + visibility: hidden; + +} + +body { + overflow-y: hidden; /* Hide vertical scrollbar */ + overflow-x: hidden; /* Hide horizontal scrollbar */ +} + +#radio-image { + display: block; + width: 500px; + height: auto; + position: relative; +} + +#rssi-icon { + position: absolute; + top: 13.2%; + left: 26.7%; + display: block; +} + +#channel-up, #zone-up, #rssi-btn, #scan-btn { + position: absolute; + transform: translateX(-50%); + top: 65%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-up { + left: 69%; +} + +#zone-up { + left: 30%; +} + +#rssi-btn { + left: 50%; +} +#scan-btn { + left: 60%; + +} + +#scan-icon { + position: absolute; + top: 13%; + left: 45%; + display: none; + width: 12px; + height: auto; +} + +#channel-knbu { + left: 85%; + +} +#channel-knbd { + left: 78%; + +} + +#btn-emer { +left: 94%; +height: 15%; +} + +#btn-emer{ + position: absolute; + transform: translateX(-50%); + top: 4%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#power-btn{ + position: absolute; + transform: translateX(-50%); + top: 5%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu, #channel-knbd { + position: absolute; + transform: translateX(-50%); + top: 5%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 5px; + padding-top: 20px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#line1, #line2, #line3 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1, #softText2, #softText3, #softText4 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: white; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1 { + font-size: 12px; + top: 56%; + left: 32%; +} + +#softText2 { + font-size: 12px; + top: 56%; + left: 50%; +} + +#softText3 { + font-size: 12px; + top: 56%; + left: 67.5%; +} + +#softText4{ +font-size: 12px; +top: 56%; +left: 58.5%; +} + +#line1 { + top: 20%; +} + +#line2 { + top: 32%; + font-size: 15px; +} + +#line3 { + top: 43%; + font-size: 14px; + left: 49.5%; + width: 46%; +} + +#startup-message { + background-color: white; + padding: 20px; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} diff --git a/client/ui/tos-models/SRX2200/icons/battery0.png b/client/ui/tos-models/SRX2200/icons/battery0.png new file mode 100644 index 0000000..0ce8b65 Binary files /dev/null and b/client/ui/tos-models/SRX2200/icons/battery0.png differ diff --git a/client/ui/tos-models/SRX2200/icons/battery1.png b/client/ui/tos-models/SRX2200/icons/battery1.png new file mode 100644 index 0000000..b77d49c Binary files /dev/null and b/client/ui/tos-models/SRX2200/icons/battery1.png differ diff --git a/client/ui/tos-models/SRX2200/icons/battery2.png b/client/ui/tos-models/SRX2200/icons/battery2.png new file mode 100644 index 0000000..5258ac2 Binary files /dev/null and b/client/ui/tos-models/SRX2200/icons/battery2.png differ diff --git a/client/ui/tos-models/SRX2200/icons/battery3.png b/client/ui/tos-models/SRX2200/icons/battery3.png new file mode 100644 index 0000000..603a8cc Binary files /dev/null and b/client/ui/tos-models/SRX2200/icons/battery3.png differ diff --git a/client/ui/tos-models/SRX2200/icons/battery4.png b/client/ui/tos-models/SRX2200/icons/battery4.png new file mode 100644 index 0000000..c0534e4 Binary files /dev/null and b/client/ui/tos-models/SRX2200/icons/battery4.png differ diff --git a/client/ui/tos-models/SRX2200/icons/gps.png b/client/ui/tos-models/SRX2200/icons/gps.png new file mode 100644 index 0000000..0487b37 Binary files /dev/null and b/client/ui/tos-models/SRX2200/icons/gps.png differ diff --git a/client/ui/tos-models/SRX2200/icons/rssi0.png b/client/ui/tos-models/SRX2200/icons/rssi0.png new file mode 100644 index 0000000..0818d01 Binary files /dev/null and b/client/ui/tos-models/SRX2200/icons/rssi0.png differ diff --git a/client/ui/tos-models/SRX2200/icons/rssi1.png b/client/ui/tos-models/SRX2200/icons/rssi1.png new file mode 100644 index 0000000..bdb122b Binary files /dev/null and b/client/ui/tos-models/SRX2200/icons/rssi1.png differ diff --git a/client/ui/tos-models/SRX2200/icons/rssi2.png b/client/ui/tos-models/SRX2200/icons/rssi2.png new file mode 100644 index 0000000..cf1a5b7 Binary files /dev/null and b/client/ui/tos-models/SRX2200/icons/rssi2.png differ diff --git a/client/ui/tos-models/SRX2200/icons/rssi3.png b/client/ui/tos-models/SRX2200/icons/rssi3.png new file mode 100644 index 0000000..944ac31 Binary files /dev/null and b/client/ui/tos-models/SRX2200/icons/rssi3.png differ diff --git a/client/ui/tos-models/SRX2200/icons/rssi4.png b/client/ui/tos-models/SRX2200/icons/rssi4.png new file mode 100644 index 0000000..7a04516 Binary files /dev/null and b/client/ui/tos-models/SRX2200/icons/rssi4.png differ diff --git a/client/ui/tos-models/SRX2200/icons/rssi5.png b/client/ui/tos-models/SRX2200/icons/rssi5.png new file mode 100644 index 0000000..56d96d0 Binary files /dev/null and b/client/ui/tos-models/SRX2200/icons/rssi5.png differ diff --git a/client/ui/tos-models/SRX2200/icons/rx.png b/client/ui/tos-models/SRX2200/icons/rx.png new file mode 100644 index 0000000..66b5b69 Binary files /dev/null and b/client/ui/tos-models/SRX2200/icons/rx.png differ diff --git a/client/ui/tos-models/SRX2200/icons/scan.png b/client/ui/tos-models/SRX2200/icons/scan.png new file mode 100644 index 0000000..4d5c129 Binary files /dev/null and b/client/ui/tos-models/SRX2200/icons/scan.png differ diff --git a/client/ui/tos-models/SRX2200/icons/sec.png b/client/ui/tos-models/SRX2200/icons/sec.png new file mode 100644 index 0000000..2cc660e Binary files /dev/null and b/client/ui/tos-models/SRX2200/icons/sec.png differ diff --git a/client/ui/tos-models/SRX2200/icons/tx.png b/client/ui/tos-models/SRX2200/icons/tx.png new file mode 100644 index 0000000..2d5e71a Binary files /dev/null and b/client/ui/tos-models/SRX2200/icons/tx.png differ diff --git a/client/ui/tos-models/SRX2200/radio.png b/client/ui/tos-models/SRX2200/radio.png new file mode 100644 index 0000000..445e903 Binary files /dev/null and b/client/ui/tos-models/SRX2200/radio.png differ diff --git a/client/ui/tos-models/SRX2200/style.css b/client/ui/tos-models/SRX2200/style.css new file mode 100644 index 0000000..e7ef12b --- /dev/null +++ b/client/ui/tos-models/SRX2200/style.css @@ -0,0 +1,220 @@ +#radio-container { + position: absolute; + bottom: 5px; + display: inline-block; +} + +body { + overflow-y: hidden; + overflow-x: hidden; + } + + +#radio-image { + display: block; + width: 450px; + height: auto; + position: relative; +} + +#rssi-icon { + position: absolute; + top: 66%; + left: 45%; + height: 2.2%; + width: auto; + display: block; +} +#scan-icon { + position: absolute; + top: 66%; + left: 53%; + display: none; + width: 14px; + height: auto; +} + +#battery-icon { + position: absolute; + top: 66%; + left: 72.5%; + height: 2.2%; + width: auto; + display: none; +} + +#zone-up, #rssi-btn, #scan-btn { + position: absolute; + transform: translateX(-50%); + top: 85%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + width: 34px; + border: none; + cursor: pointer; +} + +#channel-up { + left: 37%; + visibility: hidden; + display: none; +} + +#zone-up { + left: 50%; +} + + +#scan-btn { + left: 71%; + +} + + +#rssi-btn { + left: 60.5%; +} + +#channel-knbu { + left: 64%; + top: 38%; + height: 70px; +} +#channel-knbd { + left: 54%; + top: 38%; + height: 70px; +} +#btn-emer { + left: 43%; +} + +#power-btn { + left: 90%; + top: 42%; + height: 50px; + width: 70px; + padding: 10px; +} + +#btn-emer { + position: absolute; + transform: translateX(-50%); + top: 48%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 10px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu, #channel-knbd, #power-btn { + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 10px auto; + padding: 8px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#line1, #line2, #line3 { + position: absolute; + left: 60%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1, #softText2, #softText4 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: white; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1 { + font-size: 12px; + top: 80.5%; + left: 50%; +} + +#softText2 { + font-size: 12px; + top: 80.5%; + left: 60%; +} + +#softText3 { + position: absolute; + left: 50%; + z-index: 1; + color: white; + font-size: 1px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; + visibility: hidden; +} +#softText4 { + font-size: 12px; + top: 80.5%; + left: 70%; +} + + +#line1 { + top: 70%; +} + +#line2 { + top: 73%; + font-size: 14px; +} + +#line3 { + top: 75.5%; + font-size: 14px; + left: 60%; + width: 41%; +} + +#startup-message { + background-color: white; + padding: 20px; + left: 48.5%; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} \ No newline at end of file diff --git a/client/ui/tos-models/UNIG5/icons/battery0.png b/client/ui/tos-models/UNIG5/icons/battery0.png new file mode 100644 index 0000000..8cd1ffc Binary files /dev/null and b/client/ui/tos-models/UNIG5/icons/battery0.png differ diff --git a/client/ui/tos-models/UNIG5/icons/battery1.png b/client/ui/tos-models/UNIG5/icons/battery1.png new file mode 100644 index 0000000..cf12dc5 Binary files /dev/null and b/client/ui/tos-models/UNIG5/icons/battery1.png differ diff --git a/client/ui/tos-models/UNIG5/icons/battery2.png b/client/ui/tos-models/UNIG5/icons/battery2.png new file mode 100644 index 0000000..7746718 Binary files /dev/null and b/client/ui/tos-models/UNIG5/icons/battery2.png differ diff --git a/client/ui/tos-models/UNIG5/icons/battery3.png b/client/ui/tos-models/UNIG5/icons/battery3.png new file mode 100644 index 0000000..49d9450 Binary files /dev/null and b/client/ui/tos-models/UNIG5/icons/battery3.png differ diff --git a/client/ui/tos-models/UNIG5/icons/battery4.png b/client/ui/tos-models/UNIG5/icons/battery4.png new file mode 100644 index 0000000..8e0b670 Binary files /dev/null and b/client/ui/tos-models/UNIG5/icons/battery4.png differ diff --git a/client/ui/tos-models/UNIG5/icons/gps.png b/client/ui/tos-models/UNIG5/icons/gps.png new file mode 100644 index 0000000..0487b37 Binary files /dev/null and b/client/ui/tos-models/UNIG5/icons/gps.png differ diff --git a/client/ui/tos-models/UNIG5/icons/rssi0.png b/client/ui/tos-models/UNIG5/icons/rssi0.png new file mode 100644 index 0000000..57023ca Binary files /dev/null and b/client/ui/tos-models/UNIG5/icons/rssi0.png differ diff --git a/client/ui/tos-models/UNIG5/icons/rssi1.png b/client/ui/tos-models/UNIG5/icons/rssi1.png new file mode 100644 index 0000000..71d446d Binary files /dev/null and b/client/ui/tos-models/UNIG5/icons/rssi1.png differ diff --git a/client/ui/tos-models/UNIG5/icons/rssi2.png b/client/ui/tos-models/UNIG5/icons/rssi2.png new file mode 100644 index 0000000..a63ad58 Binary files /dev/null and b/client/ui/tos-models/UNIG5/icons/rssi2.png differ diff --git a/client/ui/tos-models/UNIG5/icons/rssi3.png b/client/ui/tos-models/UNIG5/icons/rssi3.png new file mode 100644 index 0000000..59c190f Binary files /dev/null and b/client/ui/tos-models/UNIG5/icons/rssi3.png differ diff --git a/client/ui/tos-models/UNIG5/icons/rssi4.png b/client/ui/tos-models/UNIG5/icons/rssi4.png new file mode 100644 index 0000000..1ba04f9 Binary files /dev/null and b/client/ui/tos-models/UNIG5/icons/rssi4.png differ diff --git a/client/ui/tos-models/UNIG5/icons/rssi5.png b/client/ui/tos-models/UNIG5/icons/rssi5.png new file mode 100644 index 0000000..ed923f1 Binary files /dev/null and b/client/ui/tos-models/UNIG5/icons/rssi5.png differ diff --git a/client/ui/tos-models/UNIG5/icons/rx.png b/client/ui/tos-models/UNIG5/icons/rx.png new file mode 100644 index 0000000..013c42e Binary files /dev/null and b/client/ui/tos-models/UNIG5/icons/rx.png differ diff --git a/client/ui/tos-models/UNIG5/icons/scan.png b/client/ui/tos-models/UNIG5/icons/scan.png new file mode 100644 index 0000000..72cb0cc Binary files /dev/null and b/client/ui/tos-models/UNIG5/icons/scan.png differ diff --git a/client/ui/tos-models/UNIG5/icons/sec.png b/client/ui/tos-models/UNIG5/icons/sec.png new file mode 100644 index 0000000..1c538d9 Binary files /dev/null and b/client/ui/tos-models/UNIG5/icons/sec.png differ diff --git a/client/ui/tos-models/UNIG5/icons/tx.png b/client/ui/tos-models/UNIG5/icons/tx.png new file mode 100644 index 0000000..f479280 Binary files /dev/null and b/client/ui/tos-models/UNIG5/icons/tx.png differ diff --git a/client/ui/tos-models/UNIG5/radio.png b/client/ui/tos-models/UNIG5/radio.png new file mode 100644 index 0000000..91c745d Binary files /dev/null and b/client/ui/tos-models/UNIG5/radio.png differ diff --git a/client/ui/tos-models/UNIG5/style.css b/client/ui/tos-models/UNIG5/style.css new file mode 100644 index 0000000..3c59e37 --- /dev/null +++ b/client/ui/tos-models/UNIG5/style.css @@ -0,0 +1,226 @@ +#radio-container { + position: absolute; + bottom: 5px; + right: 10px; + display: inline-block; +} + +body { + overflow-y: hidden; + overflow-x: hidden; + } + +#radio-image { + display: block; + width: 200px; + height: auto; + position: relative; +} + +#rssi-icon { + position: absolute; + top: 74.5%; + left: 25%; + display: block; +} +#scan-icon { + position: absolute; + top: 74.5%; + left: 45%; + display: none; + width: 12px; + height: auto; +} + +#battery-icon { + position: absolute; + top: 74.5%; + left: 70.2%; + height: 3%; + width: auto; + display: none; +} + +#zone-up, #scan-btn { + position: absolute; + transform: translateX(-50%); + top: 60%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-up, #rssi-btn { + left: 37%; + background: white; + visibility: hidden; + display: none; +} + +#zone-up { + left: 29%; +} + +#scan-btn { + left: 72%; + +} + +#rssi-btn { + left: 50%; +} + +#channel-knbu { + left: 47%; + top: 13%; +} +#channel-knbd { + left: 54%; + top: 13%; +} +#btn-emer { + left: 59%; +} + +#power-btn { + left: 70%; + top: 13%; + width: 50px; +} + +#btn-emer { + position: absolute; + transform: translateX(-50%); + top: 45%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu, #channel-knbd, #power-btn { + position: absolute; + transform: translateX(-50%); + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#line1, #line2, #line3 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: white; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1, #softText2, #softText4 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: white; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1 { + font-size: 12px; + top: 85.2%; + left: 36%; +} + +#softText2 { + position: absolute; + left: 50%; + z-index: 1; + color: white; + font-size: 1px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; + visibility: hidden; +} + +#softText3 { + position: absolute; + left: 50%; + z-index: 1; + color: white; + font-size: 1px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; + visibility: hidden; +} +#softText4 { + font-size: 12px; + top: 85.2%; + left: 63.5%; +} + + +#line1 { + top: 37%; +} + +#line2 { + top: 44%; + font-size: 15px; +} + +#line3 { + top: 49%; + font-size: 14px; + left: 49.5%; + width: 41%; +} + +#startup-message { + background-color: transparent; + padding: 20px; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} +#boot-image { + position: absolute; + top: 74.5%; + left: 24.7%; + height: 13%; + width: 50.3%; + display: none; +} diff --git a/client/ui/tos-models/XTL2500/icons/outofrng.png b/client/ui/tos-models/XTL2500/icons/outofrng.png new file mode 100644 index 0000000..fda79fb Binary files /dev/null and b/client/ui/tos-models/XTL2500/icons/outofrng.png differ diff --git a/client/ui/tos-models/XTL2500/icons/rssi0.png b/client/ui/tos-models/XTL2500/icons/rssi0.png new file mode 100644 index 0000000..d32efce Binary files /dev/null and b/client/ui/tos-models/XTL2500/icons/rssi0.png differ diff --git a/client/ui/tos-models/XTL2500/icons/rssi1.png b/client/ui/tos-models/XTL2500/icons/rssi1.png new file mode 100644 index 0000000..5bb5fa0 Binary files /dev/null and b/client/ui/tos-models/XTL2500/icons/rssi1.png differ diff --git a/client/ui/tos-models/XTL2500/icons/rssi1bar.png b/client/ui/tos-models/XTL2500/icons/rssi1bar.png new file mode 100644 index 0000000..386b3f8 Binary files /dev/null and b/client/ui/tos-models/XTL2500/icons/rssi1bar.png differ diff --git a/client/ui/tos-models/XTL2500/icons/rssi2.png b/client/ui/tos-models/XTL2500/icons/rssi2.png new file mode 100644 index 0000000..55f57df Binary files /dev/null and b/client/ui/tos-models/XTL2500/icons/rssi2.png differ diff --git a/client/ui/tos-models/XTL2500/icons/rssi2bar.png b/client/ui/tos-models/XTL2500/icons/rssi2bar.png new file mode 100644 index 0000000..3485d94 Binary files /dev/null and b/client/ui/tos-models/XTL2500/icons/rssi2bar.png differ diff --git a/client/ui/tos-models/XTL2500/icons/rssi3.png b/client/ui/tos-models/XTL2500/icons/rssi3.png new file mode 100644 index 0000000..73b0364 Binary files /dev/null and b/client/ui/tos-models/XTL2500/icons/rssi3.png differ diff --git a/client/ui/tos-models/XTL2500/icons/rssi3bar.png b/client/ui/tos-models/XTL2500/icons/rssi3bar.png new file mode 100644 index 0000000..cf79a80 Binary files /dev/null and b/client/ui/tos-models/XTL2500/icons/rssi3bar.png differ diff --git a/client/ui/tos-models/XTL2500/icons/rssi4.png b/client/ui/tos-models/XTL2500/icons/rssi4.png new file mode 100644 index 0000000..8a37fee Binary files /dev/null and b/client/ui/tos-models/XTL2500/icons/rssi4.png differ diff --git a/client/ui/tos-models/XTL2500/icons/rssi4bar.png b/client/ui/tos-models/XTL2500/icons/rssi4bar.png new file mode 100644 index 0000000..c519a63 Binary files /dev/null and b/client/ui/tos-models/XTL2500/icons/rssi4bar.png differ diff --git a/client/ui/tos-models/XTL2500/icons/rssi5.png b/client/ui/tos-models/XTL2500/icons/rssi5.png new file mode 100644 index 0000000..f7358bd Binary files /dev/null and b/client/ui/tos-models/XTL2500/icons/rssi5.png differ diff --git a/client/ui/tos-models/XTL2500/icons/rx.png b/client/ui/tos-models/XTL2500/icons/rx.png new file mode 100644 index 0000000..06ff6ab Binary files /dev/null and b/client/ui/tos-models/XTL2500/icons/rx.png differ diff --git a/client/ui/tos-models/XTL2500/icons/scan.png b/client/ui/tos-models/XTL2500/icons/scan.png new file mode 100644 index 0000000..a53cd41 Binary files /dev/null and b/client/ui/tos-models/XTL2500/icons/scan.png differ diff --git a/client/ui/tos-models/XTL2500/icons/sec.png b/client/ui/tos-models/XTL2500/icons/sec.png new file mode 100644 index 0000000..c349217 Binary files /dev/null and b/client/ui/tos-models/XTL2500/icons/sec.png differ diff --git a/client/ui/tos-models/XTL2500/icons/tx.png b/client/ui/tos-models/XTL2500/icons/tx.png new file mode 100644 index 0000000..76ab799 Binary files /dev/null and b/client/ui/tos-models/XTL2500/icons/tx.png differ diff --git a/client/ui/tos-models/XTL2500/radio.png b/client/ui/tos-models/XTL2500/radio.png new file mode 100644 index 0000000..6537bb3 Binary files /dev/null and b/client/ui/tos-models/XTL2500/radio.png differ diff --git a/client/ui/tos-models/XTL2500/style.css b/client/ui/tos-models/XTL2500/style.css new file mode 100644 index 0000000..7780263 --- /dev/null +++ b/client/ui/tos-models/XTL2500/style.css @@ -0,0 +1,254 @@ +#radio-container { + position: absolute; + bottom: 5px; + right: 10px; + width: 600px; + display: inline-block; + z-index: 1000; +} + +#radio-image { + display: block; + width: 600px; + height: auto; + position: relative; +} +#battery-icon { + position: absolute; + top: 69%; + left: 60.5%; + height: 10%; + width: auto; + display: none; + visibility: hidden; + +} + +#scan-icon { + position: absolute; + top: 18.5%; + left: 50.5%; + height: 7%; + width: auto; + display: none; + + +} + + +#rssi-icon { + position: fixed; + bottom: 127px; + right: 415px; + display: inline-block; +} + +#channel-up, #zone-up, #scan-btn { + position: absolute; + transform: translateX(-50%); + top: 91%; + z-index: 1; + display: block; + margin: 10px auto; + padding-top: 5px; + padding-left: 30px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu { + left: 52%; + +} +#rssi-btn { + left: 52%; + +} + +#scan-btn { +background-color: transparent; +position: absolute; +transform: translateX(-50%); +top: 75%; +left: 50%; +z-index: 1; +display: block; +margin: 10px auto; +padding-top: 5px; +padding-left: 30px; +color: transparent; +border: none; +cursor: pointer; +} +#power-btn { + left: 18%; + +} + +#channel-knbd { + left: 44%; + +} +#btn-emer { + left: 96%; + +} +#btn-emer { + position: absolute; + transform: translateX(-50%); + top: 5%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + + +#rssi-btn { + position: absolute; + transform: translateX(-50%); + top: 75%; + left: 41%; + z-index: 1; + display: block; + margin: 10px auto; + padding-top: 5px; + padding-left: 30px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} +#power-btn { + position: absolute; + transform: translateX(-50%); + top: 55%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + + + + +#channel-knbu, #channel-knbd { + position: absolute; + transform: translateX(-50%); + visibility: hidden; + top: 35%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + + + +#channel-up { + left: 69%; + top: 75%; +} + +#zone-up { + left: 32%; + top: 75%; +} + +#line1, #line2, #line3 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + + +#softText1, #softText2, #softText3, #softText4 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: #8EA595; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + + + +#softText1 { + font-size: 12px; + top: 54%; + left: 32%; +} + +#softText2 { + font-size: 12px; + top: 54%; + left: 41%; +} + +#softText3 { + font-size: 12px; + top: 54%; + left: 69%; +} +#softText4 { + font-size: 12px; + top: 54%; + left: 50%; +} +#line1 { + top: 25%; +} + +#line2 { + top: 35%; + font-size: 15px; +} + +#line3 { + top: 43%; + font-size: 14px; + left: 49.5%; + width: 41%; +} + +#startup-message { + background-color: white; + padding: 20px; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} diff --git a/client/ui/tos-models/XTS5000/icons/rssi0.png b/client/ui/tos-models/XTS5000/icons/rssi0.png new file mode 100644 index 0000000..5d47cc2 Binary files /dev/null and b/client/ui/tos-models/XTS5000/icons/rssi0.png differ diff --git a/client/ui/tos-models/XTS5000/icons/rssi1.png b/client/ui/tos-models/XTS5000/icons/rssi1.png new file mode 100644 index 0000000..5d47cc2 Binary files /dev/null and b/client/ui/tos-models/XTS5000/icons/rssi1.png differ diff --git a/client/ui/tos-models/XTS5000/icons/rssi2.png b/client/ui/tos-models/XTS5000/icons/rssi2.png new file mode 100644 index 0000000..fb98b42 Binary files /dev/null and b/client/ui/tos-models/XTS5000/icons/rssi2.png differ diff --git a/client/ui/tos-models/XTS5000/icons/rssi3.png b/client/ui/tos-models/XTS5000/icons/rssi3.png new file mode 100644 index 0000000..64c40ac Binary files /dev/null and b/client/ui/tos-models/XTS5000/icons/rssi3.png differ diff --git a/client/ui/tos-models/XTS5000/icons/rssi4.png b/client/ui/tos-models/XTS5000/icons/rssi4.png new file mode 100644 index 0000000..fcd467b Binary files /dev/null and b/client/ui/tos-models/XTS5000/icons/rssi4.png differ diff --git a/client/ui/tos-models/XTS5000/icons/rssi5.png b/client/ui/tos-models/XTS5000/icons/rssi5.png new file mode 100644 index 0000000..860a8d8 Binary files /dev/null and b/client/ui/tos-models/XTS5000/icons/rssi5.png differ diff --git a/client/ui/tos-models/XTS5000/icons/rx.png b/client/ui/tos-models/XTS5000/icons/rx.png new file mode 100644 index 0000000..860a8d8 Binary files /dev/null and b/client/ui/tos-models/XTS5000/icons/rx.png differ diff --git a/client/ui/tos-models/XTS5000/icons/scan.png b/client/ui/tos-models/XTS5000/icons/scan.png new file mode 100644 index 0000000..a53cd41 Binary files /dev/null and b/client/ui/tos-models/XTS5000/icons/scan.png differ diff --git a/client/ui/tos-models/XTS5000/icons/sec.png b/client/ui/tos-models/XTS5000/icons/sec.png new file mode 100644 index 0000000..c349217 Binary files /dev/null and b/client/ui/tos-models/XTS5000/icons/sec.png differ diff --git a/client/ui/tos-models/XTS5000/icons/tx.png b/client/ui/tos-models/XTS5000/icons/tx.png new file mode 100644 index 0000000..860a8d8 Binary files /dev/null and b/client/ui/tos-models/XTS5000/icons/tx.png differ diff --git a/client/ui/tos-models/XTS5000/radio.png b/client/ui/tos-models/XTS5000/radio.png new file mode 100644 index 0000000..f70cd5d Binary files /dev/null and b/client/ui/tos-models/XTS5000/radio.png differ diff --git a/client/ui/tos-models/XTS5000/style.css b/client/ui/tos-models/XTS5000/style.css new file mode 100644 index 0000000..8060e7e --- /dev/null +++ b/client/ui/tos-models/XTS5000/style.css @@ -0,0 +1,196 @@ +#radio-container { + position: absolute; + bottom: 5px; + right: 10px; + width: 220px; + display: inline-block; + z-index: 1000; + +} + +#radio-image { + display: block; + width: 220px; + height: auto; + position: relative; +} + +#rssi-icon { + position: absolute; + top: 77.5%; + left: 28%; + display: block; +} +#scan-icon { + position: absolute; + top: 77.5%; + left: 35%; + width: 5%; + height: auto; + display: none; +} + + +#battery-icon { + visibility: hidden; + top: 84.2%; +} + +#zone-up, #rssi-btn, #scan-btn { + position: absolute; + transform: translateX(-50%); + top: 89.5%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-up { + left: 71%; + visibility: hidden; +} +#scan-btn { + left: 71%; + +} + +#zone-up { + left: 32%; +} + +#rssi-btn { + left: 52%; +} + +#channel-knbu { + left: 58%; +} +#channel-knbd { + left: 44%; + +} +#btn-emer { + left: 67%; +} + +#btn-emer { + position: absolute; + transform: translateX(-50%); + top: 50%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 5px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#channel-knbu, #channel-knbd, #power-btn { + position: absolute; + transform: translateX(-50%); + top: 40%; + z-index: 1; + display: block; + margin: 10px auto; + padding: 7px; + background-color: transparent; + color: transparent; + border: none; + cursor: pointer; +} + +#power-btn { + left: 18%; + top: 44%; + width: 40px; +} + +#line1, #line2, #line3 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1, #softText2, #softText4 { + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; + color: black; + font-size: 17px; + font-family: Helvetica, serif; + font-weight: bold; + text-align: center; + width: 90%; +} + +#softText1 { + font-size: 12px; + top: 84.2%; + left: 36%; +} + +#softText2 { + font-size: 12px; + top: 84.2%; + left: 52%; +} + +#softText3 { + font-size: 12px; + top: 84.2%; + left: 68%; + visibility: hidden; +} +#softText4 { + font-size: 12px; + top: 84.2%; + left: 68%; + +} +#line1 { + top: 78.5%; +} + +#line2 { + top: 80.1%; + font-size: 15px; +} + +#line3 { + top: 81.7%; + font-size: 14px; + left: 49.5%; + width: 41%; +} + +#startup-message { + background-color: white; + padding: 20px; + border-radius: 10px; + text-align: center; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + display: none; +} + +#startup-message h1 { + margin: 0 0 10px; +} + +#startup-message p { + margin: 5px 0; +} \ No newline at end of file