From 18f91bf7f8e5b11dc05c3052893298b0ddb02716 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9my=20CHOMAZ?= Date: Mon, 11 Nov 2024 14:40:15 +0100 Subject: [PATCH] =?UTF-8?q?Mise=20=C3=A0=20jour=20de=20l'indentation=20sur?= =?UTF-8?q?=20le=20le=20debug=20MQTT?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ui/src/components/MQTTDebugConsole.vue | 41 +++++++++++++------------- 1 file changed, 21 insertions(+), 20 deletions(-) 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 - } }