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

Compare commits

base: asco.fablab:f3511277f990585ad147f2bd461090f37e10ad8a
Branches Tags
asco.fablab:main asco.fablab:UIX-MQTT asco.fablab:services asco.fablab:soundboard-server asco.fablab:fetch-test
..
compare: asco.fablab:fetch-test
Branches Tags
asco.fablab:main asco.fablab:UIX-MQTT asco.fablab:services asco.fablab:soundboard-server asco.fablab:fetch-test

5 Commits
f3511277f9 ... fetch-test

Author SHA1 Message Date
Laurent
b73865157d test 2024-02-27 08:53:18 +00:00
Laurent
ac2fb16703 typo 2024-02-27 08:40:21 +00:00
Jérémy CHOMAZ
ef29ef3d82 Merge branch 'feat/mqtt-button' 2024-02-26 22:06:40 +01:00
Jérémy CHOMAZ
4d1f4ea120 Patch sur deux espaces manquant de deux bouttons devant le paramètre 'topic' 2024-02-26 22:03:34 +01:00
Jérémy CHOMAZ
6bfa1547f9 Modification CSS + certaines propriétés des button 2024-02-26 21:55:23 +01:00
4 changed files with 13 additions and 13 deletions
Expand all files Collapse all files

4
src/components/CardControl.vue
View File

@ -7,7 +7,7 @@
<v-container class="text-center"> <v-container class="text-center">
<v-row justify="center"> <v-row justify="center">
<v-col cols="12" sm="6" md="5" class="mt-4"> <v-col cols="12" sm="6" md="5" class="mt-4">
<mqtt-button width="240" height="130" class="btn card xs12 sm6 md3" topic="/display/control" message="previous"> <mqtt-button width="240" height="130" class="btn xs12 sm6 md3" topic="/display/control" message="previous">
<v-icon left size="100">mdi-skip-previous</v-icon> <v-icon left size="100">mdi-skip-previous</v-icon>
</mqtt-button> </mqtt-button>
</v-col> </v-col>
@ -32,7 +32,5 @@
</template> </template>
<script setup> <script setup>
import MqttButton from './MqttButton.vue'; import MqttButton from './MqttButton.vue';
</script> </script>

10
src/components/CardSoundboard.vue
View File

@ -7,29 +7,29 @@
<v-container class="text-center"> <v-container class="text-center">
<v-row justify="center"> <v-row justify="center">
<v-col cols="12" sm="6" md="4" class="mt-4"> <v-col cols="12" sm="6" md="4" class="mt-4">
<mqtt-button class="card" width="200" height="130" topic="/sound/playsound" message="good-response" rounded> <mqtt-button class="btn" width="200" height="130" topic="/sound/playsound" message="good-response" rounded>
<v-icon size="100">mdi-check-circle-outline</v-icon> <v-icon size="100">mdi-check-circle-outline</v-icon>
</mqtt-button> </mqtt-button>
</v-col> </v-col>
<v-col cols="12" sm="6" md="4" class="mt-4"> <v-col cols="12" sm="6" md="4" class="mt-4">
<mqtt-button class="card" width="200" height="130" topic="/sound/playsound" message="bad-response" rounded> <mqtt-button class="btn" width="200" height="130" topic="/sound/playsound" message="bad-response" rounded>
<v-icon size="100">mdi-close-circle-outline</v-icon> <v-icon size="100">mdi-close-circle-outline</v-icon>
</mqtt-button> </mqtt-button>
</v-col> </v-col>
<v-col cols="12" sm="6" md="4" class="mt-4"> <v-col cols="12" sm="6" md="4" class="mt-4">
<mqtt-button class="card" width="200" height="130" topic="/sound/playsound" message="timer" rounded> <mqtt-button class="btn" width="200" height="130" topic="/sound/playsound" message="timer" rounded>
<v-icon size="100">mdi-timer-outline</v-icon> <v-icon size="100">mdi-timer-outline</v-icon>
</mqtt-button> </mqtt-button>
</v-col> </v-col>
</v-row> </v-row>
<v-row justify="center"> <v-row justify="center">
<v-col cols="12" sm="6" md="4" class="mb-4"> <v-col cols="12" sm="6" md="4" class="mb-4">
<mqtt-button class="card" width="220" height="130" topic="/sound/playsound" message="applause" rounded> <mqtt-button class="btn" width="220" height="130" topic="/sound/playsound" message="applause" rounded>
<v-icon size="100">mdi-human-handsup</v-icon> <v-icon size="100">mdi-human-handsup</v-icon>
</mqtt-button> </mqtt-button>
</v-col> </v-col>
<v-col cols="12" sm="6" md="s" class="mb-4"> <v-col cols="12" sm="6" md="s" class="mb-4">
<mqtt-button class="card" width="220" height="130" topic="/sound/playsound" message="bell" rounded> <mqtt-button class="btn" width="220" height="130" topic="/sound/playsound" message="bell" rounded>
<v-icon size="100">mdi-bell-outline</v-icon> <v-icon size="100">mdi-bell-outline</v-icon>
</mqtt-button> </mqtt-button>
</v-col> </v-col>

1
src/fetch.txt Normal file
View File

@ -0,0 +1 @@
test

3
src/views/GameControl.vue
View File

@ -35,7 +35,8 @@ import CardSoundboard from '@/components/CardSoundboard.vue';
background-color: #2E7D32; /* Changez la couleur en fonction de votre thème */ background-color: #2E7D32; /* Changez la couleur en fonction de votre thème */
} }
.btn{ .btn{
border-radius:50px!important; border-radius:30px!important;
background-color: #2979FF; /* Changez la couleur en fonction de votre thème */
} }
} }
</style> </style>