update

frontend/src/App.vue

@@ -105,6 +105,10 @@ watch(activeTab, async () => {
   leiste.querySelector('.active')?.scrollIntoView({ inline: 'center', block: 'nearest' })
 })
 
+// Ohne gewählten Namen darf man alles lesen, aber nichts eintragen —
+// für Zuschauer, die noch nicht in der Runde stehen
+const angemeldet = computed(() => !!ich.value)
+
 const selected = ref(null)
 
 // Der Katalog liefert nur sechs Bildpfade je Film. Beim Öffnen holen wir
@@ -188,8 +192,8 @@ onMounted(load)
         >
           Filter
         </button>
-        <NamensWahl v-if="!host" :items="runde" :mine="ich" @waehlen="michSetzen" />
-        <span v-else class="host">Host</span>
+        <span v-if="host" class="host">Host</span>
+        <NamensWahl :items="runde" :mine="ich" @waehlen="michSetzen" />
       </div>
     </header>
 
@@ -236,6 +240,7 @@ onMounted(load)
       v-else-if="activeTab === 'wheel'"
       ref="rad"
       :host="host"
+      :angemeldet="angemeldet"
       :merkliste="merkliste"
       :mine="meinVorschlag?.id ?? null"
       :gesehen-ids="gesehenIds"
@@ -246,12 +251,14 @@ onMounted(load)
     <WatchedTab
       v-else-if="activeTab === 'watched'"
       :host="host"
+      :angemeldet="angemeldet"
       @open="selected = $event"
       @changed="ladeGesehen"
     />
 
     <MerklisteTab
       v-else-if="activeTab === 'merkliste'"
+      :angemeldet="angemeldet"
       :gesehen-ids="gesehenIds"
       :items="merkliste"
       :ich="ich"
@@ -264,6 +271,7 @@ onMounted(load)
       :items="wuensche"
       :ich="ich"
       :host="host"
+      :angemeldet="angemeldet"
       @changed="ladeWuensche"
     />
 
@@ -347,6 +355,7 @@ onMounted(load)
       :series="series"
       :mein-vorschlag="meinVorschlag"
       :host="host"
+      :angemeldet="angemeldet"
       :gesehen="gesehen.some((e) => e.movie_id === selected.id)"
       :gemerkt="merkliste.some((e) => e.mine && e.movie_id === selected.id)"
       @close="selected = null"