Aufgabenkarten in der Gäste-pwa als swipe-barer Stapel umgesetzt. Sofortiges Freigeben von Foto-Uploads als Event-Einstellung implementiert.

This commit is contained in:
Codex Agent
2025-12-16 15:30:52 +01:00
parent f2473c6f6d
commit 9e4e9a0d87
19 changed files with 22590 additions and 21687 deletions

View File

@@ -19,6 +19,7 @@ type FormState = {
description: string;
location: string;
published: boolean;
autoApproveUploads: boolean;
};
export default function MobileEventFormPage() {
@@ -35,6 +36,7 @@ export default function MobileEventFormPage() {
description: '',
location: '',
published: false,
autoApproveUploads: true,
});
const [eventTypes, setEventTypes] = React.useState<TenantEventType[]>([]);
const [typesLoading, setTypesLoading] = React.useState(false);
@@ -55,6 +57,8 @@ export default function MobileEventFormPage() {
description: typeof data.description === 'string' ? data.description : '',
location: resolveLocation(data),
published: data.status === 'published',
autoApproveUploads:
(data.settings?.guest_upload_visibility as string | undefined) === 'immediate',
});
setError(null);
} catch (err) {
@@ -88,24 +92,30 @@ export default function MobileEventFormPage() {
async function handleSubmit() {
setSaving(true);
setError(null);
try {
if (isEdit && slug) {
await updateEvent(slug, {
name: form.name,
event_date: form.date || undefined,
event_type_id: form.eventTypeId ?? undefined,
status: form.published ? 'published' : 'draft',
settings: { location: form.location },
});
navigate(adminPath(`/mobile/events/${slug}`));
} else {
const payload = {
name: form.name || t('eventForm.fields.name.fallback', 'Event'),
try {
if (isEdit && slug) {
await updateEvent(slug, {
name: form.name,
event_date: form.date || undefined,
event_type_id: form.eventTypeId ?? undefined,
status: form.published ? 'published' : 'draft',
settings: {
location: form.location,
guest_upload_visibility: form.autoApproveUploads ? 'immediate' : 'review',
},
});
navigate(adminPath(`/mobile/events/${slug}`));
} else {
const payload = {
name: form.name || t('eventForm.fields.name.fallback', 'Event'),
slug: `${Date.now()}`,
event_type_id: form.eventTypeId ?? undefined,
event_date: form.date || undefined,
status: (form.published ? 'published' : 'draft') as const,
settings: { location: form.location },
settings: {
location: form.location,
guest_upload_visibility: form.autoApproveUploads ? 'immediate' : 'review',
},
};
const { event } = await createEvent(payload as any);
navigate(adminPath(`/mobile/events/${event.slug}`));
@@ -217,6 +227,37 @@ export default function MobileEventFormPage() {
</XStack>
<Text fontSize="$xs" color="#6b7280">{t('eventForm.fields.publish.help', 'Enable if guests should see the event right away. You can change the status later.')}</Text>
</Field>
<Field label={t('eventForm.fields.uploadVisibility.label', 'Uploads visible immediately')}>
<XStack alignItems="center" space="$2">
<Switch
checked={form.autoApproveUploads}
onCheckedChange={(checked) =>
setForm((prev) => ({ ...prev, autoApproveUploads: Boolean(checked) }))
}
size="$3"
aria-label={t('eventForm.fields.uploadVisibility.label', 'Uploads visible immediately')}
>
<Switch.Thumb />
</Switch>
<Text fontSize="$sm" color="#111827">
{form.autoApproveUploads
? t('common:states.enabled', 'Enabled')
: t('common:states.disabled', 'Disabled')}
</Text>
</XStack>
<Text fontSize="$xs" color="#6b7280">
{form.autoApproveUploads
? t(
'eventForm.fields.uploadVisibility.helpOn',
'Neue Gast-Uploads erscheinen sofort in der Galerie (Security-Scan läuft im Hintergrund).',
)
: t(
'eventForm.fields.uploadVisibility.helpOff',
'Uploads werden zunächst geprüft und erscheinen nach Freigabe.',
)}
</Text>
</Field>
</MobileCard>
<YStack space="$2">