Merge branch 'main' of https://projects.cloudsucks.net/asco.fablab/BrainBlast

buzzer/buzzer.ino

@@ -2,11 +2,13 @@
 #include <PubSubClient.h>
 
 // Configurations WiFi et MQTT
-const char* ssid = "Redmi Note 13 Pro 5G";
-const char* password = "1234567890";
-const char* mqtt_server = "192.168.127.208";
+const char* ssid = "fablab";
+const char* password = "geek make code do";
+const char* mqtt_server = "192.168.73.20";
 const char* mqtt_topic = "brainblast/buzzer/pressed/1";
 const char* mqtt_message = "{\"buzzer_id\": 1, \"color\": \"#FF7518\"}";
+//hostname wifi et client id mqtt
+const char* esp_name = "BUZZER-1";
 
 // Déclaration des broches
 #define BUTTON_PIN D8
@@ -18,6 +20,7 @@ void setup_wifi() {
   delay(10);
   Serial.println();
   Serial.print("Connexion au WiFi...");
+  WiFi.hostname(esp_name);
   WiFi.begin(ssid, password);
 
   while (WiFi.status() != WL_CONNECTED) {
@@ -34,7 +37,7 @@ void setup_wifi() {
 void reconnect() {
   while (!client.connected()) {
     Serial.print("Connexion au broker MQTT...");
-    if (client.connect("ESP8266Client")) {
+    if (client.connect(esp_name)) {
       Serial.println("connecté");
     } else {
       Serial.print("échec, rc=");

ui/src/components/MQTTDebugConsole.vue

@@ -7,9 +7,8 @@
          </v-card-title>   
          <v-container class="text-center">     
             <div v-for="(log, index) in messageLogs" :key="index">       
-               <v-label class="v-label-timestamp">{{ log.timestamp }} -&nbsp;</v-label>    
-               <v-label class="v-label-topic-message-title">Topic :&nbsp;</v-label><v-label class="v-label-topic-message">{{ log.topic }}&nbsp;</v-label>     
-               <v-label class="v-label-topic-message-title">Msg :&nbsp;</v-label><v-label class="v-label-topic-message">{{ log.message }}</v-label>     
+               <v-label class="v-label-timestamp">{{ log.timestamp }} </v-label>        -        
+               <v-label>{{ log.message }}</v-label>     
             </div>   
          </v-container> 
       </v-card>
@@ -33,8 +32,7 @@
       });
       
       // Ajouter le message avec l'horodatage à la liste des messages   
-      this.messageLogs.push({ timestamp, topic: `${topic}`, message: `${message}`  });
-      //this.messageLogs.push({ timestamp, message: `${message}` });
+      this.messageLogs.push({ timestamp, message: `Topic : ${topic} - Message : ${message}` });
       
       // Limiter la liste à 10 messages   
       if (this.messageLogs.length > 26) {     
@@ -55,18 +53,8 @@
    text-align: center;
   }
   .v-label-timestamp{ 
-      opacity: 100%; 
-      font-style: oblique;
-      font-weight: 400; 
-      color: #838383;
-  }
-  .v-label-topic-message-title{ 
    opacity: 100%; 
    font-weight: 700; 
     color: #d42828;
   }
-  .v-label-topic-message{ 
-      font-weight: 300; 
-  }
-
 </style>