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

feat(client): ✨ refactor settings and controls forms and update attributes to fit expected datas

Browse source
This commit is contained in:
Julien Oculi 2024-06-25 11:43:34 +02:00
parent e7ebd17334
commit c8100fd036
1 changed files with 36 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
client/index.html
View file

@ -18,29 +18,43 @@
adresse IP ainsi que lui indiquer la distance à parcourir ou l'angle adresse IP ainsi que lui indiquer la distance à parcourir ou l'angle
de rotation désiré. de rotation désiré.
</p> </p>
<form id="form"> <form class="settings">
<label for="ip">Adresse IP du robot</label> <label>
<input <span>Adresse IP du robot</span>
type="text" <input
id="ip" type="text"
placeholder="192.168.0.0" title="Adresse IP du robot (ex: 192.168.0.1)"
oninput="storeInput()" pattern="\d+\.\d+\.\d+\.\d+"
/><br /> placeholder="192.168.0.0"
<label for="valueRot">Rotation en degrés</label> required
<input />
type="text" </label>
id="valueRot" <button>Se connecter</button>
placeholder="90"
oninput="storeInput()"
/><br />
<label for="valueLength">Longueur en cm</label>
<input
type="text"
id="valueLength"
placeholder="10"
oninput="storeInput()"
/>
</form> </form>
<div class="controls">
<label>
<span>Rotation en degrés</span>
<input
type="number"
title="Rotation en degrés (0° - 360°)"
min="0"
max="360"
step="1"
placeholder="90"
/>
</label>
<label for="valueLength">
<span>Longueur en cm</span>
<input
type="number"
title="Longueur en cm (0 - 2^31)"
min="-2147483647"
step="1"
max="2147483647"
placeholder="10"
/>
</label>
</div>
<h2>Contrôle</h2> <h2>Contrôle</h2>
<p> <p>
Amusez vous ! Pour contrôler le robot, utilisez les flèches Amusez vous ! Pour contrôler le robot, utilisez les flèches