julien.oculi/fork_mon_premier_robot
1
0
Fork 1
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

refactor(client): ♻️ update keyboard event handler to fit new API

Browse source
This commit is contained in:
Julien Oculi 2024-06-25 13:31:27 +02:00
parent a585177a3f
commit 4ccf981f12
1 changed files with 16 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
client/index.html
View file

@ -78,11 +78,22 @@
)
// Keyboard handler
document.addEventListener('keydown', (event) => {
const key = event.keyCode
const { command, value } = keyMap[key]
const endpoint = getEndpoint()
sendCommand(endpoint, command, value)
document.addEventListener('keydown', ({ code }) => {
if (code === 'ArrowUp') {
return sendCommand(getEndpoint(), 'forward', 2)
}
if (code === 'ArrowDown') {
return sendCommand(getEndpoint(), 'backward', 2)
}
if (code === 'ArrowLeft') {
return sendCommand(getEndpoint(), 'left', 5)
}
if (code === 'ArrowRight') {
return sendCommand(getEndpoint(), 'right', 5)
}
if (code === 'Space') {
return sendCommand(getEndpoint(), 'stop', 0)
}
})
// Settings handler
@ -197,18 +208,5 @@
}
return sendCommand(endpoint, positiveCommand, value)
}
function storeInput() {
ipInput = document.getElementById('ip').value
valueRot = document.getElementById('valueRot').value
valueLength = document.getElementById('valueLength').value
keyMap = {
38: { command: 'forward', value: valueLength },
40: { command: 'backward', value: valueLength },
37: { command: 'left', value: valueRot },
39: { command: 'right', value: valueRot },
32: { command: 'stop', value: 0 },
}
}
</script>
</html>