From 5c164681571f14e34239138dbdd7f7d26c78f2c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20CHOMAZ?= <jeremy.chomaz20@gmail.com>
Date: Fri, 23 Jan 2026 18:48:13 +0100
Subject: [PATCH] Page d'overlay qui masque le player

---
 VApp/src/components/HidingOverlay.vue | 47 +++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 VApp/src/components/HidingOverlay.vue

diff --git a/VApp/src/components/HidingOverlay.vue b/VApp/src/components/HidingOverlay.vue
new file mode 100644
index 00000000..19e76829
--- /dev/null
+++ b/VApp/src/components/HidingOverlay.vue
@@ -0,0 +1,47 @@
+<template>
+  <v-container v-show="gamehiding === true" class="v-container-game-hided">
+    <v-img src="@\assets\v-hide.png" class="v-img-hidding"/>
+  </v-container>
+</template>
+
+<script setup>
+  import { ref, onMounted } from 'vue';
+  import { subscribeToTopic } from '@/services/mqttService';
+  let gamehiding = ref(true);
+
+  const handleMessage = (topic, message) => {
+    if (topic === "/display/control") {
+      switch (message) {
+        case "play":
+          gamehiding.value = false;
+          break;
+        case "pause":
+          gamehiding.value = true;
+          break;
+        default:
+          console.warn("Commande non reconnue :", message);
+          gamehiding.value = true;
+      }
+    }
+  };
+
+  // --- Lifecycle
+  onMounted(() => {
+    subscribeToTopic('#', (topic, message) => {
+      handleMessage(topic, message);
+    });
+  });
+
+</script>
+
+<style>
+  .v-img-hidding{
+    border-radius: 25px;
+  }
+  .v-container-game-hided{
+    margin-top: 40px;
+    width: calc(100vw - 20%) !important;
+    height: calc(100vh - 20%) !important;
+    border-radius: 25px;
+  }
+</style>
\ No newline at end of file