update

frontend/src/components/WheelTab.vue

@@ -1,14 +1,17 @@
 <script setup>
-import { onMounted, onUnmounted, ref } from 'vue'
+import { onMounted, onUnmounted, ref, watch } from 'vue'
 import { posterUrl } from '../images'
 import { abonnieren } from '../live'
 import { klang } from '../klang'
 import { useZiehung } from '../composables/useZiehung'
 import VorschlagsListe from './VorschlagsListe.vue'
+import PersonName from './PersonName.vue'
 
-defineProps({
+const props = defineProps({
   host: Boolean,
   angemeldet: Boolean,
+  // Wer gerade gewählt ist — "Dabei ohne Vorschlag" gehört zur Person
+  ich: { type: Object, default: null },
   // Beides hält die App schon aktuell — auch nach einem Namenswechsel
   merkliste: { type: Array, default: () => [] },
   mine: { type: Number, default: null },
@@ -17,6 +20,9 @@ defineProps({
 const emit = defineEmits(['open', 'reset'])
 
 const items = ref([])
+// Wer ohne Vorschlag dabei ist — zählt beim Dreh als anwesend
+const dabei = ref([])
+const dabeiMine = ref(false)
 const laden = ref(true)
 const fehler = ref('')
 
@@ -48,6 +54,8 @@ async function laden_() {
     if (!resp.ok) throw new Error('Vorschläge konnten nicht geladen werden')
     const daten = await resp.json()
     items.value = daten.items
+    dabei.value = daten.dabei || []
+    dabeiMine.value = !!daten.dabei_mine
     ruhen()
   } catch (err) {
     fehler.value = err.message
@@ -83,6 +91,11 @@ async function oeffnen(item) {
   if (resp.ok) emit('open', await resp.json())
 }
 
+watch(
+  () => props.ich?.id,
+  () => laden_()
+)
+
 onMounted(async () => {
   await laden_()
   await laufendenDrehHolen()
@@ -162,7 +175,7 @@ defineExpose({ neu: laden_ })
           <p class="label">Der Film des Abends</p>
           <h2>{{ gewinner.title }}</h2>
           <p class="jahr">
-            {{ gewinner.year }}<span v-if="gewinner.name"> · von {{ gewinner.name }}</span>
+            {{ gewinner.year }}<span v-if="gewinner.name"> · von <PersonName :name="gewinner.name" /></span>
           </p>
         </div>
       </div>
@@ -176,6 +189,8 @@ defineExpose({ neu: laden_ })
       :merkliste="merkliste"
       :mine="mine"
       :gesehen-ids="gesehenIds"
+      :dabei="dabei"
+      :dabei-mine="dabeiMine"
       @open="oeffnen"
       @fehler="fehler = $event"
     />