??????

index.html

@@ -17,20 +17,17 @@
       </div>
       <div class="radiateur">
         <h1>Radiateur</h1>
-        <button onclick="setLightState(0)">Allumer</button>
-        <button onclick="setLightState(0)">Eteindre</button>
+        <button id="btn-0" onclick="setLightState(0)">Allumer</button>
       </div>
 
       <div class="volet">
         <h1>Volets roulants</h1>
-        <button onclick="setLightState(1)">Ouvrir</button>
-        <button onclick="setLightState(1)">Fermer</button>
+        <button id="btn-1" onclick="setLightState(1)">Allumer</button>
       </div>
 
       <div class="eclairage">
         <h1>Eclairage</h1>
-        <button onclick="setLightState(2)">Allumer</button>
-        <button onclick="setLightState(2)">Eteindre</button>
+        <button id="btn-2" onclick="setLightState(2)">Allumer</button>
       </div>
     </section>
     <script type="module" src="/src/main.js"></script>

src/main.js

@@ -1,31 +1,23 @@
 import './style.css';
 import axios from 'axios';
 
-function buttonSwitch(state, button){
-    button.innerText = state = 1 ? "Eteindre" : "Allumer";
-}
-
-async function getTemp(){
-    return await axios.get("/api/temp.php");
-}
+const pins = [7, 0, 2, 3, 12, 13, 14, 6];
 
-async function getLightState(light){
-    return await axios.get("/api/light_state.php?l="+light)
-}
+//Fonction changeant l'état d'une lumière donnée (0-7)
+//Ajoutée à window pour être utilisé dans un event de la page
+window.setLightState = async (light) => {
+    const res = await axios.get("/api/set_light.php?light="+pins[light]);
+    document.getElementById("btn-"+light).innerText = res.data == 1 ? "Eteindre" : "Allumer";
+};
 
-async function setLightState(light){
-    const pins = [7, 0, 2, 3, 12, 13, 14, 6];
-    const req = await axios.post("/api/set_light.php", {light: pins[light]})
-    console.log(req.data)
+//Change le texte des bouttons selon l'état actuel des lumières au chargement de la page
+for(let light in [0, 1, 2]){
+    axios.get("/api/get_light.php?l="+pins[light]).then((res) => {
+        document.getElementById("btn-"+light).innerText = res.data == 1 ? "Eteindre" : "Allumer";
+    });
 }
 
-window.setLightState = setLightState
-
-/*getLightState(0).then((data) => {
-    const button = document.getElementById("button-radiateur")
-    buttonSwitch(data.data, button)
-})*/
-
-getTemp().then((data) => {
+//Récupère et affiche la temperature au chargement de la page
+axios.get("/api/get_temp.php").then((data) => {
     document.getElementById("temp").innerHTML = data.data;
-})
+});