asco.fablab/BrainBlast
11
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

Ajout du colorpicker sur la page de débug

Browse Source
This commit is contained in:
Jérémy CHOMAZ
2024-11-05 18:26:59 +01:00
parent dd72e02370
commit 62bd29d752
4 changed files with 123 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
ui/src/views/MQTTDebugView.vue
View File

@ -1,17 +1,42 @@
<template>
<div> <!-- Zone pour publier sur MQTT --> <PublishMQTTComponent />
<!-- Zone pour afficher la console MQTT --> <MQTTConsoleComponent />
<v-row>
</v-row>
<div> <!-- Zone pour publier sur MQTT -->
<!-- Zone pour afficher la console MQTT -->
</div>
<v-container>
<v-row>
<!-- Colonne gauche avec les deux composants empilés -->
<v-col cols="6">
<!-- Composant 1 -->
<v-row>
<v-col>
<PublishMQTTComponent />
<MQTTColorPublisher />
</v-col>
</v-row>
</v-col>
<!-- Colonne droite avec le composant unique -->
<v-col cols="6">
<MQTTConsoleComponent />
</v-col>
</v-row>
</v-container>
</template>
<script>
import PublishMQTTComponent from '@/components/MQTTDebugPublish.vue' // Importer le composant pour publier sur MQTT
import MQTTConsoleComponent from '@/components/MQTTDebugConsole.vue' // Importer le composant pour publier sur MQTT
import MQTTColorPublisher from '@/components/MQTTColorPublisher.vue' // Importer le composant pour publier sur MQTT
export default {
components: {
PublishMQTTComponent, // Composant pour publier sur MQTT MQTTConsoleComponent // Composant pour la console MQTT
MQTTConsoleComponent, // Composant pour la console MQTT
MQTTColorPublisher, // Composant pour publier une couleur custom dans un topic
}
}
</script>