LailaTheElf/rcrf-wifi
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

concept for config edit form

Browse Source
This commit is contained in:
Laila van Reenen 2025-08-14 17:14:39 +00:00
parent 2374365f0e
commit 6bf43409e4
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
commander.html
View File

@ -30,6 +30,17 @@
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
} }
#edit_config {
position: absolute;
background-color: var(--background-second);
top: 0;
left: 0;
right: 0;
/* height: 100%; */
}
#edit_config form {
margin: 40px auto;
}
</style> </style>
</head> </head>
<body> <body>
@ -66,6 +77,19 @@
</thead> </thead>
<tbody id="clients"></tbody> <tbody id="clients"></tbody>
</table> </table>
<div id="edit_config" style="display:none">
<form>
<input type="hidden" name="boart" />
name: <input type="text" name="name" id="edit_name" /><br/>
stuur trim max: <input type="range" name="ch0_max" id="edit_ch0_max" max="8192" min="4096" /><br/>
stuur trim mid: <input type="range" name="ch0_mid" id="edit_ch0_mid" max="8192" min="0" /><br/>
stuur trim min: <input type="range" name="ch0_min" id="edit_ch0_min" max="4096" min="0" /><br/>
motor trim max: <input type="range" name="ch1_max" id="edit_ch1_max" max="8192" min="4096" /><br/>
motor trim mid: <input type="range" name="ch1_mid" id="edit_ch1_mid" max="8192" min="0" /><br/>
motor trim min: <input type="range" name="ch1_min" id="edit_ch1_min" max="4096" min="0" /><br/>
<button class="btn" onclick="updateConfig()">toepassen</button> <button class="btn" onclick="document.getElementById('edit_config').style.display = 'none'">anulleren</button>
</form>
</div>
</main> </main>
<script> <script>
const passEl = document.getElementById('pass'); const passEl = document.getElementById('pass');
@ -178,6 +202,10 @@
let boat = getDataFomEl(e.target); let boat = getDataFomEl(e.target);
console.log("send cmd", boat, cmd); console.log("send cmd", boat, cmd);
conn.send(passEl.value + ";sendcmd;" + boat['id'] + ";" + cmd); conn.send(passEl.value + ";sendcmd;" + boat['id'] + ";" + cmd);
conn.send(passEl.value + ";sendcmd;" + boat['id'] + ";servotrim:0");
conn.send(passEl.value + ";sendcmd;" + boat['id'] + ";servotrim:1");
} }
function reqBoats() function reqBoats()