Page details

User:
Dir:: m320
File:: index.html
Title:: M320 Manager
Issue:
Parent:: itd

General File Dir Title Issue Section

Main Text

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>M320 Manager</title>
  <style>
    /* General */
body {
  font-family: Arial, sans-serif;
}
h2,
h3 {
  position: relative;
}
h1 {
  font-size: 1.5em;
  margin: 24px 0px;
}
h2 {
  font-size: 1.2em;
  margin: 16px 0px;
}
h3 {
  font-size: 1.0em;
  margin: 8px 0px;
}
.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 2em;
  background-color: rgb(247, 247, 247);
  margin-left: -16px;
  padding-top: 16px;
  padding-bottom: 16px;
  overflow: hidden;
  max-width: 100%;
}
.footerInner {
  padding-left: 16px;
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 2em;
  background-color: rgb(247, 247, 247);
  padding: 16px;
  overflow-y: auto;
  transition: 0.4s;
  z-index: 2;
  max-width: 100%;
}
.pageTitle {
  font-weight: bold;
  font-size: 1.5em;
}
a {
  cursor: pointer;
  color: blue;
  text-decoration: none;
}
a:hover {
  color: #333;
}
.jsonContainer {
  padding: 8px;
  word-break: break-all;
}
.centered {
  display: flex;
  justify-content: center;
  align-items: center;
}
button {
  border: 1px solid #999;
  padding: 4px 6px;
}
button,
input[type=file] {
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
button:hover,
input[type=file]:hover {
  background-color: #dddddd;
}
button:active,
input[type=file]:active {
  background-color: #cccccc;
}
input.shortInput {
  width: 3em;
}
/* toggleable classes */
.hidden {
  display: none !important;
}
.hiddenWithSpacing {
  opacity: 0;
}
/* have to split up inputs and text as opacity can break some kinds of text, and color breaks inputs */
.disabled input,
.disabled select,
.disabled i,
a.disabled {
  color: rgba(0, 0, 0, 1) !important;
  opacity: .3;
  pointer-events: none;
}
.disabled :not(td:nth-child(3)) {
  color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.important {
  color: #e31010 !important;
  font-weight: bold;
}
/* sidebar */
.sidebar {
  width: 220px;
  height: 100%;
  top: 0;
  left: -220px;
  position: fixed;
  background-color: rgb(240, 240, 240);
  overflow-x: hidden;
  overflow-y: auto;
  transition: 0.4s;
  z-index: 10;
}
.innerSidebar {
  padding: 16px;
}
.sidebar a {
  display: block;
  margin-bottom: 10px;
  color: #000;
  font-weight: bold;
}
.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 36px;
}
.mainContainer {
  position: absolute;
  padding: 16px 0px 16px 16px;
  top: 3em;
  left: 0;
  transition: 0.4s;
}
.settingsDimmer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  transition: 0.4s;
  pointer-events: none;
  max-width: 100%;
  max-height: 100%;
}
.siteDimmer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  pointer-events: none;
  max-width: 100%;
  max-height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  /* overwritten by enable/disableSiteDimmer */
}
.alertPopup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  background-color: #fff;
  padding: 16px;
  border: 1px solid #000;
  box-shadow: 0px 0px 10px 0px #000;
  width: 80vw;
  max-width: 36em;
  border-radius: 5px;
  display: none;
}
/* mobile settings */
@media only screen and (min-width: 600px) {
  .header {
    height: 0;
    padding: 0;
    overflow: hidden;
  }
  /* sidebar controlled by js */
  .mainContainer {
    top: 0;
    /*margin-left controlled by js*/
  }
  .sidebar .closebtn {
    font-size: 0px;
  }
}
/* Table settings */
table {
  border-collapse: collapse;
  transition: max-height 0.4s;
  max-height: 500px;
  overflow: hidden;
}
table,
th,
td {
  border: 0px solid black;
}
th,
td {
  padding: 3px 6px;
}
/* DEVICE */
#status td {
  padding: 5px;
}
#status td:nth-child(2) {
  padding-left: 40px;
}
#status tr:nth-child(odd) {
  background-color: #7a7a7a04;
}
#status tr:nth-child(even) {
  background-color: #7a7a7a0c;
}
/* SETTINGS */
.innerSettings {
  padding-left: 8px;
}
/* notes */
table td:nth-child(3) {
  font-style: italic;
}
/* codes */
.classTableWrapper {
  overflow: auto;
}
.settingsTable td {
  text-align: center;
}
.settingsTable th,
.settingsTable td {
  padding: 2px 8px;
  min-width: 3em;
}
.settingsTable tr:nth-child(2n) {
  background-color: #80808018;
}
#settingsStatusDiv {
  padding-top: 10px;
}
#unsavedChanges {
  margin: 6px;
}
/* Password eyes */
.password-container {
  position: relative;
  display: inline-block;
}
.toggle-eye {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  cursor: pointer;
}
.eye-slash {
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAWZJREFUOI2l0rFL1VEUB/DPFd/SIES1WIiYPkEapMHJ4REE7YbSkgSFOGj9Df0JCU422BSCU0NT5NDU1uBgGFqBkIOjUETH4Z3f4ypGVGe59xzO93u/93xPiQj/E33NpZQy/C8EJSIa8HvMRsRWKeUCbmMEv7CLtxFxfC5BKpjGJu7hWp7b6McEbmINT08RRYQkGUAHh3m2sIQnaGMQ6/iI8R4uwTfwFUNnSGby1SMsZO99HKDdqL+Cz3iYhVZNkrXRJBnLfB6fcFn++1n1lSXcxTS+4VbWn+Nx1beCzcbGH9Vg+3EnIt5hDi9LKR28xs+q77uuQy5iB4+SuZ1yRzPvKUEraw+wh0sq0AHmM19IkrUcZD3YIXzBRM+FBI2nRS9wFWNYxuLZwWKgwfVWOSJ2MJlKPmAV19OBV/nyLDZ0lwrVJtaRq9xJcJ+uZW8i4jgHuoGpiNg/l+BPUUoZjoj93yr4mzgB+KC3p3vHGo8AAAAASUVORK5CYII=');
}
.eye {
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAStJREFUOI2l089qU1EQBvDfSFfZCUKprgolt6uYR9AXSd0odGOK3bSQB2jXaRC3us4z6CPoMtZuCkmhui64Oi4yt9w2V7HkwMD9vjnzzZ0/J0op1jmP1orGRhsZER28xE5SP/C5lHLzzz+IiE5EnOISb7GdNsRlRJyk+KpAROziGzbRwwHO04bJbeFrRFS3CtnELhYYJB4l/pB2hVH6Bunr1gN4jBleJ9HHTzwtpdQJnuEX+on3cIEnMMW4cfkQkxo3+Pd418BjTNvG+L+L8bv+qEt4k8rPcf2XEnorJdxr4l7iY8wbTVzgKH2v7jSxkaXCd3zMjBX206rkPuWdqo677UEpZWY5gYXlPpxhN22S3NxyErM6LtoeU27bC3dX+UvbKrcKPOSs/Rr/AGNtoZ189jJ7AAAAAElFTkSuQmCC');
}
/* FIRMWARE */
button,
#otaFileSelect {
  margin: 6px
}
.progress {
  margin: 15px auto;
  max-width: 500px;
  height: 30px;
}
li {
  margin-top: 4px;
}
.umdLogo {
  background-size: cover;
  width: 100%;
  height: 0;
  /* Replace with the aspect ratio of the image */
  padding-top: 40%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNzA0LjE4IDI4MS42MyIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48ZyBmaWxsPSIjMTA4MWM0Ij48cGF0aCBkPSJNNjIuNjUgMGg1My43djIwMS4zNmgtNTMuN3ptMTg3LjkzIDBoNTMuN3YyMDEuMzZoLTUzLjd6TTUzLjcgMEgwdjE0Ny42NmMwIDI5LjY2IDI0LjA0IDUzLjcgNTMuNyA1My43VjB6bTcxLjU5IDBjMjkuNjYgMCA1My43IDI0LjA0IDUzLjcgNTMuN3YxNDcuNjZoLTUzLjdWMHptNjIuNjUgNTMuN2MwLTI5LjY2IDI0LjA0LTUzLjcgNTMuNjktNTMuN3YyMDEuMzZoLTUzLjdWNTMuN3ptMTc4Ljk4IDBjMC0yOS42Ni0yNC4wNC01My43LTUzLjY5LTUzLjd2MjAxLjM2YzI5LjY2IDAgNTMuNy0yNC4wNCA1My43LTUzLjdWNTMuN3ptOTcuNTYtMzAuOTljMC0yLjUgMS44My00LjAxIDQuNDUtNC4wMXM0LjU4IDEuNTEgNC41OCA0LjAxdjQwLjUyaDE5Ljkydi00MS40QzQ5My40NCA4LjkxIDQ4Mi41NiAwIDQ2OC45MyAwcy0yNC4zOCAxMC41NC0yNC4zOCAyMS44M3Y0MS4zOWgxOS45MlYyMi43MXptLS45NCA2OC4yN3Y0MS40aC0xOS45MlY5MS44NWMwLTIuNS0xLjgzLTQuMDEtNC41Ny00LjAxLTIuMjkgMC0zLjk2IDEuMTUtNC4zNyAzLjA3YTQuNzYgNC43NiAwIDAgMC0uMDkuOTR2NDAuNTNoLTE5LjgzVjkxLjg1YzAtLjMxLS4wMi0uNTktLjA5LS44N3YtLjAyYy0uMzktMS45Ni0yLjA5LTMuMTMtNC41LTMuMTMtMi42MyAwLTQuNDYgMS41Mi00LjQ2IDQuMDF2NDAuNTNoLTE5Ljkydi00MS40YzAtMTEuMjggMTAuODgtMjEuODMgMjQuMzgtMjEuODMgNS42MSAwIDEwLjc1IDEuNTIgMTQuODUgNC4xOCAzLjk2LTIuNTkgOC43OS00LjE4IDE0LjAyLTQuMTggMTMuNjIgMCAyNC40OSA4LjkyIDI0LjQ5IDIxLjgzek02ODUuMTEuMDNoMTkuMDh2MTYuMTZsLTE4LjM3LjAzYy0yLjAzIDAtMy4yNiAxLjQ5LTMuMjYgMy43MSAwIDEuODYuOTMgMy4yMiAyLjQ5IDMuNTVhMy43OSAzLjc5IDAgMCAwIC43Ny4wOGwxOC4zNy0uMDN2MTYuMTFsLTE4LjM3LjAzYy0uMjYgMC0uNDguMDEtLjcxLjA4aC0uMDJjLTEuNTkuMzItMi41NCAxLjctMi41NCAzLjY1IDAgMi4xMyAxLjIzIDMuNjIgMy4yNiAzLjYyaDE4LjM3djE2LjE5SDY4NS4xYy05LjE3IDAtMTcuNzMtOC44NC0xNy43My0xOS44MSAwLTQuNTUgMS4yMy04LjczIDMuNC0xMi4wNy0yLjEtMy4yMi0zLjQtNy4xNC0zLjQtMTEuMzkgMC0xMS4wNiA3LjI0LTE5LjkgMTcuNzMtMTkuOXptLTI3MC4zNSA0MC41YzAgMi41LTEuODMgNC4wMS00LjQ1IDQuMDFzLTQuNTgtMS41MS00LjU4LTQuMDFWMGgtMTkuOTJ2NDEuMzljMCAxMi45MiAxMC44NyAyMS44MyAyNC41IDIxLjgzczI0LjM4LTEwLjU0IDI0LjM4LTIxLjgzVjBoLTE5LjkydjQwLjUyem0yMjIuODEtLjAxYzAgMi41LTEuODMgNC4wMS00LjQ1IDQuMDFzLTQuNTgtMS41MS00LjU4LTQuMDFWMGgtMTkuOTJ2NDEuMzljMCAxMi45MiAxMC44NyAyMS44MyAyNC41IDIxLjgzczI0LjM4LTEwLjU0IDI0LjM4LTIxLjgzVjBoLTE5LjkydjQwLjUyem0zNy42NiAxMjAuNDRjMC0yLjUgMS44My00LjAxIDQuNDUtNC4wMXM0LjU4IDEuNTEgNC41OCA0LjAxdjQwLjUyaDE5Ljkydi00MS4zOWMwLTEyLjkyLTEwLjg3LTIxLjgzLTI0LjUtMjEuODNzLTI0LjM4IDEwLjU0LTI0LjM4IDIxLjgzdjQxLjM5aDE5Ljkydi00MC41MnpNNTAzLjMxIDBoMTkuOTJ2NjMuMjNoLTE5Ljkyem0tMjIuODggNjkuMTloMTkuOTJ2NjMuMTZoLTE5Ljkyem0zMSA4OS45OGMwIDkuNSA3LjA3IDE1LjkxIDcuMDcgMTkuOTggMCAyLjM1LTMuNTQgNC44Mi02LjI5IDQuODItMS43IDAtMy41NC0uODctNC4zMi0xLjYxdjE3LjUyYzIuNjIuODcgNS4yNCAxLjYxIDguNzcgMS42MSAxMi4zMSAwIDIzLjgzLTguNzYgMjMuODMtMjAuNzMgMC04Ljg4LTcuMDctMTUuMTctNy4wNy0xOS45OCAwLTIuNDYgMS44NC00LjgxIDUuMzctNC44MS43OSAwIDEuNyAwIDMuNTMuNzR2LTE3LjUyYy0yLjc0LS44Ny01LjM2LS44Ny04LjktLjg3LTEyLjMxIDAtMjIgOS42Mi0yMiAyMC44NXptNDMuOTgtMjAuODZoMTkuOTJ2NjMuMTZoLTE5Ljkyem0zLjQ0LTIyLjM1djE1LjgzbC0uNDMuMDNjLS4wOCAwLTcuOTYuNTMtMTIuMTIuNTMtMTguMTYgMC0zMy40OS0xNC40NS0zMy40OS0zMS41N3MxNS4wMi0zMS41OSAzMy40OS0zMS41OWM1LjA4IDAgMTIuMDcgMS4yNCAxMi4xNSAxLjI2bC4zNi4wN3YxNS4yMWwtLjUxLS4wN3MtNC44Ny0uNjEtNy45NS0uNjFjLTkuNTUgMC0xOS4xOSA0LjczLTE5LjE5IDE1LjM1IDAgOS43IDcuNjggMTYuNDcgMTguNjYgMTYuNDcgMi40MyAwIDguNDMtLjgzIDguNDktLjgzbC41My0uMDh6TTAgMjY1LjA2YzAtMS41LjQtMi43IDEuMTktMy41OS43OS0uODggMS44OC0xLjMzIDMuMjYtMS4zMy44NCAwIDEuNTIuMjUgMi4wNC43NnMuNzggMS4yOC43OCAyLjMxYzAgMS4zOC0uMzkgMi41NC0xLjE3IDMuNDdzLTEuODQgMS4zOS0zLjE2IDEuMzljLS45IDAtMS42MS0uMjUtMi4xNC0uNzZzLS43OS0xLjI2LS43OS0yLjI1em0xNS4xNyAwYzAtMS41LjQtMi43IDEuMTktMy41OS43OS0uODggMS44OC0xLjMzIDMuMjYtMS4zMy44NCAwIDEuNTIuMjUgMi4wNC43NnMuNzggMS4yOC43OCAyLjMxYzAgMS4zOC0uMzkgMi41NC0xLjE4IDMuNDctLjc4LjkzLTEuODMgMS4zOS0zLjE2IDEuMzktLjkgMC0xLjYxLS4yNS0yLjE0LS43NnMtLjc5LTEuMjYtLjc5LTIuMjV6bTE1LjE3IDBjMC0xLjUuNC0yLjcgMS4xOS0zLjU5Ljc5LS44OCAxLjg4LTEuMzMgMy4yNi0xLjMzLjg0IDAgMS41Mi4yNSAyLjA0Ljc2cy43OCAxLjI4Ljc4IDIuMzFjMCAxLjM4LS4zOSAyLjU0LTEuMTcgMy40N3MtMS44MyAxLjM5LTMuMTYgMS4zOWMtLjkgMC0xLjYxLS4yNS0yLjE0LS43Ni0uNTItLjUxLS43OS0xLjI2LS43OS0yLjI1em0zNy45NCAyLjE2SDQ2Ljc2bDkuMDUtNDIuODFoMjEuNTJsLS45MyA0LjQ4SDU5LjgzbC0yLjg3IDEzLjczaDE1LjQzbC0uODUgNC40NUg1Ni4wNWwtMy4zMyAxNS43aDE2LjU0bC0uOTcgNC40NXoiLz48dXNlIHhsaW5rOmhyZWY9IiNCIi8+PHBhdGggZD0iTTE0MS43MiAyMzUuMTNsLS43MyAzLjEzLTYuMTguN2MuOCAxLjIxIDEuMiAyLjc1IDEuMiA0LjYzIDAgMy43My0xLjE0IDYuNy0zLjQxIDguOTItMi4yOCAyLjIyLTUuMzIgMy4zMi05LjEyIDMuMzItMS4wNyAwLTEuODktLjA4LTIuNDYtLjIzLTIuNzEgMS4wMy00LjA3IDIuMzEtNC4wNyAzLjgzIDAgLjguMzIgMS4zMy45NyAxLjYuNjQuMjcgMS41OC40NyAyLjgxLjYzbDMuNDMuNDFjMy41My40MyA2LjEgMS4yOSA3LjY4IDIuNTggMS41OSAxLjI5IDIuMzkgMy4xOCAyLjM5IDUuNjggMCAzLjU5LTEuNDIgNi4zNy00LjI3IDguMzUtMi44NSAxLjk3LTYuODYgMi45Ni0xMi4wMyAyLjk2LTMuNzkgMC02Ljc2LS43Mi04LjktMi4xNS0yLjE1LTEuNDMtMy4yMi0zLjQ2LTMuMjItNi4wNyAwLTIuMDUuNy0zLjgzIDIuMTEtNS4zMyAxLjQtMS41IDMuNjgtMi43OCA2LjgyLTMuODQtMS41Mi0uOC0yLjI4LTEuOTgtMi4yOC0zLjU0IDAtMS4zNS41LTIuNSAxLjQ5LTMuNDdzMi4zOC0xLjg3IDQuMTYtMi43MWMtMS4yMy0uNjMtMi4yMy0xLjU1LTMuMDItMi43Ny0uNzgtMS4yMi0xLjE3LTIuNjQtMS4xNy00LjI2IDAtMy43OSAxLjE2LTYuODkgMy41LTkuMzEgMi4zMy0yLjQyIDUuMzItMy42MyA4Ljk1LTMuNjMgMS41MiAwIDMuMDIuMTkgNC41MS41OGgxMC44NnptLTMxLjE4IDM3LjhjMCAxLjUuNjMgMi42OSAxLjkgMy41N3MzLjE1IDEuMzIgNS42NSAxLjMyYzMuNTUgMCA2LjMzLS42MiA4LjMzLTEuODZzMy0yLjk5IDMtNS4yNmMwLTEuMjEtLjUzLTIuMTctMS41OC0yLjg3cy0yLjg1LTEuMTktNS4zOS0xLjQ3bC00LjY1LS40N2MtMi4zNC40OS00LjE0IDEuMzUtNS4zOSAyLjU4cy0xLjg4IDIuNzEtMS44OCA0LjQ1em04LjE0LTI1LjYyYzAgMS42Ni40NCAyLjkyIDEuMzIgMy43OXMyLjEgMS4zIDMuNjYgMS4zIDIuODktLjQxIDQuMDQtMS4yMyAyLjA0LTEuOTUgMi42NS0zLjM4Yy42Mi0xLjQzLjkyLTIuOTkuOTItNC42N3MtLjQzLTIuODItMS4yOS0zLjY2LTIuMDktMS4yNi0zLjY5LTEuMjYtMi44NS4zOS0zLjk5IDEuMTljLTEuMTQuNzktMi4wMyAxLjg5LTIuNjcgMy4zMS0uNjMgMS40Mi0uOTUgMi45NS0uOTUgNC42MXoiLz48dXNlIHhsaW5rOmhyZWY9IiNDIi8+PHVzZSB4bGluazpocmVmPSIjQiIgeD0iNzkuODgiLz48cGF0aCBkPSJNMjAzLjggMjY3LjgxYy0zLjU5IDAtNi40MS0xLjA2LTguNDYtMy4xOXMtMy4wOC01LjA4LTMuMDgtOC44NS43My03LjE5IDIuMTgtMTAuNTVjMS40NS0zLjM3IDMuMzgtNS45OSA1Ljc4LTcuODYgMi40LTEuODggNS4wNC0yLjgxIDcuOTQtMi44MXM1LjIzLjY1IDYuNzQgMS45NWMxLjUgMS4zIDIuMjUgMy4xMSAyLjI1IDUuNDMgMCAzLjUxLTEuNjIgNi4yNy00Ljg2IDguMjdzLTcuODggMy0xMy45MSAzaC0uOTdsLS4xMSAyLjM0YzAgMi41Ni42IDQuNTYgMS44IDUuOTlzMy4wNiAyLjE1IDUuNTggMi4xNWMxLjIzIDAgMi41LS4xOCAzLjc5LS41MyAxLjMtLjM1IDIuOTEtLjk5IDQuODUtMS45M3Y0LjI4Yy0xLjg0Ljg2LTMuNDYgMS40Ni00Ljg2IDEuOC0xLjQxLjM0LTIuOTYuNTEtNC42Ni41MXptNC4wNy0yOS4wN2MtMi4wMSAwLTMuOS45Mi01LjY2IDIuNzUtMS43NyAxLjg0LTMuMTIgNC4zOS00LjA2IDcuNjRoLjM1YzQuNDUgMCA3Ljg2LS41OCAxMC4yMy0xLjc0czMuNTYtMi44NCAzLjU2LTUuMDVjMC0xLjAzLS4zNi0xLjg5LTEuMDctMi41OC0uNzEtLjY4LTEuODMtMS4wMi0zLjM2LTEuMDJ6bTI1LjUgMjkuMDdjLTMuNTkgMC02LjQxLTEuMDYtOC40Ni0zLjE5cy0zLjA4LTUuMDgtMy4wOC04Ljg1LjczLTcuMTkgMi4xOC0xMC41NWMxLjQ2LTMuMzcgMy4zOC01Ljk5IDUuNzgtNy44NiAyLjQtMS44OCA1LjA1LTIuODEgNy45NC0yLjgxczUuMjMuNjUgNi43NCAxLjk1YzEuNSAxLjMgMi4yNSAzLjExIDIuMjUgNS40MyAwIDMuNTEtMS42MiA2LjI3LTQuODYgOC4yN3MtNy44NyAzLTEzLjkxIDNoLS45N2wtLjEyIDIuMzRjMCAyLjU2LjYgNC41NiAxLjggNS45OXMzLjA2IDIuMTUgNS41OCAyLjE1YzEuMjMgMCAyLjQ5LS4xOCAzLjc5LS41M3MyLjkxLS45OSA0Ljg1LTEuOTN2NC4yOGMtMS44My44Ni0zLjQ1IDEuNDYtNC44NiAxLjhzLTIuOTYuNTEtNC42NS41MXptNC4wNy0yOS4wN2MtMi4wMSAwLTMuOS45Mi01LjY3IDIuNzUtMS43NyAxLjg0LTMuMTIgNC4zOS00LjA2IDcuNjRoLjM1YzQuNDUgMCA3Ljg2LS41OCAxMC4yNC0xLjc0IDIuMzctMS4xNiAzLjU1LTIuODQgMy41NS01LjA1IDAtMS4wMy0uMzUtMS44OS0xLjA3LTIuNTgtLjcxLS42OC0xLjgzLTEuMDItMy4zNS0xLjAyem0zMy4xMi00LjE5YzEuMzUgMCAyLjUyLjEzIDMuNTEuNDFsLTEuMDUgNC4zOWMtMS4wNC0uMjUtMi4wNi0uMzgtMy4wOC0uMzgtMS43OCAwLTMuNDQuNTgtNC45OSAxLjc2LTEuNTUgMS4xNy0yLjkxIDIuOC00LjA3IDQuODhzLTIuMDIgNC4zOS0yLjU2IDYuOTJsLTMuMTMgMTQuN2gtNC45Mmw2Ljg1LTMyLjA5aDQuMDdsLS42NCA1Ljk1aC4yOWMxLjQtMS44NSAyLjU2LTMuMTkgMy40OC00czEuODgtMS40MyAyLjg4LTEuODdjMS4wMS0uNDQgMi4xMi0uNjYgMy4zNS0uNjZ6Ii8+PHVzZSB4bGluazpocmVmPSIjQyIgeD0iMTMyLjczIi8+PHVzZSB4bGluazpocmVmPSIjQiIgeD0iMjEyLjYxIi8+PHBhdGggZD0iTTM1NC4zMyAyMzUuMTNsLS43MyAzLjEzLTYuMTguN2MuOCAxLjIxIDEuMiAyLjc1IDEuMiA0LjYzIDAgMy43My0xLjE0IDYuNy0zLjQxIDguOTItMi4yOCAyLjIyLTUuMzEgMy4zMi05LjEyIDMuMzItMS4wOCAwLTEuODktLjA4LTIuNDYtLjIzLTIuNzEgMS4wMy00LjA3IDIuMzEtNC4wNyAzLjgzIDAgLjguMzIgMS4zMy45NiAxLjZzMS41OC40NyAyLjgxLjYzbDMuNDMuNDFjMy41My40MyA2LjEgMS4yOSA3LjY5IDIuNThzMi4zOSAzLjE4IDIuMzkgNS42OGMwIDMuNTktMS40MiA2LjM3LTQuMjggOC4zNS0yLjg1IDEuOTctNi44NiAyLjk2LTEyLjAzIDIuOTYtMy43OSAwLTYuNzUtLjcyLTguOS0yLjE1cy0zLjIyLTMuNDYtMy4yMi02LjA3YzAtMi4wNS43LTMuODMgMi4xMS01LjMzczMuNjgtMi43OCA2LjgyLTMuODRjLTEuNTItLjgtMi4yOC0xLjk4LTIuMjgtMy41NCAwLTEuMzUuNS0yLjUgMS40OS0zLjQ3czIuMzgtMS44NyA0LjE2LTIuNzFjLTEuMjMtLjYzLTIuMjQtMS41NS0zLjAyLTIuNzdzLTEuMTctMi42NC0xLjE3LTQuMjZjMC0zLjc5IDEuMTYtNi44OSAzLjUtOS4zMSAyLjMzLTIuNDIgNS4zMS0zLjYzIDguOTQtMy42M2ExNy42NiAxNy42NiAwIDAgMSA0LjUxLjU4aDEwLjg2em0tMzEuMTggMzcuOGMwIDEuNS42MyAyLjY5IDEuOSAzLjU3czMuMTUgMS4zMiA1LjY1IDEuMzJjMy41NSAwIDYuMzMtLjYyIDguMzMtMS44NnMzLTIuOTkgMy01LjI2YzAtMS4yMS0uNTMtMi4xNy0xLjU5LTIuODctMS4wNS0uNy0yLjg1LTEuMTktNS4zOS0xLjQ3bC00LjY1LS40N2MtMi4zNC40OS00LjE0IDEuMzUtNS4zOSAyLjU4cy0xLjg3IDIuNzEtMS44NyA0LjQ1em04LjE0LTI1LjYyYzAgMS42Ni40NCAyLjkyIDEuMzIgMy43OXMyLjEgMS4zIDMuNjYgMS4zIDIuODktLjQxIDQuMDQtMS4yMyAyLjAzLTEuOTUgMi42NS0zLjM4LjkyLTIuOTkuOTItNC42Ny0uNDMtMi44Mi0xLjI5LTMuNjYtMi4wOS0xLjI2LTMuNjktMS4yNi0yLjg1LjM5LTQgMS4xOWMtMS4xNC43OS0yLjAzIDEuODktMi42NyAzLjMxLS42MyAxLjQyLS45NSAyLjk1LS45NSA0LjYxem0zOC45NyAxOS45MWw5LjExLTQyLjgxaDQuOTJsLTkuMTEgNDIuODFoLTQuOTJ6bTMyLjY4LTMyLjVjMy43MSAwIDYuNjQgMS4xIDguNzkgMy4zIDIuMTUgMi4xOSAzLjIyIDUuMjIgMy4yMiA5LjA2cy0uNyA3LjE0LTIuMTEgMTAuNC0zLjMxIDUuNzgtNS43MSA3LjU2Yy0yLjQgMS43Ny01LjExIDIuNjYtOC4xNCAyLjY2LTMuNzUgMC02LjY5LTEuMS04LjgyLTMuMzFzLTMuMTktNS4yMi0zLjE5LTkuMDUuNzEtNy4yIDIuMTQtMTAuNDdjMS40Mi0zLjI3IDMuMzQtNS43OCA1Ljc3LTcuNTIgMi40Mi0xLjc1IDUuMS0yLjYyIDguMDUtMi42MnptNi45MSAxMS42OGMwLTIuMjQtLjYxLTQuMDYtMS44My01LjQ2LTEuMjItMS4zOS0yLjg4LTIuMDktNC45Ny0yLjA5cy00LjA0LjcyLTUuNzIgMi4xNy0zIDMuNDUtMy45MiA2LjAyYy0uOTMgMi41Ny0xLjM5IDUuNDItMS4zOSA4LjU3IDAgMi41Ni42MiA0LjUzIDEuODYgNS45MyAxLjI0IDEuMzkgMy4wMiAyLjA5IDUuMzQgMi4wOSAyLjAzIDAgMy44NS0uNzEgNS40OC0yLjEzIDEuNjItMS40MyAyLjg4LTMuNDUgMy43OS02LjA4czEuMzYtNS42MyAxLjM2LTl6bTIyLjE3IDIwLjgyaC01LjA0bDguMTEtMzguMzlINDIzLjJsLjk3LTQuNDJoMjguODRsLS44OCA0LjQyaC0xMS45NWwtOC4xNyAzOC4zOXptNTcuOTItMTIuNDFjMCA0LjEyLTEuMzcgNy4zMi00LjExIDkuNTlzLTYuNiAzLjQxLTExLjU4IDMuNDFjLTIuMDcgMC0zLjg5LS4xNC01LjQ2LS40MmExNy4wNyAxNy4wNyAwIDAgMS00LjQ0LTEuNDJ2LTQuOThjMy4xNiAxLjY0IDYuNDggMi40NiA5Ljk1IDIuNDYgMy4xNiAwIDUuNjctLjc0IDcuNTItMi4yMXMyLjc4LTMuNSAyLjc4LTYuMDdjMC0xLjUzLS41MS0yLjg3LTEuNTQtNC4wM3MtMi45My0yLjUzLTUuNzItNC4xMWMtMi45NS0xLjY2LTQuOTktMy4zMi02LjEzLTQuOThzLTEuNzEtMy42Mi0xLjcxLTUuODljMC0zLjY1IDEuMjktNi42MiAzLjg3LTguOTIgMi41OC0yLjI5IDUuOTYtMy40NCAxMC4xNi0zLjQ0IDEuOTMgMCAzLjczLjE4IDUuNC41NiAxLjY3LjM3IDMuNDMgMS4wMSA1LjI4IDEuOWwtMS45MyA0LjM5Yy0xLjI5LS43NC0yLjczLTEuMzMtNC4zNC0xLjc2LTEuNi0uNDMtMy4wNy0uNjQtNC40Mi0uNjQtMi42MiAwLTQuNzIuNjgtNi4zMSAyLjA0cy0yLjM5IDMuMi0yLjM5IDUuNTJjMCAxLjA1LjE3IDEuOTYuNSAyLjcxcy44NiAxLjQ2IDEuNTggMi4xMmMuNzIuNjcgMi4xMSAxLjU5IDQuMTYgMi43OCAyLjg3IDEuNzIgNC44MSAzLjA3IDUuODEgNC4wNCAxLjAxLjk4IDEuNzcgMi4wNSAyLjI5IDMuMjRzLjc4IDIuNTUuNzggNC4xMXoiLz48dXNlIHhsaW5rOmhyZWY9IiNEIi8+PHBhdGggZD0iTTUzMy41MyAyNjcuMjJoLTQuOTJsOS43Mi00NS41Nmg0LjkybC05LjcyIDQ1LjU2em0yMS44NS0zMi4wOWwtNC4zOSAyMC4zNWMtLjM1IDEuNzQtLjUzIDMuMDktLjUzIDQuMDcgMCAyLjc5IDEuNDQgNC4xOSA0LjMgNC4xOSAxLjcyIDAgMy40MS0uNTkgNS4wNy0xLjc2czMuMTMtMi44NSA0LjM5LTUuMDRjMS4yNy0yLjE4IDIuMjQtNC44MiAyLjktNy45bDIuOTMtMTMuOTFoNC44NmwtNi43NiAzMi4wOWgtNC4wN2wuNjQtNS45NGgtLjM1Yy0xLjkxIDIuNDQtMy43NCA0LjE0LTUuNDggNS4wOS0xLjc0Ljk2LTMuNTQgMS40My01LjM5IDEuNDMtMi41IDAtNC40Ni0uNjgtNS44OS0yLjAzLTEuNDMtMS4zNi0yLjE0LTMuMy0yLjE0LTUuODIgMC0xLjIxLjIxLTIuODkuNjQtNS4wNGw0LjI4LTE5Ljc5aDQuOTh6bTMyLjk3IDI4LjY3YzEuMDcgMCAyLjQ4LS4yNSA0LjIyLS43NnYzLjc4Yy0uNjcuMjctMS40OC41MS0yLjQ2LjdzLTEuNzYuMjktMi4zNC4yOWMtMi40NCAwLTQuMzEtLjU4LTUuNjEtMS43NHMtMS45NS0yLjg5LTEuOTUtNS4yYzAtMS4yOS4xOC0yLjc1LjUzLTQuMzlsMy43Mi0xNy42M2gtNS4wM2wuNDEtMi4xNCA1LjQyLTIuMjggMy42Ni02LjY4aDIuODdsLTEuNjEgNy4zOGg4LjAybC0uNzYgMy43MmgtNy45OWwtMy43OCAxNy42OGMtLjM1IDEuNy0uNTMgMi45OS0uNTMgMy44NyAwIDEuMDkuMjggMS45My44NSAyLjUyLjU3LjU4IDEuMzYuODggMi4zNy44OHptMTQuNTIgMy40MmgtNC45Mmw2Ljg1LTMyLjA5aDQuOTJsLTYuODUgMzIuMDl6bTMuMzEtNDAuMjljMC0xLjA5LjMxLTEuOTkuOTMtMi42OC42My0uNjkgMS40NC0xLjA0IDIuNDMtMS4wNCAxLjcyIDAgMi41OC44OCAyLjU4IDIuNjQgMCAxLjA3LS4zMyAxLjk4LS45OCAyLjcycy0xLjQxIDEuMTEtMi4yNyAxLjExYy0uNzggMC0xLjQzLS4yNC0xLjkzLS43MS0uNTEtLjQ4LS43Ni0xLjE2LS43Ni0yLjA0eiIvPjx1c2UgeGxpbms6aHJlZj0iI0QiIHg9IjExOC4xNSIvPjxwYXRoIGQ9Ik02NjYuNDQgMjY3LjIybDQuMzMtMjAuMjZjLjM5LTIuMDMuNTktMy40My41OS00LjIyIDAtMS4yMy0uMzUtMi4yMi0xLjA0LTIuOTZzLTEuOC0xLjExLTMuMzItMS4xMWMtMS43NCAwLTMuNDMuNTktNS4wOCAxLjc2cy0zLjEgMi44NC00LjM2IDVjLTEuMjYgMi4xNy0yLjIxIDQuNzktMi44NiA3Ljg4bC0yLjk2IDEzLjkxaC00LjkybDYuODUtMzIuMDloNC4wN2wtLjY0IDUuOTVoLjI5YzEuODctMi4zOCAzLjY4LTQuMDcgNS40My01LjA1czMuNTYtMS40OCA1LjQzLTEuNDhjMi40OCAwIDQuNDQuNjggNS44NyAyLjA0IDEuNDQgMS4zNiAyLjE1IDMuMjUgMi4xNSA1LjcgMCAxLjU0LS4yMiAzLjMtLjY3IDUuMjdsLTQuMTkgMTkuNjhoLTQuOTh6bTM0Ljc5LTkuMWMwIDMuMDUtMS4wOCA1LjQyLTMuMjQgNy4xM3MtNS4yIDIuNTYtOS4xMiAyLjU2Yy0zLjMgMC02LjI4LS42Ny04LjkzLTIuMDJ2LTQuNjNjMS4zNy44MiAyLjg0IDEuNDUgNC40MiAxLjlzMy4wNS42OCA0LjM5LjY4YzIuNDYgMCA0LjMxLS40OSA1LjU2LTEuNDdzMS44OC0yLjIzIDEuODgtMy43NWMwLTEuMTEtLjM0LTIuMDUtMS4wMy0yLjgxLS42OC0uNzYtMi4xNi0xLjgxLTQuNDItMy4xMy0yLjU0LTEuNDMtNC4zNC0yLjgyLTUuMzktNC4xOXMtMS41OC0yLjk5LTEuNTgtNC44NmMwLTIuNjkuOTgtNC44NiAyLjk2LTYuNTEgMS45Ny0xLjY1IDQuNTctMi40NyA3Ljc5LTIuNDdhMjIuOTQgMjIuOTQgMCAwIDEgOS42NiAyLjE3bC0xLjU4IDQuMDEtMS42NC0uNzNjLTEuOTctLjg0LTQuMTItMS4yNi02LjQ0LTEuMjYtMS44MiAwLTMuMjQuNDItNC4yOCAxLjI3LTEuMDMuODUtMS41NSAxLjk1LTEuNTUgMy4yOSAwIDEuMDkuMzUgMi4wMyAxLjA0IDIuODFzMi4xMiAxLjc5IDQuMjkgMy4wMmMyLjA5IDEuMTcgMy41OSAyLjE4IDQuNSAzLjAyczEuNTkgMS43NCAyLjA0IDIuNzEuNjcgMi4wNS42NyAzLjI2ek01OTMuMjkgNDUuMjFjMS45Ni00LjEzIDMuMDUtOC43MyAzLjA1LTEzLjZDNTk2LjM0IDE0LjE1IDU4Mi4xOSAwIDU2NC43MyAwcy0zMS42MSAxNC4xNS0zMS42MSAzMS42MSAxNC4xNyAzMS42MSAzMS42MSAzMS42MWEzMS4zNiAzMS4zNiAwIDAgMCAxNy4xOS01LjA5bDUuNDYgNS4wOSAxMS43My0xMi42LTUuODEtNS40MnptLTI4LjU2IDEuM2ExNC44OSAxNC44OSAwIDAgMS0xNC44OS0xNC44OWMwLTguMjIgNi42Ny0xNC44OSAxNC44OS0xNC44OXMxNC44OSA2LjY3IDE0Ljg5IDE0Ljg5LTYuNjcgMTQuODktMTQuODkgMTQuODl6Ii8+PHBhdGggZD0iTTY3Mi41NyA2OS4xNWMtMTcuNDYgMC0zMS42MSAxNC4xNS0zMS42MSAzMS42MXMxNC4xNSAzMS42MSAzMS42MSAzMS42MSAzMS42MS0xNC4xNSAzMS42MS0zMS42MS0xNC4xNS0zMS42MS0zMS42MS0zMS42MXptMCA0Ni41MWExNC44OSAxNC44OSAwIDAgMS0xNC44OS0xNC44OWMwLTguMjIgNi42Ny0xNC44OSAxNC44OS0xNC44OXMxNC44OSA2LjY3IDE0Ljg5IDE0Ljg5LTYuNjcgMTQuODktMTQuODkgMTQuODl6bS0xOTYuODQgMjIuNjVoMTkuMDh2MTYuMTZsLTE4LjM3LjAzYy0yLjAzIDAtMy4yNiAxLjQ5LTMuMjYgMy43MSAwIDEuODYuOTMgMy4yMiAyLjQ5IDMuNTVhMy43OSAzLjc5IDAgMCAwIC43Ny4wOGwxOC4zNy0uMDN2MTYuMTFsLTE4LjM3LjAzYy0uMjYgMC0uNDguMDEtLjcxLjA4aC0uMDJjLTEuNTkuMzItMi41NCAxLjctMi41NCAzLjY1IDAgMi4xMyAxLjIzIDMuNjIgMy4yNiAzLjYyaDE4LjM3djE2LjE5aC0xOS4wOGMtOS4xNyAwLTE3LjczLTguODQtMTcuNzMtMTkuODEgMC00LjU1IDEuMjMtOC43MyAzLjQtMTIuMDctMi4xLTMuMjItMy40LTcuMTQtMy40LTExLjM5IDAtMTEuMDYgNy4yNC0xOS45IDE3LjczLTE5Ljl6bTE1Mi42Ny01Ljk2bC0uMDItLjI1Yy0uNTMtOS45NC0zLjMyLTE3LjE5LTguMzktMjIuMDMtLjYyLS42MS0xLjI3LTEuMTgtMS45NS0xLjcxIDQuNzgtNC4zNCA3Ljk0LTEyLjQ2IDcuOTQtMTguNjcgMC0xMS40Ni0xMC43OC0yMC41LTIyLjM1LTIwLjVoLTI3LjY4djYzLjE2aDE5LjU3Vjg2LjM4aDB2LS4yOXMxMi44OS0uMyAxMi40MiA4LjM3Yy0uNCA3LjI5LTUuMDcgOC4zNS05Ljc2IDguNzl2MTEuOWMxLjYzLjQxIDMuNDIuNzkgNC44NSAxLjcyIDEuMjYuODMgMi40NCAyLjA1IDMuMzcgMy40NC43NSAxLjEzIDEuMzMgMi4zNiAxLjYyIDMuNTUuMi44My42NCA4LjQ4LjQ5IDguNDhoMTkuOXptMTIuOTggMTUuNjRoLjAydjkuN2wtLjEzLS4wNy0xLjg0LS43OS0xLjI3LS40NS0uMS0uMDMtMi43Ni0uODYtMi44My0uNy0xLjM5LS4yYy0uMDgtLjAyLS4xNy0uMDItLjI1LS4wM2wtNi4wMS0uNGMtOS41NSAwLTE5LjE5IDQuNzUtMTkuMTkgMTUuMzUgMCA5LjI1IDYuODIgMTUuODEgMTcuMDcgMTYuNDZ2LTEzLjA4aDE4LjcxdjI4LjU5aC0yMC42NGMtMTguMTQgMC0zMy40Ny0xNC40NS0zMy40Ny0zMS41OSAwLTEwLjI2IDUuMzgtMTkuOTUgMTQuNDItMjUuOTFsLjEzLS4wOGEzNC42OSAzNC42OSAwIDAgMSAxOC45Mi01LjZjLjI4IDAgLjUzIDAgLjgzLjAyLjA3LS4wMi4yLS4wMi4zMy0uMDIgMy4zMyAwIDcuMDQuNDEgMTAuNjkgMS4yMS4wNy4wMi4xMy4wMy4yLjA1bC4xOC4wM2MzLjg0Ljg2IDYuNzIgMS45IDguMTggMi42MmwuMjMuMTItLjAyIDUuNjZ6bS0xOTMuOTcgMjEuMTljMCA5LjU4LTMuMDkgMTcuNC05LjI3IDIzLjQ1LTYuMTggNi4wNi0xNC4xMyA5LjA5LTIzLjg2IDkuMDktMS4xNSAwLTMuMDItLjA3LTUuNjEtLjE5di0xOC41OGgzLjAxYzEwLjk3IDAgMTYuNDUtNC41OSAxNi40NS0xMy43NyAwLTguNjItNS4zOS0xMi45My0xNi4xNy0xMi45M2gtNi4zMnY0NS4xMmgtMTkuOTN2LTYzLjI5aDI1LjZjMTAuNzUgMCAxOS4xNyAyLjQ0IDI1LjI2IDcuMzMgNy4yMyA1Ljg0IDEwLjg0IDEzLjc2IDEwLjg0IDIzLjc3eiIvPjwvZz48ZGVmcyA+PHBhdGggaWQ9IkIiIGQ9Ik05Ni4yNSAyNjcuMjJsNC4zMy0yMC4yNmMuMzktMi4wMy41OC0zLjQzLjU4LTQuMjIgMC0xLjIzLS4zNS0yLjIyLTEuMDQtMi45NnMtMS44LTEuMTEtMy4zMi0xLjExYy0xLjc0IDAtMy40My41OS01LjA4IDEuNzZzLTMuMSAyLjg0LTQuMzYgNWMtMS4yNiAyLjE3LTIuMjEgNC43OS0yLjg1IDcuODhsLTIuOTYgMTMuOTFoLTQuOTJsNi44NS0zMi4wOWg0LjA3bC0uNjQgNS45NWguMjljMS44OC0yLjM4IDMuNjktNC4wNyA1LjQzLTUuMDVzMy41Ni0xLjQ4IDUuNDMtMS40OGMyLjQ4IDAgNC40NC42OCA1Ljg3IDIuMDQgMS40NCAxLjM2IDIuMTUgMy4yNSAyLjE1IDUuNyAwIDEuNTQtLjIyIDMuMy0uNjcgNS4yN2wtNC4xOSAxOS42OGgtNC45OHoiLz48cGF0aCBpZD0iQyIgZD0iTTE0Ni4yIDI2Ny4yMmgtNC45Mmw2Ljg1LTMyLjA5aDQuOTJsLTYuODUgMzIuMDl6bTMuMzEtNDAuMjljMC0xLjA5LjMyLTEuOTkuOTQtMi42OHMxLjQzLTEuMDQgMi40My0xLjA0YzEuNzIgMCAyLjU4Ljg4IDIuNTggMi42NCAwIDEuMDctLjMzIDEuOTgtLjk4IDIuNzJzLTEuNDEgMS4xMS0yLjI3IDEuMTFjLS43OCAwLTEuNDMtLjI0LTEuOTMtLjcxLS41MS0uNDgtLjc2LTEuMTYtLjc2LTIuMDR6Ii8+PHBhdGggaWQ9IkQiIGQ9Ik01MTIuMTMgMjM0LjcyYzMuNzEgMCA2LjY0IDEuMSA4Ljc5IDMuMyAyLjE1IDIuMTkgMy4yMiA1LjIyIDMuMjIgOS4wNnMtLjcgNy4xNC0yLjExIDEwLjQtMy4zMSA1Ljc4LTUuNzEgNy41NmMtMi40IDEuNzctNS4xMSAyLjY2LTguMTQgMi42Ni0zLjc1IDAtNi42OS0xLjEtOC44Mi0zLjMxcy0zLjE5LTUuMjItMy4xOS05LjA1LjcxLTcuMiAyLjE0LTEwLjQ3YzEuNDItMy4yNyAzLjM0LTUuNzggNS43Ny03LjUyIDIuNDItMS43NSA1LjEtMi42MiA4LjA1LTIuNjJ6bTYuOTEgMTEuNjhjMC0yLjI0LS42MS00LjA2LTEuODMtNS40Ni0xLjIyLTEuMzktMi44OC0yLjA5LTQuOTctMi4wOXMtNC4wNC43Mi01LjcyIDIuMTdjLTEuNjkgMS40NC0zIDMuNDUtMy45MiA2LjAyLS45MyAyLjU3LTEuMzkgNS40Mi0xLjM5IDguNTcgMCAyLjU2LjYyIDQuNTMgMS44NiA1LjkzIDEuMjQgMS4zOSAzLjAyIDIuMDkgNS4zNCAyLjA5IDIuMDMgMCAzLjg1LS43MSA1LjQ4LTIuMTMgMS42Mi0xLjQzIDIuODgtMy40NSAzLjc5LTYuMDhzMS4zNi01LjYzIDEuMzYtOXoiLz48L2RlZnM+PC9zdmc+")
}
    #triggerSecurityTable {
    margin-top: 8px;
    margin-bottom: 8px;
}
#codesExplanation {
    line-height: 1.5;
}
#codesExplanation .indented {
    margin-left: 12px;
    font-style: italic;
}
  </style>
</head>
<body>
  <div class="sidebar">
    <div class="innerSidebar">
      <span style="padding:2px;" onclick="closeSidebar()"><a class="closebtn">&times;</a></span>
      <div style="padding:6px;">
        <div class="umdLogo" ></div>
      </div>
      <h1 id="deviceName">M320 Manager</h1> 
      <div id="sidebarMainSections">
        <div id="deviceSection">
          <h2><a id="deviceSelect" class="sidebarSection sidebarDeviceSection" onclick="displaySection('device');">
            Device
          </a></h2>
        </div>
        <div id="settingsSection">
          <h2><a id="settingsSelect" class="sidebarSection sidebarSettingSection _fd_connected" onclick="displaySection('settings');">
            Settings
          </a></h2>
          <div style="margin-left:10px" class="_fh_connected">
            <a id="miscSelect" class="sidebarSection sidebarSettingSection None"
              onclick="displaySection('misc');">
            </a>
            <a id="securitySelect" class="sidebarSection sidebarSettingSection _th_modelU"
              onclick="displaySection('security');">
              Security
            </a>
            <a id="triggerSelect" class="sidebarSection sidebarSettingSection None"
              onclick="displaySection('trigger');">
              Trigger
            </a>
            <a id="networkingSelect" class="sidebarSection sidebarSettingSection wifiOrEthOnly"
              onclick="displaySection('networking');">
              Networking
            </a>
            <a id="ethernetSelect" class="sidebarSection sidebarSettingSection ethOnly"
              onclick="displaySection('ethernet');">
              Ethernet
            </a>
            <a id="wifi_apSelect" class="sidebarSection sidebarSettingSection wifiOnly"
              onclick="displaySection('wifi_ap');">
              Wi-Fi Access Point
            </a>
            <a id="wifi_clientSelect" class="sidebarSection sidebarSettingSection wifiOnly"
              onclick="displaySection('wifi_client');">
              Wi-Fi Client
            </a>
            <a id="usbSelect" class="sidebarSection sidebarSettingSection usbHostOnly"
              onclick="displaySection('usb');">
              USB
            </a>
            <a id="codesSelect" class="sidebarSection sidebarSettingSection None"
              onclick="displaySection('codes');">
              Command codes
            </a>
            <a id="rfid_readerSelect" class="sidebarSection sidebarSettingSection rfidOnly"
              onclick="displaySection('rfid_reader');">
              RFID Reader
            </a>
          </div>
        </div>
        <div id="updateFirmwareSection">
          <h2><a id="updateFirmwareSelect" class="sidebarSection _fd_connected" onclick="displaySection('updateFirmware');">
            Update Firmware
          </a></h2>
        </div>
        <div id="documentationSection">
          <h2><a id="documentationSelect" class="sidebarSection" onclick="displaySection('documentation');">
            Documentation
          </a></h2>
        </div>
      </div>
    </div>
  </div>
  <div class="settingsDimmer" onclick="closeSidebar();"></div>
  <div class="siteDimmer"></div>
  <div class="alertPopup"></div>
  <div class="mainContainer">
    <div class="header"> 
      <a class="pageTitle" style="color:black;" onclick="toggleSidebar();">&#9776;&nbsp;&nbsp;M320 Manager</a>
    </div>
    <div id="deviceWrapper">
      <h1 class="sectionHeader">Device</h1>
      <div id="device">
  <div id="connectDiv">
    <h2>Connect</h2>
    <div id="usbConnectContainer">
      <span id="usbConnectButtonContainer"><button id="usbConnect">Connect</button></span>
      <span id="usbDebugDiv" class="_fd_connected"><button id="usbDebug">Test connection</button></span>
      <br><span id="usbStatusDiv" style="margin-top:10px;"><br></span>
    </div>
  </div>
  <div id="controlDiv" class="_fd_connected">
    <h2>Control</h2>
    <button type="button" id="buttonRestart">Restart</button>
    <button type="button" id="buttonTrigger1">Trigger #1</button>
    <button type="button" id="buttonTrigger2">Trigger #2</button><br>
    <div id="debugStatusDiv" style="margin-top:10px;"><br></div>
  </div>
        <div style="height: 30px" id="statusBuffer"></div>
        <div id="status">
          <h1>Status</h1>
              <div>
                <h3>Module</h3>
                <table>
                    <tr class="None">
                      <td>Connection status</td>
                      <td id="statusConnectionStatus"></td>
                    </tr>
                    <tr class="_fh_connected">
                      <td>Firmware option</td>
                      <td id="statusFirmwareOption"></td>
                    </tr>
                    <tr class="_fh_connected">
                      <td>Firmware version</td>
                      <td id="statusFirmwareVersion"></td>
                    </tr>
                    <tr class="_fh_connected">
                      <td>Up time</td>
                      <td id="statusUpTime"></td>
                    </tr>
                    <tr class="_fh_connected">
                      <td>Serial number</td>
                      <td id="statusSerialNumber"></td>
                    </tr>
                    <tr class="_fh_connected">
                      <td>State</td>
                      <td id="statusState"></td>
                    </tr>
                    <tr class="_fh_connected">
                      <td>Model</td>
                      <td id="statusModelNumber"></td>
                    </tr>
                </table>
              </div>
                <div class="_fh_connected">
                <div class="ethOnly">
              <div>
                <h3>Ethernet</h3>
                <table>
                    <tr class="None">
                      <td>MAC address</td>
                      <td id="statusEthMacAddress"></td>
                    </tr>
                    <tr class="None">
                      <td>Status</td>
                      <td id="statusEthStatus"></td>
                    </tr>
                    <tr class="None">
                      <td>IP</td>
                      <td id="statusEthIp"></td>
                    </tr>
                    <tr class="None">
                      <td>Netmask</td>
                      <td id="statusEthNetmask"></td>
                    </tr>
                    <tr class="None">
                      <td>Gateway</td>
                      <td id="statusEthGateway"></td>
                    </tr>
                </table>
              </div>
                </div>
                </div>
                <div class="_fh_connected">
                <div class="wifiOnly">
              <div>
                <h3>Wi-Fi Access Point</h3>
                <table>
                    <tr class="None">
                      <td>MAC address</td>
                      <td id="statusWifiApMacAddress"></td>
                    </tr>
                    <tr class="None">
                      <td>Status</td>
                      <td id="statusWifiApStatus"></td>
                    </tr>
                    <tr class="None">
                      <td>SSID</td>
                      <td id="statusWifiApSsid"></td>
                    </tr>
                    <tr class="None">
                      <td>IP</td>
                      <td id="statusWifiApIp"></td>
                    </tr>
                    <tr class="None">
                      <td>Netmask</td>
                      <td id="statusWifiApNetmask"></td>
                    </tr>
                </table>
              </div>
                </div>
                </div>
                <div class="_fh_connected">
                <div class="wifiOnly">
              <div>
                <h3>Wi-Fi Client</h3>
                <table>
                    <tr class="None">
                      <td>MAC address</td>
                      <td id="statusWifiStaMacAddress"></td>
                    </tr>
                    <tr class="None">
                      <td>Status</td>
                      <td id="statusWifiStaStatus"></td>
                    </tr>
                    <tr class="None">
                      <td>SSID</td>
                      <td id="statusWifiStaSsid"></td>
                    </tr>
                    <tr class="None">
                      <td>IP</td>
                      <td id="statusWifiStaIp"></td>
                    </tr>
                    <tr class="None">
                      <td>Netmask</td>
                      <td id="statusWifiStaNetmask"></td>
                    </tr>
                    <tr class="None">
                      <td>Gateway</td>
                      <td id="statusWifiStaGateway"></td>
                    </tr>
                </table>
              </div>
                </div>
                </div>
        </div>
      </div>
    </div>
    <div id="settingsWrapper" class="hidden">
      <h1>Settings</h1>
      <div id="settings">
        <button type="button" id="resetDefaultsButton" onclick="resetToDefaultsHandler();">Reset to factory defaults</button><br>
        <h2>Settings I/O</h2>
        <div id="settingsIO">
          <button type="button" id="exportButton" onclick="exportToJson();">Export settings to file</button><br>
          <button type="button" id="importButton">Import settings from file</button>
          <input type="file" id="jsonFileInput" accept=".json" style="display:none;" onchange="importFromJson();">
        </div>
      </div>
        <div id="misc" class="hidden">
          <div class="innerSettings">
    <div id="misc">
      <h2 class="sectionHeader"></h2>
      <div class="innerSettings">
        <table id="miscTable">
        </table>
      </div>
    </div>
          </div>
        </div>
        <div id="security" class="hidden">
          <div class="innerSettings">
    <div id="security" class="_th_modelU">
      <h2 class="sectionHeader">Security</h2>
      <div class="innerSettings">
        <table id="securityTable">
            </table>
    <div id="triggerSecurity">
      <h3 class="sectionHeader">Trigger security</h3>
      <div class="innerSettings">
        <div style="font-style: italic;max-width:30vw;">If enabled, codes submitted via Wi-Fi or Ethernet will require the following password to be entered before the code itself</div><div style="font-style: italic; padding-top: 0.5em;">i.e., `&lt;ESC&gt;p0` &rarr; `pass&lt;ESC&gt;p0`</div>
        <table id="triggerSecurityTable">
    <tr>
      <td>Enable trigger password</td>
      <td>
    <input type="checkbox" name="tcp_pass_protected">
</td>
    </tr>
    <tr class="fd_tcp_pass_protected">
      <td>Trigger password</td>
      <td>
    <div class="password-container">
      <input type="password" name="trigger_password">
      <i class="eye-slash toggle-eye" onclick="togglePasswordVisibility(this.parentNode);"></i>
    </div>
</td>
    </tr>
        </table>
      </div>
    </div>
            </table>
    <div id="device_manager_login" class="wifiOrEthOnly">
      <h3 class="sectionHeader">Site login credentials</h3>
      <div class="innerSettings">
        <table id="device_manager_loginTable">
    <tr>
      <td>Username</td>
      <td>
    <input type="text" name="site_username">
</td>
    </tr>
    <tr>
      <td>Password</td>
      <td>
    <div class="password-container">
      <input type="password" name="site_password">
      <i class="eye-slash toggle-eye" onclick="togglePasswordVisibility(this.parentNode);"></i>
    </div>
</td>
    </tr>
    <tr>
      <td>Confirm password</td>
      <td>
    <div class="password-container">
      <input type="password" name="site_password_conf">
      <i class="eye-slash toggle-eye" onclick="togglePasswordVisibility(this.parentNode);"></i>
    </div>
</td>
    </tr>
        </table>
      </div>
    </div>
        </table>
      </div>
    </div>
          </div>
        </div>
        <div id="trigger" class="hidden">
          <div class="innerSettings">
    <div id="trigger">
      <h2 class="sectionHeader">Trigger</h2>
      <div class="innerSettings">
        <table id="triggerTable">
    <tr>
      <td>Send response on open</td>
      <td>
    <input type="checkbox" name="response_on_open">
</td>
        <td>Sends `0x14 0x00 0x00 0x0f`</td>
    </tr>
    <tr>
      <td>Send response on close</td>
      <td>
    <input type="checkbox" name="response_on_close">
</td>
        <td>Sends `0x10 0x00 0x00 0x0f`</td>
    </tr>
    <tr>
      <td>Invert status pin</td>
      <td>
    <input type="checkbox" name="invert_status_pin">
</td>
        <td>Enable this if 'state' in <a onclick="displaySection('device');">Status</a> is 'open' when it should be 'closed'</td>
    </tr>
    <tr>
      <td>Relay on-time</td>
      <td>
    <select name="on_time_ms">
        <option value="10">10ms</option>
        <option value="25">25ms</option>
        <option value="50">50ms</option>
        <option value="100">100ms</option>
        <option value="150">150ms</option>
        <option value="200">200ms</option>
        <option value="250">250ms</option>
        <option value="300">300ms</option>
        <option value="350">350ms</option>
        <option value="400">400ms</option>
        <option value="450">450ms</option>
        <option value="500">500ms</option>
        <option value="750">750ms</option>
        <option value="1000">1000ms</option>
    </select>
</td>
    </tr>
    <tr>
      <td>Relay trigger voltage</td>
      <td>
    <select name="trigger_voltage_mv">
        <option value="5000">5V</option>
        <option value="9000">9V</option>
        <option value="12000">12V</option>
        <option value="18000">18V</option>
        <option value="24000">24V</option>
    </select>
</td>
    </tr>
    <tr class="minFW minFW_v2.0.0">
      <td>Minimum relay trigger voltage (mV)</td>
      <td>
    <input type="number" name="trigger_min_voltage_mv" style="width: 6em;">
</td>
        <td>Relay charges up to "Relay trigger voltage" but will allow triggering at this voltage.<br>Reduces minimum charge times, but may cause misfires if set too low.<br>0 = Determined automatically.</td>
    </tr>
    <tr class="wifiOrEthOnly">
      <td>Send message on TCP connection</td>
      <td>
    <input type="checkbox" name="msg_on_tcp_connection">
</td>
        <td>Sends "Password:" when connecting via TCP</td>
    </tr>
        </table>
      </div>
    </div>
          </div>
        </div>
        <div id="networking" class="hidden">
          <div class="innerSettings">
    <div id="networking" class="wifiOrEthOnly">
      <h2 class="sectionHeader">Networking</h2>
      <div class="innerSettings">
        <table id="networkingTable">
    <tr>
      <td>Enable mDNS</td>
      <td>
    <input type="checkbox" name="mdns_enabled">
</td>
    </tr>
    <tr class="fd_mdns_enabled">
      <td>mDNS hostname</td>
      <td>
    <input type="text" name="mdns_hostname">
</td>
    </tr>
    <tr>
      <td>TCP port</td>
      <td>
    <input type="number" name="tcp_port">
</td>
    </tr>
        </table>
      </div>
    </div>
          </div>
        </div>
        <div id="ethernet" class="hidden">
          <div class="innerSettings">
    <div id="ethernet" class="ethOnly">
      <h2 class="sectionHeader">Ethernet</h2>
      <div class="innerSettings">
        <table id="ethernetTable">
    <tr>
      <td>Enabled</td>
      <td>
    <input type="checkbox" name="eth_enabled">
</td>
    </tr>
    <tr class="fd_eth_enabled">
      <td>Connection type</td>
      <td>
    <select name="eth_static_ip_enabled">
        <option value="false">DHCP</option>
        <option value="true">Static IP</option>
    </select>
</td>
    </tr>
            </table>
    <div id="static_ip">
      <div class="fd_eth_enabled">
      <div class="fd_eth_static_ip_enabled">
      <h3 class="sectionHeader">Static IP</h3>
      <div class="innerSettings">
        <table id="static_ipTable">
    <tr>
      <td>Static IP</td>
      <td>
    <input type="text" name="eth_static_ip">
</td>
    </tr>
    <tr>
      <td>Netmask</td>
      <td>
    <input type="text" name="eth_netmask">
</td>
    </tr>
    <tr>
      <td>Gateway</td>
      <td>
    <input type="text" name="eth_gateway">
</td>
    </tr>
    <tr>
      <td>Primary DNS</td>
      <td>
    <input type="text" name="eth_primary_dns">
</td>
    </tr>
    <tr>
      <td>Secondary DNS</td>
      <td>
    <input type="text" name="eth_secondary_dns">
</td>
    </tr>
        </table>
      </div>
      </div></div>
    </div>
        </table>
      </div>
    </div>
          </div>
        </div>
        <div id="wifi_ap" class="hidden">
          <div class="innerSettings">
    <div id="wifi_ap" class="wifiOnly">
      <h2 class="sectionHeader">Wi-Fi Access Point</h2>
      <div class="innerSettings">
        <table id="wifi_apTable">
    <tr>
      <td>Enabled</td>
      <td>
    <select name="wifi_ap_enabled">
        <option value="0">Disabled</option>
        <option value="1">On startup</option>
        <option value="2">Enabled</option>
    </select>
</td>
        <td>    <div class="rel_wifi_ap_enabled 0h_wifi_ap_enabled">
        <div class="rel_wifi_ap_enabled 2h_wifi_ap_enabled">
            On startup the hotspot will be live for 10 minutes
        </div>
    </div>
</td>
    </tr>
    <tr class="rel_wifi_ap_enabled 0d_wifi_ap_enabled">
      <td>SSID</td>
      <td>
    <input type="text" name="wifi_ap_ssid">
</td>
    </tr>
    <tr class="rel_wifi_ap_enabled 0d_wifi_ap_enabled">
      <td>Password</td>
      <td>
    <div class="password-container">
      <input type="password" name="wifi_ap_password">
      <i class="eye-slash toggle-eye" onclick="togglePasswordVisibility(this.parentNode);"></i>
    </div>
</td>
    </tr>
    <tr class="rel_wifi_ap_enabled 0d_wifi_ap_enabled">
      <td>IP</td>
      <td>
    <input type="text" name="wifi_ap_static_ip">
</td>
    </tr>
    <tr class="rel_wifi_ap_enabled 0d_wifi_ap_enabled">
      <td>Netmask</td>
      <td>
    <input type="text" name="wifi_ap_netmask">
</td>
    </tr>
        </table>
      </div>
    </div>
          </div>
        </div>
        <div id="wifi_client" class="hidden">
          <div class="innerSettings">
    <div id="wifi_client" class="wifiOnly">
      <h2 class="sectionHeader">Wi-Fi Client</h2>
      <div class="innerSettings">
        <table id="wifi_clientTable">
    <tr>
      <td>Enabled</td>
      <td>
    <input type="checkbox" name="wifi_client_enabled">
</td>
    </tr>
    <tr class="fd_wifi_client_enabled">
      <td>SSID</td>
      <td>
    <input type="text" name="wifi_client_ssid">
</td>
    </tr>
    <tr class="fd_wifi_client_enabled">
      <td>Password</td>
      <td>
    <div class="password-container">
      <input type="password" name="wifi_client_password">
      <i class="eye-slash toggle-eye" onclick="togglePasswordVisibility(this.parentNode);"></i>
    </div>
</td>
    </tr>
    <tr class="fd_wifi_client_enabled">
      <td>Authentication mode</td>
      <td>
    <select name="wifi_client_authmode">
        <option value="0">OPEN</option>
        <option value="1">WEP</option>
        <option value="2">WPA_PSK</option>
        <option value="3">WPA2_PSK</option>
        <option value="4">WPA_WPA2_PSK</option>
        <option value="5">ENTERPRISE</option>
        <option value="5">WPA2_ENTERPRISE</option>
        <option value="6">WPA3_PSK</option>
        <option value="7">WPA2_WPA3_PSK</option>
        <option value="8">WAPI_PSK</option>
        <option value="9">OWE</option>
        <option value="10">WPA3_ENT_192</option>
        <option value="11">WPA3_EXT_PSK</option>
    </select>
</td>
    </tr>
    <tr class="fd_wifi_client_enabled">
      <td>Connection type</td>
      <td>
    <select name="wifi_client_static_ip_enabled">
        <option value="false">DHCP</option>
        <option value="true">Static IP</option>
    </select>
</td>
    </tr>
            </table>
    <div id="static_ip">
      <div class="fd_wifi_client_enabled">
      <div class="fd_wifi_client_static_ip_enabled">
      <h3 class="sectionHeader">Static IP</h3>
      <div class="innerSettings">
        <table id="static_ipTable">
    <tr>
      <td>Static IP</td>
      <td>
    <input type="text" name="wifi_client_static_ip">
</td>
    </tr>
    <tr>
      <td>Netmask</td>
      <td>
    <input type="text" name="wifi_client_netmask">
</td>
    </tr>
    <tr>
      <td>Gateway</td>
      <td>
    <input type="text" name="wifi_client_gateway">
</td>
    </tr>
    <tr>
      <td>Primary DNS</td>
      <td>
    <input type="text" name="wifi_client_primary_dns">
</td>
    </tr>
    <tr>
      <td>Secondary DNS</td>
      <td>
    <input type="text" name="wifi_client_secondary_dns">
</td>
    </tr>
        </table>
      </div>
      </div></div>
    </div>
        </table>
      </div>
    </div>
          </div>
        </div>
        <div id="usb" class="hidden">
          <div class="innerSettings">
    <div id="usb" class="usbHostOnly">
      <h2 class="sectionHeader">USB</h2>
      <div class="innerSettings">
        <table id="usbTable">
    <tr class="fd_usb_enabled">
      <td>USB Type</td>
      <td>
    <select name="usb_type">
        <option value="1">Device</option>
        <option value="2">Host</option>
    </select>
</td>
        <td>    <div class="rel_usb_type 1h_usb_type">
        <span class="important">Warning!</span> If USB type is set to Host, you will no longer be able to configure the device via USB.
    </div>
</td>
    </tr>
        </table>
      </div>
    </div>
          </div>
        </div>
        <div id="codes" class="hidden">
          <div class="innerSettings">
    <div id="codes">
      <h2 class="sectionHeader">Command codes</h2>
      <div class="innerSettings">
        <div id='codesExplanation'>
    Below are configurable command codes and their associated actions.<br>
    <div class='indented'>e.g., entering '&lt;ESC&gt;p0' will trigger relay 1.</div>
    Non-printable characters are entered using their control code representation.
    <div class='indented'>e.g., '&lt;ESC&gt;' or '&lt;0x1B&gt;'</div>
</div>
        <table id="codesTable">
    <tr>
      <td></td>
      <td>
    </table>
    <div id="code_settingsTableWrapper" class="classTableWrapper">
      <table class="settingsTable" id="code_settings|settingsTable" style="margin-top:10px;">
        <tr class="headerRow">
              <th id="code_settings|code">Code</th>
              <th id="code_settings|echo">Echo</th>
              <th id="code_settings|trigger1">Trigger 1</th>
              <th id="code_settings|trigger2">Trigger 2</th>
          <th>Remove</th>
        </tr>
        <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
          <td><button type="button" onclick='tables["code_settings"].addDefaultRow();'>+</button></td>
        </tr>
      </table>
    </div>
    <table>
</td>
    </tr>
        </table>
      </div>
    </div>
          </div>
        </div>
        <div id="rfid_reader" class="hidden">
          <div class="innerSettings">
    <div id="rfid_reader" class="rfidOnly">
      <h2 class="sectionHeader">RFID Reader</h2>
      <div class="innerSettings">
        <table id="rfid_readerTable">
    <tr>
      <td>Enabled</td>
      <td>
    <input type="checkbox" name="rfid_enabled">
</td>
    </tr>
    <tr class="fd_rfid_enabled">
      <td>Tag Event Report Format</td>
      <td>
    <select name="tag_event_report_format">
        <option value="1">UMD RACE</option>
    </select>
</td>
    </tr>
    <tr class="fd_rfid_enabled">
      <td>Read Power (dBm)</td>
      <td>
    <input type="number" name="read_power_dBm" style="width: 4em;">
</td>
    </tr>
    <tr class="fd_rfid_enabled">
      <td>Write Power (dBm)</td>
      <td>
    <input type="number" name="write_power_dBm" style="width: 4em;">
</td>
    </tr>
    <tr class="fd_rfid_enabled">
      <td>Session</td>
      <td>
    <select name="session">
        <option value="0">Session 0</option>
        <option value="1">Session 1</option>
        <option value="2">Session 2</option>
        <option value="3">Session 3</option>
    </select>
</td>
    </tr>
            </table>
    <div id="read_zones" class="rfidOnly">
      <div class="fd_rfid_enabled">
      <h3 class="sectionHeader">Virtual Read Zones</h3>
      <div class="innerSettings">
        <table id="read_zonesTable">
    <tr>
      <td></td>
      <td>
    </table>
    <div id="read_zonesTableWrapper" class="classTableWrapper">
      <table class="settingsTable" id="read_zones|settingsTable" style="margin-top:10px;">
        <tr class="headerRow">
              <th id="read_zones|rzid">Read Zone ID</th>
              <th id="read_zones|antennae">Antennae</th>
              <th id="read_zones|start_delay_ms">Start delay (ms)</th>
              <th id="read_zones|on_duration_ms">ON duration (ms)</th>
          <th>Remove</th>
        </tr>
        <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
          <td><button type="button" onclick='tables["read_zones"].addDefaultRow();'>+</button></td>
        </tr>
      </table>
    </div>
    <table>
</td>
    </tr>
        </table>
      </div>
      </div>
    </div>
            </table>
    <div id="mqtt" class="mqttOnly">
      <h3 class="sectionHeader">MQTT</h3>
      <div class="innerSettings">
        <div id='mqttBrokerExplanation'>
    When MQTT is enabled, the reader will connect to the broker on URI: {transport scheme}://{hostname}:{port}/{path}
<br><br></div>
        <table id="mqttTable">
    <tr>
      <td>Enabled</td>
      <td>
    <input type="checkbox" name="mqtt_enabled">
</td>
    </tr>
    <tr class="fd_mqtt_enabled">
      <td>Transport Scheme</td>
      <td>
    <select name="mqtt_broker_transport">
        <option value="1">MQTT</option>
    </select>
</td>
    </tr>
    <tr class="fd_mqtt_enabled">
      <td>Broker Hostname</td>
      <td>
    <input type="text" name="mqtt_broker_hostname">
</td>
    </tr>
    <tr class="fd_mqtt_enabled">
      <td>Broker Port</td>
      <td>
    <input type="number" name="mqtt_broker_port">
</td>
    </tr>
    <tr class="fd_mqtt_enabled">
      <td>Broker Path</td>
      <td>
    <input type="text" name="mqtt_broker_path">
</td>
    </tr>
    <tr class="fd_mqtt_enabled">
      <td>Client ID</td>
      <td>
    <input type="text" name="mqtt_client_id">
</td>
    </tr>
    <tr class="fd_mqtt_enabled">
      <td>Username</td>
      <td>
    <input type="text" name="mqtt_username">
</td>
    </tr>
    <tr class="fd_mqtt_enabled">
      <td>Password</td>
      <td>
    <div class="password-container">
      <input type="password" name="mqtt_password">
      <i class="eye-slash toggle-eye" onclick="togglePasswordVisibility(this.parentNode);"></i>
    </div>
</td>
    </tr>
    <tr class="fd_mqtt_enabled">
      <td>Persistent Session</td>
      <td>
    <input type="checkbox" name="mqtt_persistent_session">
</td>
        <td>Enables persistent session by setting cleanSession flag to false</td>
    </tr>
            </table>
    <div id="mqtt_heartbeat">
      <div class="fd_mqtt_enabled">
      <h4 class="sectionHeader">Heartbeat</h4>
      <div class="innerSettings">
        <table id="mqtt_heartbeatTable">
    <tr>
      <td>Enabled</td>
      <td>
    <input type="checkbox" name="mqtt_heartbeat_enabled">
</td>
    </tr>
    <tr class="fd_mqtt_heartbeat_enabled">
      <td>Heart Beat Interval (s)</td>
      <td>
    <input type="number" name="mqtt_heartbeat_intvl_s" style="width: 4em;">
</td>
        <td>0 = No heart beat</td>
    </tr>
    <tr class="fd_mqtt_heartbeat_enabled">
      <td>Heartbeat Report Topic</td>
      <td>
    <input type="text" name="mqtt_heartbeat_topic" style="width: 30em;">
</td>
        <td>Reader will publish heartbeats to this topic</td>
    </tr>
        </table>
      </div>
      </div>
    </div>
            </table>
    <div id="topics">
      <div class="fd_mqtt_enabled">
      <h4 class="sectionHeader">MQTT Topics</h4>
      <div class="innerSettings">
        <table id="topicsTable">
    <tr>
      <td>Command Topic</td>
      <td>
    <input type="text" name="mqtt_command_topic" style="width: 30em;">
</td>
        <td>Reader will subscribe to this topic to listen for commands</td>
    </tr>
    <tr>
      <td>Active RZ Report Topic</td>
      <td>
    <input type="text" name="mqtt_active_rz_topic" style="width: 30em;">
</td>
        <td>Reader will publish all active transmitting read zones upon change</td>
    </tr>
    <tr>
      <td>Error Report Topic</td>
      <td>
    <input type="text" name="mqtt_error_topic" style="width: 30em;">
</td>
        <td>Reader will publish error reports to this topic</td>
    </tr>
    <tr>
      <td>Tag Event Report Topic</td>
      <td>
    <input type="text" name="mqtt_tag_event_topic" style="width: 30em;">
</td>
        <td>Reader will publish tag event reports to this topic</td>
    </tr>
        </table>
      </div>
      </div>
    </div>
        </table>
      </div>
    </div>
        </table>
      </div>
    </div>
          </div>
        </div>
        <div id="chariot" class="hidden">
          <div class="innerSettings">
          </div>
        </div>
      <div class="important" id="unsavedChanges">You have unsaved changes!</div>
      <button type="button" id="submitButton" onclick="submit(event);">Save and apply all changes</button>
      <div id="settingsStatusDiv"><br></div>
    </div>
    <div id="updateFirmware" class="hidden">
      <h1 class="sectionHeader">Update Firmware</h1>
      <div>
        Instructions:
        <ol>
          <li>Download the new firmware from an official UMD source</li>
  <ol type="a" style="margin:5px 0px;">
    <li class="_fh_modelU">M320AU (USB)<br><a href="https://www.umd.com.au/m320/firmware_M320AU.bin">https://www.umd.com.au/m320/firmware_M320AU.bin</a>
    <li class="_fh_modelW">M320AW (Wi-Fi)<br><a href="https://www.umd.com.au/m320/firmware_M320AW.bin">https://www.umd.com.au/m320/firmware_M320AW.bin</a>
    <li class="_fh_modelE">M320AE (Ethernet)<br><a href="https://www.umd.com.au/m320/firmware_M320AE.bin">https://www.umd.com.au/m320/firmware_M320AE.bin</a>
  </ol>
          <li>Click Choose file, and select the downloaded firmware</li>
          <li>Click Upload file</li>
          <li>Wait for the firmware to finish uploading to the module</li>
          <li>Check the firmware version in <a onclick="displaySection('device');">Status</a> matches the downloaded
            firmware's version</li>
        </ol>
        <br>
      </div>
      <div>
        <input type="file" id="otaFileSelect"><br>
        <button class="button" onclick="uploadFileOta();">Upload file</button>
        <div class="status" id="otaStatusDiv"><br></div>
      </div>
    </div>
  <div id="documentation" class="hidden">
    <h1 class="sectionHeader">Documentation</h1>
    Please note that accessing the following links requires an internet connection.<br><br>
    <a href="https://www.umd.com.au/m320/m320_technical_manual.pdf">M320 Universal Trigger - Technical Manual</a><br>
  </div>
    <div style="height: 70px;" id="bottomBuffer"></div>
    <div class="footer">
      <div class="footerInner">
        UMD<br>
        &copy;UMD IP PTY LTD - ABN 59006132065 -  2024
      </div>
    </div>
  </div>
  <script>
    const classes = {'CodeSettings': {'settings': [{'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': 'null', 'cppEnabled': 'true', 'cppFromJsonFunction': 'unescape_code', 'cppToJsonFunction': 'escape_code', 'cppComment': 'null', 'siteName': 'Code', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'code', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'CodeFunction', 'cppTypeRaw': 'null', 'cppDefault': 'null', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': '', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'false', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': ['echo', 'trigger1', 'trigger2'], 'validMin': 'null', 'validMax': 'null', 'varName': 'code_function', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'false', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': '', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'false', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'is_private', 'requiredFeatures': [], 'skipJson': 'true', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'null', 'cppTypeRaw': 'null', 'cppDefault': 'null', 'cppEnabled': 'false', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': '', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'false', 'siteDynamicClasses': [], 'siteIsComposed': 'true', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'password', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'null', 'cppTypeRaw': 'null', 'cppDefault': 'null', 'cppEnabled': 'false', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Echo', 'siteDescription': 'null', 'siteInputType': 'checkbox', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'true', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'echo', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'null', 'cppTypeRaw': 'null', 'cppDefault': 'null', 'cppEnabled': 'false', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Trigger 1', 'siteDescription': 'null', 'siteInputType': 'checkbox', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'true', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'trigger1', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'null', 'cppTypeRaw': 'null', 'cppDefault': 'null', 'cppEnabled': 'false', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Trigger 2', 'siteDescription': 'null', 'siteInputType': 'checkbox', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'true', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'trigger2', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}], 'varName': 'CodeSettings', 'defaults': [{'code': '"\\x02\\x01"', 'code_function': 'CodeFunction::send_config', 'is_private': 'true'}, {'code': '"\\x02\\x02"', 'code_function': 'CodeFunction::receive_config', 'is_private': 'true'}, {'code': '"\\x02\\x03"', 'code_function': 'CodeFunction::restart', 'is_private': 'true'}, {'code': '"\\x02\\x04"', 'code_function': 'CodeFunction::receive_ota', 'is_private': 'true'}, {'code': '"\\x02\\x05"', 'code_function': 'CodeFunction::debug', 'is_private': 'true'}, {'code': '"\\x02\\x06"', 'code_function': 'CodeFunction::send_status', 'is_private': 'true'}, {'code': '"\\x02\\x07"', 'code_function': 'CodeFunction::send_default_config', 'is_private': 'true'}, {'code': '"\\x02\\x20"', 'code_function': 'CodeFunction::open1', 'is_private': 'true'}, {'code': '"\\x02\\x21"', 'code_function': 'CodeFunction::open2', 'is_private': 'true'}, {'code': '"\\x10""00\\x0f"', 'code_function': 'CodeFunction::debug', 'is_private': 'false'}, {'code': '"DG 2\\x0d"', 'code_function': 'CodeFunction::debug', 'is_private': 'false'}, {'code': '"\\x1d""a\\xff"', 'code_function': 'CodeFunction::debug', 'is_private': 'false'}, {'code': '"\\x1b""p0"', 'code_function': 'CodeFunction::open1', 'is_private': 'false'}, {'code': '"\\x1b""p1"', 'code_function': 'CodeFunction::open2', 'is_private': 'false'}, {'code': '"\\x07"', 'code_function': 'CodeFunction::open1', 'is_private': 'false'}], 'cppComment': '', 'requiredFeatures': []}, 'ReadZone': {'settings': [{'cppType': 'uint8_t', 'cppTypeRaw': 'null', 'cppDefault': 'null', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Read Zone ID', 'siteDescription': 'null', 'siteInputType': 'number', 'siteInputStyle': 'width: 2em;', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'rzid', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'uint8_t', 'cppTypeRaw': 'null', 'cppDefault': '0', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'NOTE: 0=both, 1=ant1, 2=ant2', 'siteName': 'Antennae', 'siteDescription': 'null', 'siteInputType': 'select', 'siteInputStyle': 'null', 'siteSelectOptions': [['0', 'Both Antennae'], ['1', 'Antenna 1'], ['2', 'Antenna 2']], 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'antennae', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'uint16_t', 'cppTypeRaw': 'null', 'cppDefault': '0', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Start delay (ms)', 'siteDescription': 'null', 'siteInputType': 'number', 'siteInputStyle': 'width: 10em;', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'false', 'validMax': 65535, 'varName': 'start_delay_ms', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'uint16_t', 'cppTypeRaw': 'null', 'cppDefault': '0', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'ON duration (ms)', 'siteDescription': 'null', 'siteInputType': 'number', 'siteInputStyle': 'width: 10em;', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'false', 'validMax': 65535, 'varName': 'on_duration_ms', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}], 'varName': 'ReadZone', 'defaults': [{'rzid': '1', 'antennae': '0', 'start_delay_ms': '0', 'on_duration_ms': '0'}], 'cppComment': '', 'requiredFeatures': []}};
    const _settings = [{'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': 'null', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': '', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'false', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'serial_number', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': 'null', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': '', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'false', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'firmware_option', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': 'DEVICE_MODEL', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': '', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'false', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'model_number', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'true', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Send response on open', 'siteDescription': 'Sends `0x14 0x00 0x00 0x0f`', 'siteInputType': 'checkbox', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'response_on_open', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'true', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Send response on close', 'siteDescription': 'Sends `0x10 0x00 0x00 0x0f`', 'siteInputType': 'checkbox', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'response_on_close', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'false', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Invert status pin', 'siteDescription': 'Enable this if \'state\' in <a onclick="displaySection(\'device\');">Status</a> is \'open\' when it should be \'closed\'', 'siteInputType': 'checkbox', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'invert_status_pin', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'uint16_t', 'cppTypeRaw': 'null', 'cppDefault': '50', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Relay on-time', 'siteDescription': 'null', 'siteInputType': 'select', 'siteInputStyle': 'null', 'siteSelectOptions': [['10', '10ms'], ['25', '25ms'], ['50', '50ms'], ['100', '100ms'], ['150', '150ms'], ['200', '200ms'], ['250', '250ms'], ['300', '300ms'], ['350', '350ms'], ['400', '400ms'], ['450', '450ms'], ['500', '500ms'], ['750', '750ms'], ['1000', '1000ms']], 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'on_time_ms', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'uint32_t', 'cppTypeRaw': 'null', 'cppDefault': '24000', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Relay trigger voltage', 'siteDescription': 'null', 'siteInputType': 'select', 'siteInputStyle': 'null', 'siteSelectOptions': [['5000', '5V'], ['9000', '9V'], ['12000', '12V'], ['18000', '18V'], ['24000', '24V']], 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'trigger_voltage_mv', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'uint32_t', 'cppTypeRaw': 'null', 'cppDefault': '0', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Minimum relay trigger voltage (mV)', 'siteDescription': 'Relay charges up to "Relay trigger voltage" but will allow triggering at this voltage.<br>Reduces minimum charge times, but may cause misfires if set too low.<br>0 = Determined automatically.', 'siteInputType': 'number', 'siteInputStyle': 'width: 6em;', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'false', 'validMax': 24000, 'varName': 'trigger_min_voltage_mv', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'v2.0.0', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'false', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Send message on TCP connection', 'siteDescription': 'Sends "Password:" when connecting via TCP', 'siteInputType': 'checkbox', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'wifiOrEthOnly', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'msg_on_tcp_connection', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'true', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': '', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'false', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'tcp_enabled', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'true', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': '', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'false', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'site_enabled', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'true', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Enable mDNS', 'siteDescription': 'null', 'siteInputType': 'checkbox', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'mdns_enabled', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"M320-" + serial_number', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'mDNS hostname', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'mdns_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'mdns_hostname', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'uint16_t', 'cppTypeRaw': 'null', 'cppDefault': '10001', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'TCP port', 'siteDescription': 'null', 'siteInputType': 'number', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'false', 'validMax': 65535, 'varName': 'tcp_port', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'true', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Enabled', 'siteDescription': 'null', 'siteInputType': 'checkbox', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'eth_enabled', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'true', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Connection type', 'siteDescription': 'null', 'siteInputType': 'select', 'siteInputStyle': 'null', 'siteSelectOptions': [['false', 'DHCP'], ['true', 'Static IP']], 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'eth_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'eth_static_ip_enabled', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'uint8_t', 'cppTypeRaw': 'null', 'cppDefault': '1', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Enabled', 'siteDescription': '    <div class="rel_wifi_ap_enabled 0h_wifi_ap_enabled">\n        <div class="rel_wifi_ap_enabled 2h_wifi_ap_enabled">\n            On startup the hotspot will be live for 10 minutes\n        </div>\n    </div>\n', 'siteInputType': 'select', 'siteInputStyle': 'null', 'siteSelectOptions': [['0', 'Disabled'], ['1', 'On startup'], ['2', 'Enabled']], 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'wifi_ap_enabled', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '(DEVICE_MODEL "-" + serial_number)', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'SSID', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'wifi_ap_enabled', 'value': '0'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'wifi_ap_ssid', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"14121982"', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Password', 'siteDescription': 'null', 'siteInputType': 'password', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'wifi_ap_enabled', 'value': '0'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'wifi_ap_password', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'true', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': '', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'false', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'wifi_ap_enabled', 'value': '0'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'wifi_ap_static_ip_enabled', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"192.168.4.1"', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'IP', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'wifi_ap_enabled', 'value': '0'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'wifi_ap_static_ip', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"255.255.255.0"', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Netmask', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'wifi_ap_enabled', 'value': '0'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'wifi_ap_netmask', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'false', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Enabled', 'siteDescription': 'null', 'siteInputType': 'checkbox', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'wifi_client_enabled', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '""', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'SSID', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'wifi_client_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'wifi_client_ssid', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '""', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Password', 'siteDescription': 'null', 'siteInputType': 'password', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'wifi_client_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'wifi_client_password', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'int', 'cppTypeRaw': 'null', 'cppDefault': '4', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Authentication mode', 'siteDescription': 'null', 'siteInputType': 'select', 'siteInputStyle': 'null', 'siteSelectOptions': [['0', 'OPEN'], ['1', 'WEP'], ['2', 'WPA_PSK'], ['3', 'WPA2_PSK'], ['4', 'WPA_WPA2_PSK'], ['5', 'ENTERPRISE'], ['5', 'WPA2_ENTERPRISE'], ['6', 'WPA3_PSK'], ['7', 'WPA2_WPA3_PSK'], ['8', 'WAPI_PSK'], ['9', 'OWE'], ['10', 'WPA3_ENT_192'], ['11', 'WPA3_EXT_PSK']], 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'wifi_client_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'wifi_client_authmode', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'false', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Connection type', 'siteDescription': 'null', 'siteInputType': 'select', 'siteInputStyle': 'null', 'siteSelectOptions': [['false', 'DHCP'], ['true', 'Static IP']], 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'wifi_client_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'wifi_client_static_ip_enabled', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'true', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': '', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'false', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'usb_enabled', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'UsbType', 'cppTypeRaw': 'null', 'cppDefault': 'UsbType::DEVICE', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'USB Type', 'siteDescription': '    <div class="rel_usb_type 1h_usb_type">\n        <span class="important">Warning!</span> If USB type is set to Host, you will no longer be able to configure the device via USB.\n    </div>\n', 'siteInputType': 'select', 'siteInputStyle': 'null', 'siteSelectOptions': [['1', 'Device'], ['2', 'Host']], 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'usb_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'usb_type', 'requiredFeatures': ['usbHidHost'], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::vector<CodeSettings>', 'cppTypeRaw': 'CodeSettings', 'cppDefault': 'null', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': '', 'siteDescription': 'null', 'siteInputType': 'table_rows', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'code_settings', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'true', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Enabled', 'siteDescription': 'null', 'siteInputType': 'checkbox', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'rfid_enabled', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'uint8_t', 'cppTypeRaw': 'null', 'cppDefault': '1', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Tag Event Report Format', 'siteDescription': 'null', 'siteInputType': 'select', 'siteInputStyle': 'null', 'siteSelectOptions': [['1', 'UMD RACE']], 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'rfid_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'tag_event_report_format', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'float', 'cppTypeRaw': 'null', 'cppDefault': '27', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Read Power (dBm)', 'siteDescription': 'null', 'siteInputType': 'number', 'siteInputStyle': 'width: 4em;', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'rfid_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'false', 'validMax': 27, 'varName': 'read_power_dBm', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'float', 'cppTypeRaw': 'null', 'cppDefault': '27', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Write Power (dBm)', 'siteDescription': 'null', 'siteInputType': 'number', 'siteInputStyle': 'width: 4em;', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'rfid_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'false', 'validMax': 27, 'varName': 'write_power_dBm', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'uint8_t', 'cppTypeRaw': 'null', 'cppDefault': '1', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Session', 'siteDescription': 'null', 'siteInputType': 'select', 'siteInputStyle': 'null', 'siteSelectOptions': [['0', 'Session 0'], ['1', 'Session 1'], ['2', 'Session 2'], ['3', 'Session 3']], 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'rfid_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'session', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"xTbVC1wJo/GDVC7jkfKwy5zpyqUPxgTVC2UO1crA+c4="', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'API Key', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'chariot_apikey', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'true', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Enable trigger password', 'siteDescription': 'null', 'siteInputType': 'checkbox', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'tcp_pass_protected', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"pass"', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Trigger password', 'siteDescription': 'null', 'siteInputType': 'password', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'tcp_pass_protected', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'trigger_password', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'false', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': '', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'false', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'usb_pass_protected', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"M320"', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Username', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'site_username', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"14121982"', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Password', 'siteDescription': 'null', 'siteInputType': 'password', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'site_password', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'null', 'cppTypeRaw': 'null', 'cppDefault': 'null', 'cppEnabled': 'false', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Confirm password', 'siteDescription': 'null', 'siteInputType': 'password', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'site_password_conf', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"192.168.1.114"', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Static IP', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'eth_static_ip', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"255.255.254.0"', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Netmask', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'eth_netmask', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"192.168.1.253"', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Gateway', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'eth_gateway', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"8.8.8.8"', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Primary DNS', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'eth_primary_dns', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"8.8.4.4"', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Secondary DNS', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'eth_secondary_dns', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"172.16.9.69"', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Static IP', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'wifi_client_static_ip', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"255.255.255.0"', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Netmask', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'wifi_client_netmask', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"172.16.9.253"', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Gateway', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'wifi_client_gateway', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"8.8.8.8"', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Primary DNS', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'wifi_client_primary_dns', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '"8.8.4.4"', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Secondary DNS', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'wifi_client_secondary_dns', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::vector<ReadZone>', 'cppTypeRaw': 'ReadZone', 'cppDefault': 'null', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': '', 'siteDescription': 'null', 'siteInputType': 'table_rows', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'read_zones', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'true', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Enabled', 'siteDescription': 'null', 'siteInputType': 'checkbox', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'mqtt_enabled', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'uint8_t', 'cppTypeRaw': 'null', 'cppDefault': '1', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Transport Scheme', 'siteDescription': 'null', 'siteInputType': 'select', 'siteInputStyle': 'null', 'siteSelectOptions': [['1', 'MQTT']], 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'mqtt_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'mqtt_broker_transport', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '""', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Broker Hostname', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'mqtt_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'mqtt_broker_hostname', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'uint16_t', 'cppTypeRaw': 'null', 'cppDefault': '1883', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Broker Port', 'siteDescription': 'null', 'siteInputType': 'number', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'mqtt_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'false', 'validMax': 65535, 'varName': 'mqtt_broker_port', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '""', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Broker Path', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'mqtt_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'mqtt_broker_path', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': 'serial_number', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Client ID', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'mqtt_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'mqtt_client_id', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '""', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Username', 'siteDescription': 'null', 'siteInputType': 'text', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'mqtt_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'mqtt_username', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '""', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Password', 'siteDescription': 'null', 'siteInputType': 'password', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'mqtt_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'mqtt_password', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'false', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Persistent Session', 'siteDescription': 'Enables persistent session by setting cleanSession flag to false', 'siteInputType': 'checkbox', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'mqtt_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'mqtt_persistent_session', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'bool', 'cppTypeRaw': 'null', 'cppDefault': 'true', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Enabled', 'siteDescription': 'null', 'siteInputType': 'checkbox', 'siteInputStyle': 'null', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'mqtt_heartbeat_enabled', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'uint16_t', 'cppTypeRaw': 'null', 'cppDefault': '0', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Heart Beat Interval (s)', 'siteDescription': '0 = No heart beat', 'siteInputType': 'number', 'siteInputStyle': 'width: 4em;', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'mqtt_heartbeat_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'false', 'validMax': 65535, 'varName': 'mqtt_heartbeat_intvl_s', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '""', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Heartbeat Report Topic', 'siteDescription': 'Reader will publish heartbeats to this topic', 'siteInputType': 'text', 'siteInputStyle': 'width: 30em;', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [{'siteClass': 'disabled', 'varName': 'mqtt_heartbeat_enabled', 'value': 'false'}], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'mqtt_heartbeat_topic', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '""', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Command Topic', 'siteDescription': 'Reader will subscribe to this topic to listen for commands', 'siteInputType': 'text', 'siteInputStyle': 'width: 30em;', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'mqtt_command_topic', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '""', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Active RZ Report Topic', 'siteDescription': 'Reader will publish all active transmitting read zones upon change', 'siteInputType': 'text', 'siteInputStyle': 'width: 30em;', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'mqtt_active_rz_topic', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '""', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Error Report Topic', 'siteDescription': 'Reader will publish error reports to this topic', 'siteInputType': 'text', 'siteInputStyle': 'width: 30em;', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'mqtt_error_topic', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}, {'cppType': 'std::string', 'cppTypeRaw': 'null', 'cppDefault': '""', 'cppEnabled': 'true', 'cppFromJsonFunction': 'null', 'cppToJsonFunction': 'null', 'cppComment': 'null', 'siteName': 'Tag Event Report Topic', 'siteDescription': 'Reader will publish tag event reports to this topic', 'siteInputType': 'text', 'siteInputStyle': 'width: 30em;', 'siteSelectOptions': 'null', 'siteClass': 'null', 'siteEnabled': 'true', 'siteDynamicClasses': [], 'siteIsComposed': 'false', 'siteComposition': 'null', 'validMin': 'null', 'validMax': 'null', 'varName': 'mqtt_tag_event_topic', 'requiredFeatures': [], 'skipJson': 'false', 'minimumFirmwareVersion': 'null', 'maximumFirmwareVersion': 'null'}];
    // Convert _settings from a list to a dict of {varname: setting}
    settings = {}
    _settings.forEach(setting => settings[setting.varName] = setting);
    // pass through each private code_function's code
    const private_codes = {
      send_config: "\x02\x01",
      receive_config: "\x02\x02",
      restart: "\x02\x03",
      receive_ota: "\x02\x04",
      debug: "\x02\x05",
      send_status: "\x02\x06",
      send_default_config: "\x02\x07",
      open1: "\x02\x20",
      open2: "\x02\x21",
    };
    function isJsonValidGenerated(json) {
      if (json.trigger_min_voltage_mv < 0 || json.trigger_min_voltage_mv > 24000) {
        settingsToast("Minimum relay trigger voltage (mV) must be between 0 and 24000");
        return false;
      }
      if (json.tcp_port < 0 || json.tcp_port > 65535) {
        settingsToast("TCP port must be between 0 and 65535");
        return false;
      }
      for (const key in json.code_settings) {
        const value = json.code_settings[key];
      }
      if (json.read_power_dBm < 0 || json.read_power_dBm > 27) {
        settingsToast("Read Power (dBm) must be between 0 and 27");
        return false;
      }
      if (json.write_power_dBm < 0 || json.write_power_dBm > 27) {
        settingsToast("Write Power (dBm) must be between 0 and 27");
        return false;
      }
      for (const key in json.read_zones) {
        const value = json.read_zones[key];
        if (value.start_delay_ms < 0 || value.start_delay_ms > 65535) {
          settingsToast("Start delay (ms) must be between 0 and 65535");
          return false;
        }
        if (value.on_duration_ms < 0 || value.on_duration_ms > 65535) {
          settingsToast("ON duration (ms) must be between 0 and 65535");
          return false;
        }
      }
      if (json.mqtt_broker_port < 0 || json.mqtt_broker_port > 65535) {
        settingsToast("Broker Port must be between 0 and 65535");
        return false;
      }
      if (json.mqtt_heartbeat_intvl_s < 0 || json.mqtt_heartbeat_intvl_s > 65535) {
        settingsToast("Heart Beat Interval (s) must be between 0 and 65535");
        return false;
      }
      return true;
    }
  // Have we triggered in the last 10s, if so - don't trigger again to let caps recharge
let has_recently_triggered = false;
// Triggers the given relay
async function triggerRelay(trigger_num) {
    if (has_recently_triggered) {
        debugToast("Relay has recently triggered, waiting for module to recharge...");
        return;
    }
    has_recently_triggered = true;
    setTimeout(() => { has_recently_triggered = false; }, 10000);
    // Send the relavent trigger code
    const code = trigger_num == 1 ? private_codes["open1"] : private_codes["open2"];
    debugToast(`Triggering relay ${trigger_num}...`);
    try {
        await sendCode(code);
        debugToast(`Relay ${trigger_num} triggered`);
    } catch {
        debugToast(`Relay ${trigger_num} did not trigger! Are you still connected?`);
    }
}
// When settings load, hide/show modelX classes
window.addEventListener('settingsLoaded', (event) => {
    const state = event.detail.state;
    // If no model number given, default to empty string
    let modelChar = "";
    if ("model_number" in state) {
        const modelNumber = state["model_number"];
        const baseNumber = "M320A";
        modelChar = modelNumber[baseNumber.length];
    }
    else {
        console.warn("No model number found!");
    }
    setRelatedVar("modelU", modelChar == "U", true);
    setRelatedVar("modelE", modelChar == "E", true);
    setRelatedVar("modelW", modelChar == "W", true);
});
// Set up trigger and restart onclick handlers
document.addEventListener("siteLoaded", () => {
    document.getElementById("buttonTrigger1").onclick = (e) => { triggerRelay(1); };
    document.getElementById("buttonTrigger2").onclick = (e) => { triggerRelay(2); };
    document.getElementById("buttonRestart").onclick = restartDevice;
});
const is_on_esp = false;
const toast_duration = 2000; // how long will a toast show for before executing the next function
// the ids that are disabled at the start - can't precalc as they're loaded after this script executes
let disabled_ids = ["settingsSection", "updateFirmwareSection", "usbDebugDiv"];
// codes
const debug_ok_response = 'UMD '; // the code we're looking for when we send a debug code to the ESP
// should be the start of the debug response code - look for DEBUG_STR_TEMPLATE in r846
// state
let connected_port;                   // the currently connected device
let is_waiting = false;               // are we waiting for a response from the ESP?
let is_connecting = false;            // are we currently connecting to the ESP?
// elems
const usb_connect_elem = document.getElementById("usbConnect");
const usb_debug_elem = document.getElementById("usbDebug");
const usb_status_div = document.getElementById("usbStatusDiv");
// errors
const ERR_BAD_CONNECTION = "Connection not functional, please disconnect and reconnect the module.";
const ERR_UNKOWN = "An unknown error has occured, please disconnect and reconnect the module.";
// validation functions
function jsonValidationFunction(buf) {
    if (!buf.endsWith("}")) return false;
    try {
        js = JSON.parse(buf);
        return true;
    } catch (e) { }
    return false;
}
// notifies the user serial doesn't work
function notifyBadSerial() {
    setElementDisabled(document.getElementById("usbConnectButtonContainer"), true);
    setConnectionStatus(false);
    usbToast("This browser and/or device does not support device configuration.", -1);
    // cut off '#device' from uri
    const hr = window.location.href;
    const hash_idx = hr.indexOf("#");
    const short_link = hash_idx == -1 ? hr : hr.substring(0, hash_idx);
    setAlertPopup(`
        This browser and/or device does not support device configuration.
        <br><br>
        To configure the device, please browse to <a href='${short_link}'>${short_link}</a> using a PC on the latest version of Google Chrome or Microsoft Edge.
        <br><br>
        <div class="centered"><button onclick="closeAlertPopup()">OK</button></div>`
    );
}
// general
document.addEventListener("siteLoaded", async () => {
    usb_connect_elem.onclick = fullConnect;
    usb_debug_elem.onclick = () => { testConnection(1000); };
    if (!("serial" in navigator)) {
        notifyBadSerial();
        return;
    }
    // add disconnect event
    navigator.serial.addEventListener("disconnect", (e) => {
        usbToast("Device disconnected!");
        setConnectionStatus(false);
    });
    document.addEventListener("setConnectionStatus", (e) => {
        if (is_connected) {
            usb_connect_elem.innerHTML = "Disconnect";
            usb_connect_elem.onclick = disconnect;
        } else {
            usb_connect_elem.innerHTML = "Connect";
            usb_connect_elem.onclick = fullConnect;
        }
    });
    // disable the rest of the site until usb is connected
    setConnectionStatus(false);
});
let usb_timeout;
function usbToast(msg, timeout = 15000) {
    console.log(`USBToast: ${msg}`);
    usb_status_div.innerHTML = msg;
    clearTimeout(usb_timeout);
    if (timeout != -1) {
        usb_timeout = setTimeout(function () { usb_status_div.innerHTML = "<br>" }, timeout);
    }
}
// cleans up after a failed usb connection
async function usbConnectCleanup(e) {
    await sleep(toast_duration);
    is_connecting = false;
    disconnect();
}
// connects to a device, checks the connection, and grabs the settings
async function fullConnect() {
    if (is_connecting) return;
    is_connecting = true;
    usbToast("Connecting to device...");
    try {
        await usb_serial_manager.connect();
    } catch (e) {
        if (e.message == ERR_NO_PORT_SELECTED) {
            usbToast("<br>");
        } else if (e.message == ERR_PORT_FAILED_TO_OPEN) {
            logFullError(e);
            usbToast("An error occured when trying to open the port!<br>Is something else connected to the port?");
        } else {
            logFullError(e);
            usbToast("An error occured when trying to connect!<br>Is something else connected to the port?");
        }
        await usbConnectCleanup(e);
        return;
    }
    usbToast("Connected to device!");
    await sleep(1000);
    try {
        await testConnection();
        await sleep(50); // wait for the rest of the status msg to come through
    } catch (e) {
        await usbConnectCleanup(e);
        console.trace(e);
        return;
    }
    try {
        await getSettings();
    } catch (e) {
        await usbConnectCleanup(e);
        console.trace(e);
        return;
    }
    usbToast("Happy configuring!")
    saved_state = populateStateFromSite(); // sets saved state as the one currently in the esp
    setConnectionStatus(true); // reenable the rest of the site
    is_connecting = false;
}
// tests the connection by sending a debug msg, if successful, show a toast to the user
async function testConnection(toast_time = 0) {
    usbToast("Testing connection...");
    await sleep(toast_time);
    try {
        const resp = await usb_serial_manager.send(private_codes["debug"], (buf) => { return buf.endsWith(debug_ok_response) });
    } catch (err) {
        let err_msg = "";
        if (err.message == ERR_TIMEOUT) {
            err_msg = ERR_BAD_CONNECTION;
        } else if (err.message == ERR_PORT_BUSY) {
            console.log("Port busy while testing connection, trying again...");
            await sleep(100);
            return await testConnection(0);
        } else {
            console.trace(err);
            err_msg = ERR_UNKOWN;
        }
        usbToast(err_msg);
        disconnect();
        throw err;
    }
    usbToast("Connection ok!");
}
// get the status from the device - if succesful update the status state
async function getStatus() {
    if (is_waiting) { throw new Error("Waiting for message"); }
    const status_str = await usb_serial_manager.send(private_codes["send_status"], jsonValidationFunction);
    const status_json = JSON.parse(status_str);
    loadStatusFromJson(status_json);
}
// get the settings from the device - if succesful update the settings state
async function getSettings(toast_time = 0) {
    const max_attempts = 10;
    usbToast("Getting settings from device...");
    await sleep(toast_time);
    let resp = ""
    let err_msg = "";
    for (i = 0; i < max_attempts; i++) {
        try {
            resp = await usb_serial_manager.send(private_codes["send_config"], jsonValidationFunction);
            break;
        } catch (err) {
            err_msg = "";
            if (err.message == ERR_TIMEOUT) {
                err_msg = ERR_BAD_CONNECTION;
            } else {
                err_msg = ERR_UNKOWN;
            }
        }
        await sleep(100);
    }
    if (i == max_attempts) {
        usbToast(err_msg);
        disconnect();
        throw err;
    }
    const js = JSON.parse(resp);
    loadSettingsFromJson(js);
}
async function getDefaultSettings() {
    const max_attempts = 10;
    let resp = ""
    let err_msg = "";
    for (i = 0; i < max_attempts; i++) {
        try {
            resp = await usb_serial_manager.send(private_codes["send_default_config"], jsonValidationFunction);
            break;
        } catch (err) {
            err_msg = "";
            if (err.message == ERR_TIMEOUT) {
                err_msg = ERR_BAD_CONNECTION;
            } else {
                err_msg = ERR_UNKOWN;
            }
        }
        await sleep(100);
    }
    if (i == max_attempts) {
        usbToast(err_msg);
        disconnect();
        throw err;
    }
    const js = JSON.parse(resp);
    loadSettingsFromJson(js);
}
async function sendJson(json) {
    settingsToast("Applying changes...");
    const json_string = JSON.stringify(json);
    const json_length = json_string.length;
    const json_length_bytes = new Uint8Array(4);
    json_length_bytes[0] = (json_length >> 24) & 0xFF;
    json_length_bytes[1] = (json_length >> 16) & 0xFF;
    json_length_bytes[2] = (json_length >> 8) & 0xFF;
    json_length_bytes[3] = json_length & 0xFF;
    // console.log(`sending bytes: ${json_length}`);
    // console.log(json_length_bytes);
    stopGettingStatus();
    await sleep(200);
    await usb_serial_manager.send(private_codes["receive_config"]);
    await sleep(50);
    await usb_serial_manager.sendBytes(json_length_bytes);
    await sleep(50);
    await usb_serial_manager.send(json_string);
    settingsToast("Settings saved! Device will now restart.");
}
async function sendCode(code) {
    return usb_serial_manager.send(code);
}
// closes the connected_port
function disconnect() {
    if (!usb_serial_manager.is_connected) return;
    usb_serial_manager.disconnect();
    if (usb_status_div.innerHTML == "<br>") {
        usbToast("Module disconnected");
    }
    setConnectionStatus(false);
}
// Restarts the connected esp
function restartDevice() {
    usb_serial_manager.send(private_codes["restart"]);
    debugToast(`Restarting the module`, 1000);
}
/* FIRMWARE UPDATE */
// sends a file over usb
async function uploadFileOta() {
    otaToast("Upload in progress, please wait...");
    const file = ota_file_selector.files[0];
    // let esp know we're sending an ota update
    stopGettingStatus();
    await sleep(100);
    await usb_serial_manager.send(private_codes["receive_ota"]);
    await sleep(100); // give a sec for module to parse ota code
    const file_buf = await file.arrayBuffer(); // convert file to uint8 array
    const uint_file_buf = new Uint8Array(file_buf);
    // prefix update with byte length 
    const byte_length = uint_file_buf.byteLength;
    const length_bytes = new Uint8Array(4);
    length_bytes[0] = (byte_length >> 24) & 0xFF;
    length_bytes[1] = (byte_length >> 16) & 0xFF;
    length_bytes[2] = (byte_length >> 8) & 0xFF;
    length_bytes[3] = byte_length & 0xFF;
    await sleep(100);
    await usb_serial_manager.sendBytes(length_bytes);
    await sleep(100);
    // split file buf into chunks and send them
    const chunkSize = 4096; // randomly chosen to split up the msg - actual value doesn't matter
    for (let i = 0; i < byte_length; i += chunkSize) {
        const chunk = uint_file_buf.slice(i, i + chunkSize);
        const upload_percentage = Math.round(i / byte_length * 100);
        otaToast(`Upload status: ${upload_percentage}&#37;`);
        console.log(`Uploaded: ${i}/${byte_length}`);
        await sleep(10);
        await usb_serial_manager.sendBytes(chunk);
    }
    console.log("Finished sending file");
    otaToast(`Upload complete! The module will now restart.`);
}
class Mutex {
    constructor() {
        this.locked = false;
        this.waitQueue = [];
    }
    lock() {
        return new Promise(resolve => {
            if (!this.locked) {
                this.locked = true;
                resolve();
            } else {
                this.waitQueue.push(resolve);
            }
        });
    }
    unlock() {
        if (this.waitQueue.length > 0) {
            const nextResolver = this.waitQueue.shift();
            nextResolver();
        } else {
            this.locked = false;
        }
    }
}
// General
const read_timeout_ms = 500; // how long will the usb reader wait until timing out
// USB filtering
const vendor_id = 0x303a;
const product_id = 0x4001;
const baud_rate = 115200; // limited to 9600(?) - likely by windows USB driver - can change in windows device settings
const port_filters = { filters: [{ usbVendorId: vendor_id, usbProductId: product_id }] };
// Errors
const ERR_NO_PORT_SELECTED = "No port selected!";
const ERR_PORT_FAILED_TO_OPEN = "Port failed to open!";
const ERR_PORT_BUSY = "Port is busy!";
const ERR_PORT_NOT_CONNECTED = "Port is not connected!";
const ERR_TIMEOUT = "Response timed out!";
let response_timeout;
let current_resolve = function () { };  // the resolve function of the last function to write to the ESP - used for promises
// let full_buffer = ""; // TEST ONLY: the entirety of the received buffer
class MsgProcessor {
    constructor() {
        this.buf = "";          // filled as more msg comes in
        this.validation_function = function (c) { return true }; // called to check if the incoming stream has met some condition
        this.finished_callback = function (json) { };  // called when you've finished receiving json
    }
    clearBuffer() {
        this.buf = "";
    }
    pushChar(c) {
        this.buf += c;
        if (this.validation_function(this.buf)) {
            const temp_buffer = this.buf;
            this.clearBuffer();
            return temp_buffer;
        }
        return "";
    }
}
class UsbSerialManager {
    constructor() {
        this.port = undefined;   // the connected port - if set, the port has been connected
        this.msg_processor = new MsgProcessor();
        this.is_receiving = false; // if true - saves everything read to a buffer
        this.send_mutex = new Mutex();
    }
    get is_connected() {
        return this.port != undefined;
    }
    throwIfNotConnected() {
        if (this.port == undefined) throw (new Error(ERR_PORT_NOT_CONNECTED));
    }
    // Sends a given string to the connected port. If validation_function is set, return the response from the module
    async send(str, validation_function = null) {
        const encoder = new TextEncoder();
        const bytes = encoder.encode(str);
        return this.sendBytes(bytes, validation_function);
    }
    // Sends a given byte array to the connected port. If validation_function is set, return the response from the module
    async sendBytes(bytes, validation_function = null) {
        this.throwIfNotConnected();
        await this.send_mutex.lock();
        // full_buffer += "\r\nSTARTLOCK\r\n";
        try {
            // Clear buffer in case a previous message was received
            if (validation_function != null) {
                this.msg_processor.clearBuffer();
            }
            await this._sendBytes(bytes);
            if (validation_function != null) {
                const resp = await this.waitForResponse(validation_function);
                return resp;
            }
        } finally {
            // full_buffer += "\r\nSTOPLOCK\r\n";
            this.send_mutex.unlock();
        }
        return;
    }
    // sends a given UInt8Array to the connected port - errors if no port is connected
    async _sendBytes(bytes) {
        this.throwIfNotConnected();
        const writer = this.port.writable.getWriter();
        await writer.write(bytes);
        writer.releaseLock();
    }
    // waits for a response from the device - if no response for `read_timeout_ms` - run reject();
    waitForResponse(validation_function) {
        this.is_receiving = true;
        this.msg_processor.validation_function = validation_function;
        return new Promise(function (resolve, reject) {
            current_resolve = (msg) => {
                usb_serial_manager.is_receiving = false; // TODO - find a way to make this generic
                resolve(msg);
            };
            usb_serial_manager.response_timeout = setTimeout(function () {
                usb_serial_manager.is_receiving = false; // TODO - find a way to make this generic
                console.log("Timeout, buf:", usb_serial_manager.msg_processor.buf);
                reject(new Error(ERR_TIMEOUT));
            }, toast_duration + read_timeout_ms) // give enough time for device to respond
        });
    }
    // tries to find a module and connect to it
    async connect() {
        let port = "";
        try {
            port = await navigator.serial.requestPort(port_filters);
        } catch (e) {
            throw new Error(ERR_NO_PORT_SELECTED);
        }
        this.port = port;
        try {
            await this.port.open({ baudRate: baud_rate })
        } catch (e) {
            console.trace(e);
            throw new Error(ERR_PORT_FAILED_TO_OPEN)
        }
        this._startReading(this.port); // don't await, this runs until the connection breaks
        return;
    }
    async disconnect() {
        await this.port.forget();
    }
    // starts reading from the given port
    async _startReading() {
        this.throwIfNotConnected();
        while (this.port.readable) {
            const reader = this.port.readable.getReader();
            try {
                while (true) {
                    const { value, done } = await reader.read();
                    if (done) {
                        // |reader| has been canceled.
                        reader.releaseLock();
                        break;
                    }
                    this._processMsg(value);
                }
            } finally {
                reader.releaseLock();
            }
        }
    }
    // Take an incoming msg and parse it as a stream into pushChar
    _processMsg(str) {
        const decoded_msg = new TextDecoder().decode(str);
        // full_buffer += decoded_msg;
        // console.log(`Incoming msg: ${decoded_msg}`);
        for (const i in decoded_msg) {
            const c = decoded_msg[i];
            const resp = this.msg_processor.pushChar(c);
            if (resp != "") {
                this._acceptMsg(resp);
            }
        }
    }
    // if a code is accepted, run the current resolve func and reset it
    _acceptMsg(str) {
        clearTimeout(this.response_timeout);
        current_resolve(str);
        current_resolve = function () { };
        this.is_receiving = false;
    }
}
// Singleton
const usb_serial_manager = new UsbSerialManager();
    const controlCharMap = {
    '<NUL>': '\\x00', '<SOH>': '\\x01', '<STX>': '\\x02', '<ETX>': '\\x03', '<EOT>': '\\x04', '<ENQ>': '\\x05', '<ACK>': '\\x06', '<BEL>': '\\x07',
    '<BS>': '\\x08', '<HT>': '\\x09', '<LF>': '\\x0A', '<VT>': '\\x0B', '<FF>': '\\x0C', '<CR>': '\\x0D', '<SO>': '\\x0E', '<SI>': '\\x0F',
    '<DLE>': '\\x10', '<DC1>': '\\x11', '<DC2>': '\\x12', '<DC3>': '\\x13', '<DC4>': '\\x14', '<NAK>': '\\x15', '<SYN>': '\\x16', '<ETB>': '\\x17',
    '<CAN>': '\\x18', '<EM>': '\\x19', '<SUB>': '\\x1A', '<ESC>': '\\x1B', '<FS>': '\\x1C', '<GS>': '\\x1D', '<RS>': '\\x1E', '<US>': '\\x1F', '<DEL>': '\\x7F'
};
/* GENERAL FUNCTIONS */
// Function to convert snake_case to PascalCase
function snakeToPascal(input_string) {
    return input_string.replace(/_([a-z])/g, function (match, group1) {
        return group1.toUpperCase();
    }).replace(/^./, function (match) {
        return match.toUpperCase();
    });
}
// Function to convert PascalCase to snake_case
function pascalToSnake(input_string) {
    return input_string.replace(/([A-Z])/g, function (match) {
        return '_' + match.toLowerCase();
    }).replace(/^_/, ''); // Remove leading underscore, if any
}
// toggles the visibility of a password given its container elem
function togglePasswordVisibility(container_elem) {
    for (const child of container_elem.children) {
        const tagName = child.tagName.toLowerCase();
        if (tagName === "input") { // toggle password visibility
            if (child.type === 'password') {
                child.type = 'text';
            } else {
                child.type = 'password';
            }
        } else if (tagName === "i") { // toggle eye type
            child.classList.toggle("eye");
            child.classList.toggle("eye-slash");
        }
    }
}
// returns true if an ipv4 address is valid
function isValidIPAddress(ip_address) {
    const ipAddressPattern = /^(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})$/;
    const match = ip_address.match(ipAddressPattern);
    if (!match) {
        // IP address format is incorrect
        return false;
    }
    // Check if each part of the IP address is within the valid range (0-255)
    for (let i = 1; i <= 4; i++) {
        const part = parseInt(match[i], 10);
        if (isNaN(part) || part < 0 || part > 255) {
            return false;
        }
    }
    return true;
}
// logs the full stack trace of an error
function logFullError(e) {
    console.error(e, e.stack);
}
// sleeps for a given number of ms
function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}
// returns a string where each `\xXX` term is replaced by a bracketted term
function decodeCode(input_string) {
    let output_string = "";
    let is_escaping = false;
    for (let i = 0; i < input_string.length; i++) {
        const c = input_string[i];
        // if we just saw a '\' with no escape code, just add the char
        if (is_escaping) {
            is_escaping = false;
            output_string += c;
            continue;
        }
        // check for a `\0xXX` style escape code, otherwise escape the next char
        if (c == "\\") {
            const xx_code_length = 4; //`\xXX` codes are 4 long 
            const regex = /(\\x[0-9A-Fa-f]{2})/; // match on "\xXX"
            const match = input_string.substr(i, xx_code_length).match(regex);
            if (match) {
                const hex_match_str = match[1];
                // check if it's a typical escape code
                let angleMatchFound = false;
                for (const angleBracketChar in controlCharMap) {
                    const hexChar = controlCharMap[angleBracketChar];
                    if (hexChar == hex_match_str) {
                        output_string += angleBracketChar;
                        angleMatchFound = true;
                    }
                }
                // if its not an escape code, escape it like "<0xXX>""
                if (!angleMatchFound) {
                    const hex_chars = hex_match_str.substr(2)
                    output_string += `<0x${hex_chars}>`;
                }
                i += xx_code_length - 1;
                continue;
            } else {
                // otherwise, escape the next char
                is_escaping = true;
            }
            continue;
        }
        // otherwise, just add the char normally
        output_string += c;
    }
    return output_string;
}
// returns a string where each angle bracketed term is replaced by its `\x` term
function encodeCode(input_string) {
    let output_string = "";
    let is_escaped = false;
    for (let i = 0; i < input_string.length; i++) {
        const c = input_string[i];
        // if we just saw a '\', escape the next char
        if (is_escaped) {
            is_escaped = false;
            output_string += c;
            continue;
        }
        // if we see a '\', skip it and escape the next char
        if (c == "\\") {
            is_escaped = true;
            continue;
        }
        // if we see a '<', try to match it to a control code, otherwise add it to the output
        if (c == "<") {
            // match on <0xXX>, where XX is HEX
            const hex_control_code_length = 6; // <0xXX> is 6 chars long
            if (input_string.length >= i + hex_control_code_length) {
                // regular expression which matches exactly two-digit hex numbers
                const regex = /<0x([0-9A-Fa-f]{2})>/;
                const match = input_string.substr(i, hex_control_code_length).match(regex);
                // If a match is found, extract the hexadecimal value and convert it to decimal
                if (match) {
                    i += hex_control_code_length - 1;
                    const hexValue = match[1].toUpperCase();
                    const str = `\\x${hexValue}`;
                    output_string += str;
                    continue;
                }
            }
            // match on typical control chars
            let foundMatch = false;
            for (const angleBracketChar in controlCharMap) {
                const hexChar = controlCharMap[angleBracketChar];
                if (input_string.substr(i, angleBracketChar.length) == angleBracketChar) {
                    output_string += hexChar;
                    i += angleBracketChar.length - 1;
                    foundMatch = true;
                    break;
                }
            }
            if (foundMatch) continue;
        }
        // otherwise, just add the char normally
        output_string += c;
    }
    return output_string;
}
// Converts a version string "vX.Y.Z" -> XXXYYYZZZ
function convertVersion(version) {
    const parts = version.slice(version.startsWith('v') ? 1 : 0).split('.');
    return Number(parts.map(part => part.padStart(3, '0')).join(''));
}
/* DICTIONARY/ OBJECT FUNCTIONS */
// returns true if a given object is a dict
function isDict(obj) {
    return obj.constructor === Object;
}
// given a key, and an object, finds the first value that key represents anywhere within the object, no matter how nested
function findValueByKey(key, obj) {
    for (let prop in obj) {
        if (obj.hasOwnProperty(prop)) {
            if (prop === key) {
                return obj[prop];
            } else if (typeof obj[prop] === 'object') {
                const result = findValueByKey(key, obj[prop]);
                if (result !== undefined) {
                    return result;
                }
            }
        }
    }
    return undefined;
}
// returns true if two dictionaries are exactly equal
function areDictionariesEqual(dict1, dict2) {
    const keys1 = Object.keys(dict1);
    const keys2 = Object.keys(dict2);
    if (keys1.length !== keys2.length) {
        return false;
    }
    for (let key of keys1) {
        const value1 = dict1[key];
        const value2 = dict2[key];
        if (isArray(value1) && isArray(value2)) {
            if (!areArraysEqual(value1, value2)) {
                return false;
            }
        } else if (typeof value1 === 'object' && typeof value2 === 'object') {
            if (!areDictionariesEqual(value1, value2)) {
                return false;
            }
        } else {
            if (value1 !== value2) {
                return false;
            }
        }
    }
    return true;
}
// given a dict, returns all of the lowest level dicts
function getNestedDicts(obj, in_key = "") {
    let flattened_dict = {};
    for (const key in obj) {
        const val = obj[key];
        if (isDict(val)) {
            flattened_dict = { ...flattened_dict, ...getNestedDicts(val, key) };
        }
    }
    // if we're a terminal dict, return ourself
    if (Object.keys(flattened_dict).length == 0) {
        flattened_dict[in_key] = obj;
    }
    return flattened_dict;
}
/* ARRAY FUNCTIONS */
// returns true if a given object is an array
function isArray(obj) {
    return Array.isArray(obj);
}
// returns true if the given list contains 'sublist' in order
function containsSublist(list, sublist) {
    let sublistIndex = 0;
    for (let i = 0; i < list.length; i++) {
        if (list[i] === sublist[sublistIndex]) {
            sublistIndex++;
            if (sublistIndex === sublist.length) {
                return true;
            }
        } else {
            sublistIndex = 0;
        }
    }
    return false;
}
// returns a deepcopy of a given json object
function deepcopy(json) {
    const str = JSON.stringify(json);
    const obj = JSON.parse(str)
    return obj;
}
// returns true if two arrays are equal while ignoring undefined values (i.e., [undefined, 1], [1] => true)
function areArraysEqual(in_arr1, in_arr2) {
    let arr1 = deepcopy(in_arr1);
    let arr2 = deepcopy(in_arr2);
    // remove undefined values
    arr1 = arr1.filter(e => (e !== undefined && e !== null));
    arr2 = arr2.filter(e => (e !== undefined && e !== null));
    if (arr1.length !== arr2.length) {
        return false;
    }
    for (let i = 0; i < arr1.length; i++) {
        if (typeof arr1[i] === 'object' && typeof arr2[i] === 'object') {
            if (!areDictionariesEqual(arr1[i], arr2[i])) {
                return false;
            }
        } else {
            if (arr1[i] !== arr2[i]) {
                return false;
            }
        }
    }
    return true;
}
    // runs the function over each element of a given class
function mapOverClass(func, class_name) {
    let elems = Array.from(document.getElementsByClassName(class_name));
    elems.forEach((e) => func(e));
}
// if is_set is true, adds the given class to the element, otherwise remove that class
function setClass(element, class_name, is_set) {
    if (element === null) {
        console.warn("Attempted to set class of null element");
        return;
    }
    if (is_set && !element.classList.contains(class_name)) {
        element.classList.add(class_name);
    } else if (!is_set && element.classList.contains(class_name)) {
        element.classList.remove(class_name);
    }
}
// disables/ enables an element, greying it out and making it uninteractable
function setElementDisabled(element, is_disabled) {
    setClass(element, "disabled", is_disabled);
}
// hides/ unhides an element
function setElementHidden(element, is_hidden) {
    setClass(element, "hidden", is_hidden);
}
// hides/ unhides all elements of a given class without shifting surrounding elements
function setElementHiddenWithSpacing(element, is_hidden) {
    setClass(element, "hiddenWithSpacing", is_hidden);
}
// disables/ enables all elements of a given class, greying it out and making it uninteractable
function setClassDisabled(className, is_disabled) {
    mapOverClass((e) => { setElementDisabled(e, is_disabled); }, className);
}
// hides/ unhides all elements of a given class
function setClassHidden(className, is_hidden) {
    mapOverClass((e) => { setClass(e, "hidden", is_hidden); }, className);
}
// hides/ unhides all elements of a given class without shifting surrounding elements
function setClassHiddenWithSpacing(className, is_hidden) {
    mapOverClass((e) => { setClass(e, "hiddenWithSpacing", is_hidden); }, className);
}
// Sets all td_, th_, fd_, fh_ variables for a given varName. 
//  if isPrivate = true, sets _xx instead
function setRelatedVar(varName, isTrue, isPrivate = false) {
    const prefix = isPrivate ? '_' : "";
    setClassDisabled(`${prefix}td_${varName}`, isTrue);
    setClassHidden(`${prefix}th_${varName}`, isTrue);
    setClassDisabled(`${prefix}fd_${varName}`, !isTrue);
    setClassHidden(`${prefix}fh_${varName}`, !isTrue);
}
// Given the firmware version of the connected device
// sets all related firmware version classes
function setRelatedFW(firmwareVersion) {
    const fw_int = convertVersion(firmwareVersion);
    const min_fw_elems = Array.from(document.getElementsByClassName("minFW"));
    min_fw_elems.forEach(elem => {
        let is_hidden = false;
        Array.from(elem.classList).forEach(cls => {
            if (cls.startsWith("minFW_")) {
                const min_fw = convertVersion(cls.split("_")[1]);
                is_hidden = is_hidden || min_fw > fw_int;
            }
            if (cls.startsWith("maxFW_")) {
                const max_fw = convertVersion(cls.split("_")[1]);
                is_hidden = is_hidden || max_fw < fw_int;
            }
        });
        setElementHidden(elem, is_hidden);
    });
}
// given a checkbox element, loops over each related element (i.e., all elems with class `xx_${elem.name}`)
//   and performs the following
// td - when true - disable
// th - when true - hide
// fd - when false - disable
// fh - when false - hide
//
// e.g., setRelated on tcp_enabled when it's false will disable all elems with the class `fd_tcp_enabled` and enable all with `td_tcp_enabled`
// - this is used for disabling elements when related settings are turned off
function setRelated(check_elem) {
    if (check_elem.type !== 'checkbox' && check_elem.tagName.toLowerCase() !== 'select') return;
    let is_checked = Boolean(getInputValue(check_elem));
    setRelatedVar(check_elem.name, is_checked);
    // handle all "{val}d_{key}" elements (i.e., any elems that depend on a specific value of a dropdown)
    if (check_elem.tagName.toLowerCase() !== 'select') return;
    const val = getInputValue(check_elem);
    // disabled
    elems = Array.from(document.getElementsByClassName(`rel_${check_elem.name}`));
    elems.forEach(elem => {
        const is_disabled = elem.classList.contains(`${val}d_${check_elem.name}`);
        setElementDisabled(elem, is_disabled);
    });
    // hide
    elems = Array.from(document.getElementsByClassName(`rel_${check_elem.name}`));
    elems.forEach(elem => {
        const is_hidden = elem.classList.contains(`${val}h_${check_elem.name}`);
        setElementHidden(elem, is_hidden);
    });
}
    // gets the state of a given input or select, regardless of type
function getInputValue(elem) {
    if (elem.type === 'checkbox') {
        return elem.checked;
    } else if (elem.type === 'number') {
        return Number(elem.value);
    } else if (elem.tagName.toLowerCase() === 'select') {
        // hardcode exception for *_enabled - used for dropdowns backed by true/false
        if (elem.name.endsWith("_enabled") && elem.name != "wifi_ap_enabled") { return elem.value == "true"; }
        return Number(elem.value);
    } else {
        return elem.value;
    }
}
// sets an input elems state, regardless of input type
function setInputValue(elem, value) {
    let element_tag_name = elem.tagName.toLowerCase();
    let element_type = elem.type;
    switch (element_tag_name) {
        case 'input':
            if (element_type === 'checkbox') {
                elem.checked = value === true;
            } else if (element_type === 'number') {
                elem.value = parseFloat(value);
            } else {
                elem.value = value.toString();
            }
            break;
        case 'select':
            for (let i = 0; i < elem.options.length; i++) {
                if (elem.options[i].value === value.toString()) {
                    elem.selectedIndex = i;
                    break;
                }
            }
            break;
        default:
            console.error(`Unsupported element type: ${element_tag_name}`);
    }
}
// updates a state object given an input elem
function updateStateFromInput(state, input) {
    let input_value = getInputValue(input);
    let input_name = input.name;
    let var_index_key = extractRowAttributes(input_name);
    if (var_index_key === null) {
        state[input_name] = input_value;
    } else { // if it's an elem in a nested array (e.g., code_settings)
        let arr_name = var_index_key[0];
        let idx = var_index_key[1];
        let key = var_index_key[2];
        if (!state.hasOwnProperty(arr_name)) {
            state[arr_name] = [];
        }
        while (state[arr_name].length <= idx) {
            state[arr_name].push({});
        }
        state[arr_name][idx][key] = input_value;
    }
}
// given a state, populates its values using the site
function populateStateFromSite() {
    state = {};
    let elems = [
        ...document.querySelectorAll("input"),
        ...document.querySelectorAll("select"),
        ...document.querySelectorAll("checkbox")
    ];
    elems.forEach(input => {
        updateStateFromInput(state, input);
    });
    setUnsavedChanges(false);
    return state;
}
// removes the given input elem from the state. Call this before removing an elem from the DOM
function removeInputFromState(state, input) {
    let inp_state = getInputValue(input);
    let inp_name = input.name;
    let var_index_key = extractRowAttributes(inp_name);
    if (var_index_key === null) {
        delete state[inp_name];
    } else { // if it's an elem in a nested array (e.g., code_settings)
        let arr_name = var_index_key[0];
        let idx = var_index_key[1];
        let key = var_index_key[2];
        delete state[arr_name][idx][key];
        // if theres no other keys, delete the object
        if (Object.keys(state[arr_name][idx]).length == 0) {
            delete state[arr_name][idx];
        }
        // if theres no other objects, delete the list
        if (state[arr_name].length == 0) {
            delete state[arr_name];
        }
    }
}
// handler for input changes - used to trigger "you have unsaved changes!" notification & update state
function handleInputChange(event) {
    let t = event.target;
    // set unsaved changes msg
    updateStateFromInput(current_state, t);
    checkAndSetUnsavedChanges();
    // disable/ reenable relavent tags
    setRelated(t)
}
// generates an input tag given it's type, name, and starting value
function generateInput(name, value, setting) {
    const input_type = setting["siteInputType"];
    const class_str = "siteClass" in setting ? ` class="${setting["siteClass"]}"` : "";
    const style_str = "siteInputStyle" in setting ? ` style="${setting["siteInputStyle"]}"` : "";
    if (input_type == "checkbox") {
        const checked_string = value ? " checked" : "";
        return `<input${class_str}${style_str} type="checkbox" name="${name}"${checked_string}>`;
    } else if (input_type == "select") {
        const options = setting["siteSelectOptions"];
        const option_tags = options.map(option => {
            const selected = option[0] == value ? " selected" : "";
            return `<option value="${option[0]}"${selected}>${option[1]}</option>`;
        });
        return `<select${class_str}${style_str} name="${name}">${option_tags.join('')}</select>`;
    } else {
        return `<input${class_str}${style_str} type="${input_type}" name="${name}" value="${value}">`
    }
}
    // cache relavent elements
// sidebar
const sidebar_div = document.getElementsByClassName("sidebar")[0];
const main_container_div = document.getElementsByClassName("mainContainer")[0];
const settings_dimmer_div = document.getElementsByClassName("settingsDimmer")[0];
const site_dimmer_div = document.getElementsByClassName("siteDimmer")[0];
const site_alert_popup = document.getElementsByClassName("alertPopup")[0];
// status divs
const debug_status_div = document.getElementById("debugStatusDiv");
const settings_status_div = document.getElementById("settingsStatusDiv");
const ota_status_div = document.getElementById("otaStatusDiv");
const unsaved_changes_elem = document.getElementById("unsavedChanges");
// shows a given msg to the user
let debug_timeout;
function debugToast(msg, timeout = 15000) {
    debug_status_div.innerHTML = msg;
    clearTimeout(debug_timeout);
    if (timeout != -1) {
        debug_timeout = setTimeout(function () { debug_status_div.innerHTML = "<br>" }, timeout);
    }
}
// shows a given msg to the user
let settings_timeout;
function settingsToast(msg, timeout = 15000) {
    settings_status_div.innerHTML = msg;
    clearTimeout(settings_timeout);
    if (timeout != -1) {
        settings_timeout = setTimeout(function () { settings_status_div.innerHTML = "<br>" }, timeout);
    }
}
// shows a given msg to the user
let ota_timeout;
function otaToast(msg, timeout = 15000) {
    ota_status_div.innerHTML = msg;
    clearTimeout(ota_timeout);
    if (timeout != -1) {
        ota_timeout = setTimeout(function () { ota_status_div.innerHTML = "<br>" }, timeout);
    }
}
// sidebar funcs
let sidebarOpen = false;
function toggleSidebar() {
    if (sidebarOpen) {
        closeSidebar();
    } else {
        openSidebar();
    }
}
function openSidebar() {
    if (!isMobile) return;
    sidebarOpen = true;
    sidebar_div.style.left = "0";
    enableSettingsDimmer();
}
function closeSidebar() {
    if (!isMobile) return;
    sidebarOpen = false;
    sidebar_div.style.left = "-220px";
    main_container_div.style.marginLeft = "0";
    disableSettingsDimmer();
}
function enableSettingsDimmer() {
    settings_dimmer_div.style.backgroundColor = "rgba(0, 0, 0, 0.3)";
    settings_dimmer_div.style.pointerEvents = "auto";
}
function disableSettingsDimmer() {
    settings_dimmer_div.style.backgroundColor = "rgba(0, 0, 0, 0)";
    settings_dimmer_div.style.pointerEvents = "none";
}
function enableSiteDimmer() {
    site_dimmer_div.style.display = "initial";
}
function disableSiteDimmer() {
    site_dimmer_div.style.display = "none";
}
function setAlertPopup(text) {
    enableSiteDimmer();
    site_alert_popup.style.display = "initial";
    site_alert_popup.innerHTML = text;
}
function closeAlertPopup() {
    disableSiteDimmer();
    site_alert_popup.style.display = "none";
}
// checks if the current and saved states match, and sets unsaved changes appropriately
function checkAndSetUnsavedChanges() {
    setUnsavedChanges(!areDictionariesEqual(saved_state, current_state));
}
// true -> shows "you have unsaved changes!" and enables save button
function setUnsavedChanges(status) {
    setElementHiddenWithSpacing(unsaved_changes_elem, !status);
    //setElementDisabled(save_button, !status);
}
// resizes the window to mobile or desktop
let isMobile = false;
function resizeWindow() {
    closeSidebar();
    if (window.innerWidth < 600) {
        main_container_div.style.marginLeft = "0";
        isMobile = true;
    } else {
        sidebar_div.style.left = "0";
        main_container_div.style.marginLeft = "220px";
        isMobile = false;
    }
    // openSidebar();
}
const conection_status_elem = document.getElementById("statusConnectionStatus");
// sets is_connected and performs relavent toggles
let is_connected; // don't initialize here otherwise elems won't be disabled first time
const setConnectionStatusEvent = new Event("setConnectionStatus"); // fired when setConnectionStatus is called 
let get_status_interval;
function setConnectionStatus(status) {
    if (is_connected == status) return; // if the statuses are the same, no action should be performed
    console.log("Setting connection status to: " + status);
    is_connected = status;
    // Update status to user
    conection_status_elem.innerHTML = status ? "Connected" : "Disconnected";
    displaySection('device');
    setRelatedVar("connected", status, true);
    if (status) {
        startGettingStatus();
    } else {
        stopGettingStatus();
    }
    document.dispatchEvent(setConnectionStatusEvent);
}
// starts requesting status messages from the module
async function startGettingStatus() {
    await getStatus();
    get_status_interval = setInterval(async () => {
        try {
            await getStatus();
        } catch (err) {
            if (err.message != ERR_PORT_BUSY) {
                console.trace(err);
            }
        }
    }, is_on_esp ? 2500 : 500);
}
// stops requesting status messages from the module
function stopGettingStatus() {
    clearInterval(get_status_interval);
}
// gets a given variable (varName should be in snake_case) from the given status json, and sets the relavent div in Status - Device
function setSingleStatus(json, varName) {
    const elemId = `status${snakeToPascal(varName)}`;
    const elem = document.getElementById(elemId);
    const varValue = typeof json[varName] !== 'undefined' && json[varName] !== null ? json[varName] : "";
    try {
        if (elem.innerHTML != varValue) {
            elem.innerHTML = varValue;
        }
    } catch (err) {
        // error occurs whenever a variable that doesnt exist is attempted to be set - can just ignore for prod
        // console.trace(err);
        // console.error(`Error in setSingleStatus: varName: ${varName}, elemId: ${elemId}, json: `);
        // console.error(json);
    }
}
// given a status json, sets all the relavent values in Status - Device
function loadStatusFromJson(json) {
    for (const i in json) {
        setSingleStatus(json, i);
    }
    setRelatedFW(json["firmware_version"]);
}
    // is_on_esp set by convertSite.py
// If an error occurs, stop the user from doing anything else to prevent it from breaking!
window.onerror = function (msg, url, line, col, error) {
    setAlertPopup("An unexpected error has occured! Please contact Unique Micro Design.");
};
// ota
const ota_file_selector = document.getElementById("otaFileSelect");
// settings
const json_input = document.getElementById('jsonFileInput');
// const settings_div = document.getElementById("settingsWrapper");
const settings_div = document.getElementById("settingsWrapper");
const device_div = document.getElementById("deviceWrapper");
const save_button = document.getElementById("submitButton");
const settings_inputs = settings_div.querySelectorAll('input');
const settings_selects = settings_div.querySelectorAll('select');
const settings_elems = [...settings_inputs, ...settings_selects];
const sidebar_sections_elems = Array.from(document.getElementsByClassName("sidebarSection"));
const sidebar_sections_ids = sidebar_sections_elems.map((elem) => { return elem.id.replace("Select", ""); });
const sidebar_settings_sections_elems = Array.from(document.getElementsByClassName("sidebarSettingSection"));
const sidebar_settings_sections_ids = sidebar_settings_sections_elems.map((elem) => { return elem.id.replace("Select", ""); });
const sidebar_device_sections_elems = Array.from(document.getElementsByClassName("sidebarDeviceSection"));
const sidebar_device_sections_ids = sidebar_device_sections_elems.map((elem) => { return elem.id.replace("Select", ""); });
// json import button
document.getElementById("importButton").addEventListener('click', e => {
    json_input.click();
});
// states
let saved_state = {};   // what is currently on the esp?
let current_state = {}; // what has the user currently set on the site?
let tables = {};
// Section history
window.onhashchange = function (event) {
    try {
        const url = event.newURL;
        const idx = url.lastIndexOf("#"); // uri will be of the form "uri#section_name"
        // if we're not looking at a valid section - get out
        if (idx == -1) {
            history.back();
            return;
        }
        const sectionName = url.substr(idx + 1) // +1 to skip the '#'
        displaySection(sectionName, true);
    } catch (e) {
        console.trace(e);
    }
}
/* GENERAL */
// called when the page is first loaded
window.onload = (event) => {
    try {
        // setup 'unchanged settings' handler
        settings_elems.forEach(input => {
            input.addEventListener('input', handleInputChange);
        });
        Object.values(settings).forEach(setting => {
            if (setting["siteInputType"] == "table_rows") {
                let class_name = setting["varName"];
                tables[class_name] = new SettingTable(class_name);
            }
        })
        // by default, open device
        displaySection('device');
        setUnsavedChanges(false);
        resizeWindow();
        // siteLoaded is handled by esp.js & server.js independently
        document.dispatchEvent(new CustomEvent('siteLoaded'));
    } catch (e) {
        console.trace(e);
    }
}
function resetToDefaultsHandler() {
    setAlertPopup(`
    <div style='text-align: center;'>
    Are you sure you want to reset your device to factory defaults?<br>
    <button onclick='resetToDefaults();'>Yes, reset my device!</button>
    <button onclick='closeAlertPopup();'>No</button>
    </div>
    `);
}
async function resetToDefaults() {
    try {
        let default_json = getDefaultSettings();
        if (default_json == {}) {
            console.log("Failed to reset to factory defaults! - JSON is empty")
            settingsToast("Failed to reset to factory defaults!");
            return;
        }
        default_json = formatJson(default_json);
        if (!isJsonValid(default_json)) {
            console.log("Failed to reset to factory defaults! - JSON is not valid")
            settingsToast("Failed to reset to factory defaults!");
            return;
        }
        sendJson(default_json);
    } finally {
        closeAlertPopup();
    }
}
// called once the site has received settings - disables certain settings based on the `enable_wifi`, etc. tags
function processModuleEnabledSettings(state) {
    let isWirelessDisabled = !state["enable_wifi"];
    let isEthDisabled = !state["enable_eth"];
    let isUsbHostDisabled = !state["enable_usb_host"];
    let isRfidDisabled = !state["enable_rfid"];
    let isMqttDisabled = !state["enable_mqtt"];
    // hide options related to disabled methods
    setClassHidden("wifiOnly", isWirelessDisabled);
    setClassHidden("usbHostOnly", isUsbHostDisabled);
    setClassHidden("ethOnly", isEthDisabled);
    setClassHidden("wifiAndEthOnly", isWirelessDisabled || isEthDisabled);
    setClassHidden("wifiOrEthOnly", isWirelessDisabled && isEthDisabled);
    setClassHidden("rfidOnly", isRfidDisabled);
    setClassHidden("mqttOnly", isMqttDisabled);
}
/* SETTINGS */
// grabs the json in jsonContainer and sets the current state using it
const settings_reader = new FileReader();
settings_reader.onload = function (event) {
    try {
        const json = JSON.parse(event.target.result);
        console.log(json);
        loadSettingsFromJson(json);
    } catch (err) {
        console.trace(err);
        settingsToast("Invalid JSON file!");
    }
    json_input.value = ''; // Clear the input value
};
function importFromJson() {
    const file = json_input.files[0];
    settings_reader.readAsText(file);
}
// exports the current state to jsonContainer
function exportToJson() {
    const json = JSON.stringify(formatJson(current_state));
    const blob = new Blob([json], { type: 'application/json' });
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = 'device_settings.json';
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
    URL.revokeObjectURL(url);
}
// if the given str is of the form var[idx].key (i.e., is a row elment), returns a tuple of the form (var, idx, key),
//   otherwise returns null
function extractRowAttributes(str) {
    const regex = /^(.*?)\[(\d+)\]\.(.*?)$/;
    const match = str.match(regex);
    if (match) {
        const variableName = match[1];
        const index = parseInt(match[2]);
        const keyName = match[3];
        return [variableName, index, keyName];
    } else {
        return null; // Return null if the input string doesn't match the expected format
    }
}
// displays the given form/ div, hiding all other forms/divs in settings_ids and form_ids - also highlights clicked_elem
let latest_section = "";
function displaySection(selected_id, was_popped = false) {
    // console.log(`Displaying section: ${selected_id}`);
    if (!was_popped && latest_section != selected_id) {
        latest_section = selected_id;
        const stateObj = { section: selected_id };
        history.pushState(stateObj, `Section ${selected_id}`, `#${selected_id}`);
    }
    closeSidebar();
    // highlight selected sidebar section - remove highlight from others
    for (let i = 0; i < sidebar_sections_ids.length; i++) {
        let is_selected = sidebar_sections_ids[i] == selected_id;
        setClass(sidebar_sections_elems[i], "important", is_selected);
    }
    // show selected section - hide all other sections
    for (let i = 0; i < sidebar_sections_ids.length; i++) {
        let form_id = sidebar_sections_ids[i];
        let elem = document.getElementById(form_id);
        setElementHidden(elem, form_id != selected_id);
    }
    // if not a setting, hide all of settings
    const hide_settings = !sidebar_settings_sections_ids.includes(selected_id);
    setElementHidden(settings_div, hide_settings);
    // if not a device, hide all of device
    const hide_device = !sidebar_device_sections_ids.includes(selected_id);
    setElementHidden(device_div, hide_device);
}
// contains all logic for tabulated settings
class SettingTable {
    constructor(_var) {
        this._var = _var;
        this.table = document.getElementById(`${this._var}|settingsTable`);                 // the table displaying this setting's elements
        this.setting = settings[this._var];                             // the definition of the setting itself
        this.class_definition = classes[this.setting["cppTypeRaw"]];  // the definition of the class the setting refers to
        this.row_num = 0;                                                                   // how many rows have been generated for this table
    }
    // adds a default row to the table
    addDefaultRow() {
        this.addRow({});
    }
    // adds a row to the table using the settings inside row_value
    addRow(row_value) {
        // add new row
        const row_count = this.table.rows.length;
        let new_row = this.table.insertRow(row_count - 1); // add it second from the bottom - keep add row on bottom
        new_row.classList.toggle("inputTableRow");
        const header_elems = this.table.getElementsByClassName("headerRow")[0].childNodes;
        // loop over each key in the row
        for (const idx in header_elems) {
            // header_elems includes the text elements inside the TH elements, skip them
            const header_elem = header_elems[idx];
            if (header_elem.tagName != "TH") { continue; }
            // skip any blank keys (including Remove at end)
            var key;
            if (header_elem.id && header_elem.id.split("|")[1] !== undefined && header_elem.id.split("|")[1] !== null) {
                key = header_elem.id.split("|")[1];
            } else {
                key = "";
            }
            if (key == "") { continue; }
            // create new input cell
            let new_cell = new_row.insertCell();
            const setting = this.class_definition.settings.find(setting => setting.varName == key);
            const name = `${this._var}[${this.row_num}].${key}`;
            var value;
            if (typeof row_value[key] !== 'undefined' && row_value[key] !== null) {
                value = row_value[key];
            } else if (typeof setting["siteDefault"] !== 'undefined' && setting["siteDefault"] !== null) {
                value = setting["siteDefault"];
            } else {
                value = "";
            }
            new_cell.innerHTML = generateInput(name, value, setting);
        }
        let remove_cell = new_row.insertCell();
        remove_cell.innerHTML = `<button type="button" onclick="tables['${this._var}'].removeRow(this.parentNode.parentNode)">-</button>`;
        // give each new input elem an on-change handler
        let text_elems = new_row.querySelectorAll('input');
        let check_elems = new_row.querySelectorAll('select');
        [text_elems, check_elems].forEach(elems => {
            elems.forEach(input => {
                input.addEventListener('input', handleInputChange);
                updateStateFromInput(current_state, input);
            });
        });
        this.row_num++;
        checkAndSetUnsavedChanges();
    }
    // removes a row from the table given the row's element
    removeRow(elem, check_for_changes = true) {
        if (elem === null || elem === undefined) return;
        // manage site's state
        const row_num = elem.rowIndex;
        current_state[this._var].splice(row_num - 1, 1); // deletes the from the current state
        elem.remove();
        if (check_for_changes) {
            checkAndSetUnsavedChanges();
        }
        this.row_num--;
    }
    // removes all rows from the table
    removeAllRows() {
        const rows = this.table.getElementsByClassName("inputTableRow");
        for (let i = rows.length - 1; i >= 0; i--) { // traverse backwards as to not miss rows
            const row = rows[i];
            this.removeRow(row, false);
        }
    }
}
// formats all settings in a json - ready for submitting
function formatJson(json) {
    let form_state = deepcopy(json); // deepcopy original json
    // remove all undefined elems from nested json
    for (const key in form_state) {
        if (!isArray(form_state[key])) { continue; }
        form_state[key] = form_state[key].filter((e) => (e != undefined && e != {} && e != null));
    }
    if ("code_settings" in form_state) {
        for (let i = 0; i < form_state["code_settings"].length; i++) {
            // special case - remove any extraneous empty dicts from code_settings
            // this happens due to how codes are deleted - might not be an issue anymore
            if (Object.keys(form_state["code_settings"][i]).length === 0) {
                form_state["code_settings"][i] = undefined;
            }
            // also encode all codes - this is just for <ETX>'esque codes
            form_state["code_settings"][i]["code"] = encodeCode(form_state["code_settings"][i]["code"]);
        }
    }
    // check all values to see if they need formatting
    for (const state_key in form_state) {
        if (!(state_key in settings)) { continue; } // skip if this isnt an actual setting
        const setting = settings[state_key];
        if (!("cppTypeRaw" in setting)) { continue; } // skip if this setting isn't representable on the site
        if (Object.keys(classes).includes(setting["cppTypeRaw"])) {
            const class_definition = classes[setting["cppTypeRaw"]];
            // check if any variables within the found sub_class are composed
            for (const idx in class_definition.settings) {
                const nested_setting = class_definition.settings[idx]
                if (nested_setting.siteComposition != 'null') {
                    // create composed variables, and delete all variables which composed it
                    if (isArray(form_state[state_key])) {
                        for (const state_idx in form_state[state_key]) {
                            form_state[state_key][state_idx] = composeVariable(
                                form_state[state_key][state_idx],
                                nested_setting["siteComposition"],
                                nested_setting["varName"]
                            );
                        }
                    } else {
                        form_state[state_key] = composeVariable(
                            form_state[state_key],
                            nested_setting["siteComposition"],
                            nested_setting["varName"]
                        );
                    }
                }
            }
        }
    }
    // remove any empty keys from the json
    delete form_state[""];
    return form_state;
}
// given an object and the composition of a key within that object - delete all kvp's with the keys inside 'composition',
//  create a new kvp inside object with the key 'composed_key', and assign it's value to be equal to the composed value.
function composeVariable(obj, composition, composed_key) {
    obj[composed_key] = 0;
    let multi = 1;
    for (const i in composition) {
        const composed_var_id = composition[i];
        obj[composed_key] += multi * obj[composed_var_id];
        multi *= 2;
        delete obj[composed_var_id];
    }
    return obj;
}
// returns true if a given json is ready to submit, otherwise returns false
function isJsonValid(json) {
    // check if form is in correct format, if not, toast with first error
    //  NOTE: If a setting is not present, attempting to compare with that value will return false.
    //  Therefore if you remove a setting, it's check will always return false, so you don't also have to remove the check.
    try {
        if (!isJsonValidGenerated(json)) { return false; } // generated in site.html.j2 - takes care of any validXXX settings
        // Networking
        // Configuration site
        if ((json.site_username === "") != (json.site_password === "")) {
            settingsToast("Malformed device management username or password!<br>Supply either: both a username and password, or neither of them.");
            return false;
        }
        if (json.site_password_conf != json.site_password && json.site_password != saved_state.site_password) {
            settingsToast("Malformed device management password!<br>Device management password's must match!");
            return false;
        }
        // MDNS
        if (json.mdns_enabled && json.mdns_hostname == "") {
            settingsToast("Malformed mDNS hostname!<br>Must be a non-empty string.");
            return false;
        }
        // Ethernet
        if (json.eth_static_ip_enabled) {
            if (!isValidIPAddress(json.eth_static_ip)) {
                settingsToast("Malformed ethernet static IP!<br>Must be a valid IPV4 address.");
                return false;
            }
            if (!isValidIPAddress(json.eth_netmask)) {
                settingsToast("Malformed ethernet netmask!<br>Must be a valid IPV4 address.");
                return false;
            }
            if (!isValidIPAddress(json.eth_gateway)) {
                settingsToast("Malformed ethernet gateway!<br>Must be a valid IPV4 address.");
                return false;
            }
        }
        // WiFi AP
        if (json.wifi_ap_enabled == "1" || json.wifi_ap_enabled == "2") {
            if (json.wifi_ap_ssid === "") {
                settingsToast("Malformed Wi-Fi Hotspot SSID!<br>Must be a non-empty string.");
                return false;
            }
            if (json.wifi_ap_password.length > 0 && json.wifi_ap_password.length < 8) {
                settingsToast("Malformed Wi-Fi Hotspot password!<br>Must be empty, or more than 8 characters.");
                return;
            }
            if (json.wifi_ap_static_ip_enabled) {
                if (!isValidIPAddress(json.wifi_ap_static_ip)) {
                    settingsToast("Malformed Wi-Fi Hotspot static IP!<br>Must be a valid IPV4 address.");
                    return false;
                }
                if (!isValidIPAddress(json.wifi_ap_netmask)) {
                    settingsToast("Malformed Wi-Fi Hotspot netmask!<br>Must be a valid IPV4 address.");
                    return false;
                }
            }
        }
        // WiFi Client
        if (json.wifi_client_enabled) {
            if (json.wifi_client_ssid === "") {
                settingsToast("Malformed Wi-Fi client ssid!<br>Must be a non-empty string.");
                return false;
            }
            //pw
            if (json.wifi_client_static_ip_enabled) {
                if (!isValidIPAddress(json.wifi_client_static_ip)) {
                    settingsToast("Malformed Wi-Fi client static IP!<br>Must be a valid IPV4 address.");
                    return false;
                }
                if (!isValidIPAddress(json.wifi_client_netmask)) {
                    settingsToast("Malformed Wi-Fi client netmask!<br>Must be a valid IPV4 address.");
                    return false;
                }
                if (!isValidIPAddress(json.wifi_client_gateway)) {
                    settingsToast("Malformed Wi-Fi client gateway!<br>Must be a valid IPV4 address.");
                    return false;
                }
            }
        }
        // USB
        // Codes
        if ("code_settings" in json) {
            // check if code is empty
            const err_code_idx = json.code_settings.findIndex(code => code["code"] === "");
            if (err_code_idx !== -1) {
                settingsToast(`Malformed code in position ${err_code_idx + 1}!<br>Code must be a non-empty string.`);
                return false;
            }
            // check if code encompasses another code
            let is_err = false;
            for (let idx1 = 0; idx1 < json.code_settings.length; idx1++) {
                const code1 = encodeCode(json.code_settings[idx1]["code"]);
                // check if it contains <STX> - reserved for internal use
                if (code1.includes("\\x02")) {
                    settingsToast(`Malformed code at position ${idx1 + 1}!<br>Code contains &lt;STX&gt;, which is reserved for internal use.`)
                    is_err = true;
                    break;
                }
                // check if a code encompasses another code
                for (let idx2 = 0; idx2 < json.code_settings.length; idx2++) {
                    if (idx1 == idx2) { continue; }
                    const code2 = encodeCode(json.code_settings[idx2]["code"]);
                    const is_code1_encompassing_code2 = containsSublist(code1, code2);
                    if (is_code1_encompassing_code2) {
                        settingsToast(
                            `Malformed codes in positions ${idx1 + 1} and ${idx2 + 1}!<br>
                            Code ${idx1 + 1} encompasses code ${idx2 + 1} meaning code ${idx2 + 1} will never run.<br>
                            Please change either code such that they no longer clash.`
                        );
                        is_err = true;
                        break;
                    }
                }
                if (is_err) { break; }
            }
            if (is_err) return false;
        }
    } catch (error) {
        settingsToast("There was an error while parsing your configuration!<br>" + error);
        console.trace(error);
        return false;
    }
    return true;
}
// called whenever the save and apply button is pressed - submits current_state
function submit(event) {
    event.preventDefault();
    let json = formatJson(current_state);
    if (!isJsonValid(json)) { return; }
    sendJson(json); // defined in esp.js and server.js
}
// given a state object, sets all relavent checkboxes and inputs
function loadSettingsFromJson(new_state) {
    console.log("Loading settings...");
    // update all sites elems values
    for (const table_var in tables) {
        if (table_var in new_state) {
            tables[table_var].removeAllRows();
        }
    }
    // Object.values(tables).forEach((t) => t.removeAllRows());
    for (const [key, value] of Object.entries(new_state)) {
        if (settings[key] && settings[key]["siteInputType"] == "table_rows") { // table_rows require special handling
            const setting = settings[key];
            for (const val_idx in value) {
                let val = value[val_idx];
                // TODO: Handle siteComposition generically
                if ("code_function" in val) {
                    const code_function = val["code_function"];
                    val["echo"] = code_function & 0x01;
                    val["trigger1"] = code_function & 0x02;
                    val["trigger2"] = code_function & 0x04;
                    val["password"] = code_function & 0x08;
                    val["code"] = decodeCode(val["code"]);
                }
                tables[setting["varName"]].addRow(val);
            }
        } else {
            const elem = document.getElementsByName(key)[0];
            if (elem !== undefined) { // skip any keys that arent displayed to users
                setInputValue(elem, value);
            }
        }
    }
    // update all elems show/hide status
    settings_elems.forEach(e => {
        setRelated(e);
    });
    // set site password - means user doesn't have to retype it if this func changes it
    try {
        setInputValue(document.getElementsByName("site_password_conf")[0], new_state["site_password"]);
    }
    catch (e) {
        console.trace(e);
    }
    // update current_state
    current_state = populateStateFromSite();
    checkAndSetUnsavedChanges();
    // update shown settings - only if coming from ESP
    const isFromEsp = "serial_number" in new_state; // state only has sn if it's coming from the ESP
    if (isFromEsp) { processModuleEnabledSettings(new_state); }
    window.dispatchEvent(new CustomEvent('settingsLoaded', { detail: { state: new_state } }));
}
// resets all settings to the module's current settings
function resetToModule() {
    loadSettingsFromJson(saved_state);
}
// handle resizing on mobile
window.addEventListener('resize', resizeWindow);
  </script>
</body>
</html>

Menu Text

M320 Manager

Device

Connect

Control

Status

Module

Connection status
Firmware option
Firmware version
Up time
Serial number
State
Model

Ethernet

MAC address
Status
IP
Netmask
Gateway

Wi-Fi Access Point

MAC address
Status
SSID
IP
Netmask

Wi-Fi Client

MAC address
Status
SSID
IP
Netmask
Gateway

Settings

Settings I/O

Command codes

Below are configurable command codes and their associated actions.

e.g., entering '<ESC>p0' will trigger relay 1.

Non-printable characters are entered using their control code representation.

e.g., '<ESC>' or '<0x1B>'

Code	Echo	Trigger 1	Trigger 2	Remove

RFID Reader

Enabled
Tag Event Report Format
Read Power (dBm)
Write Power (dBm)
Session

Virtual Read Zones

Read Zone ID	Antennae	Start delay (ms)	ON duration (ms)	Remove

MQTT

When MQTT is enabled, the reader will connect to the broker on URI: {transport scheme}://{hostname}:{port}/{path}

Enabled
Transport Scheme
Broker Hostname
Broker Port
Broker Path
Client ID
Username
Password
Persistent Session		Enables persistent session by setting cleanSession flag to false

Heartbeat

Enabled
Heart Beat Interval (s)		0 = No heart beat
Heartbeat Report Topic		Reader will publish heartbeats to this topic

MQTT Topics

Command Topic		Reader will subscribe to this topic to listen for commands
Active RZ Report Topic		Reader will publish all active transmitting read zones upon change
Error Report Topic		Reader will publish error reports to this topic
Tag Event Report Topic		Reader will publish tag event reports to this topic

You have unsaved changes!

Send response on open		Sends `0x14 0x00 0x00 0x0f`
Send response on close		Sends `0x10 0x00 0x00 0x0f`
Invert status pin		Enable this if 'state' in Status is 'open' when it should be 'closed'
Relay on-time
Relay trigger voltage
Minimum relay trigger voltage (mV)		Relay charges up to "Relay trigger voltage" but will allow triggering at this voltage. Reduces minimum charge times, but may cause misfires if set too low. 0 = Determined automatically.
Send message on TCP connection		Sends "Password:" when connecting via TCP

Enabled		On startup the hotspot will be live for 10 minutes
SSID
Password
IP
Netmask

Static IP
Netmask
Gateway
Primary DNS
Secondary DNS

Static IP
Netmask
Gateway
Primary DNS
Secondary DNS