Vorschlag umschaltbar, Wertungen einzeln löschbar
Wer einen Film aufs Rad gesetzt hat, kann ihn dort auch wieder runternehmen. Im Raster tragen alle Filme auf dem Rad jetzt eine Marke, nicht nur der eigene Vorschlag — so sieht man auf einen Blick, was schon vorgeschlagen ist. Die Karten hören dafür am Live-Kanal mit. Dazu: der Host löscht einzelne Wertungen, das Cover dockt oben an statt mittig, und die Suche heißt schlicht "Globale Suche". Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013XVnRop5c3or3B8xE2hpgZ
This commit is contained in:
@@ -19,6 +19,18 @@ const schonVorgeschlagen = computed(
|
||||
() => props.meinVorschlag?.movie_id === props.movie.id
|
||||
)
|
||||
|
||||
async function zuruecknehmen() {
|
||||
vorschlagen.value = { zustand: 'laeuft' }
|
||||
try {
|
||||
const resp = await fetch('/api/suggestions', { method: 'DELETE' })
|
||||
if (!resp.ok) throw new Error()
|
||||
vorschlagen.value = { zustand: 'bereit' }
|
||||
emit('suggested')
|
||||
} catch {
|
||||
vorschlagen.value = { zustand: 'fehler' }
|
||||
}
|
||||
}
|
||||
|
||||
async function abschicken() {
|
||||
vorschlagen.value = { zustand: 'laeuft' }
|
||||
try {
|
||||
@@ -136,11 +148,15 @@ onUnmounted(() => {
|
||||
</div>
|
||||
|
||||
<div class="vorschlag">
|
||||
<template v-if="vorschlagen.zustand === 'fertig'">
|
||||
<span class="ok">Für den Filmabend vorgeschlagen.</span>
|
||||
</template>
|
||||
<template v-else-if="schonVorgeschlagen">
|
||||
<span class="ok">Dieser Film steht schon auf dem Rad.</span>
|
||||
<template v-if="schonVorgeschlagen || vorschlagen.zustand === 'fertig'">
|
||||
<span class="ok">Steht auf dem Rad.</span>
|
||||
<button
|
||||
type="button"
|
||||
:disabled="vorschlagen.zustand === 'laeuft'"
|
||||
@click="zuruecknehmen"
|
||||
>
|
||||
Wieder runternehmen
|
||||
</button>
|
||||
</template>
|
||||
<template v-else>
|
||||
<span v-if="meinVorschlag" class="hinweis">
|
||||
|
||||
Reference in New Issue
Block a user