diff --git a/ui/src/components/MQTTDebugConsole.vue b/ui/src/components/MQTTDebugConsole.vue index 4c08da3..d4457bc 100644 --- a/ui/src/components/MQTTDebugConsole.vue +++ b/ui/src/components/MQTTDebugConsole.vue @@ -20,27 +20,28 @@ import { subscribeToTopic } from '@/services/mqttService' export default { - data() { return { - messageLogs: [] // Initialiser un tableau pour stocker les messages MQTT avec horodatage + data() { return { + messageLogs: [] // Initialiser un tableau pour stocker les messages MQTT avec horodatage + } + }, + created() { + subscribeToTopic('#', (topic, message) => { // Obtenir l'horodatage actuel + const timestamp = new Date().toLocaleString('fr-FR', { + hour12: false, + hour: '2-digit', + minute: '2-digit', + second: '2-digit' + }); + + // Ajouter le message avec l'horodatage à la liste des messages + this.messageLogs.push({ timestamp, topic: `${topic}`, message: `${message}` }); + //this.messageLogs.push({ timestamp, message: `${message}` }); + + // Limiter la liste à 10 messages + if (this.messageLogs.length > 26) { + this.messageLogs.shift(); // Supprimer le premier élément (le plus ancien) + } }) // S'abonner à tous les topics MQTT } - }, - created() { subscribeToTopic('#', (topic, message) => { // Obtenir l'horodatage actuel - const timestamp = new Date().toLocaleString('fr-FR', { - hour12: false, - hour: '2-digit', - minute: '2-digit', - second: '2-digit' - }); - - // Ajouter le message avec l'horodatage à la liste des messages - this.messageLogs.push({ timestamp, topic: `${topic}`, message: `${message}` }); - //this.messageLogs.push({ timestamp, message: `${message}` }); - - // Limiter la liste à 10 messages - if (this.messageLogs.length > 26) { - this.messageLogs.shift(); // Supprimer le premier élément (le plus ancien) - } }) // S'abonner à tous les topics MQTT - } }