Upload your Project Images
+ Ihre Bilder werden dann nicht mehr für diesen Zweck verwendet.`, + icon: 'warning', + showCancelButton: true, + confirmButtonColor: '#d33', + cancelButtonColor: '#3085d6', + confirmButtonText: 'Ja, widerrufen', + cancelButtonText: 'Abbrechen' + }); + + if (!result.isConfirmed) return; + + try { + const payload = consentType === 'workshop' + ? { workshopConsent: false } + : { socialMediaConsents: [{ platformId, consented: false }] }; + + const res = await fetch(`/api/manage/${token}/consents`, { + method: 'PUT', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify(payload) + }); + + if (!res.ok) { + const body = await res.json().catch(() => ({})); + throw new Error(body.error || 'Fehler beim Widerrufen'); + } + + await Swal.fire({ + icon: 'success', + title: 'Einwilligung widerrufen', + text: `Ihre Einwilligung für ${consentName} wurde widerrufen.`, + timer: 2000, + showConfirmButton: false + }); + + // Reload group to get updated consent status + await loadGroup(); + + } catch (error) { + console.error('Error revoking consent:', error); + Swal.fire({ + icon: 'error', + title: 'Fehler', + text: error.message || 'Einwilligung konnte nicht widerrufen werden' + }); + } + }; + + // Handle consent restoration + const handleRestoreConsent = async (consentType, platformId = null) => { + const consentName = consentType === 'workshop' + ? 'Werkstatt-Anzeige' + : group.consents.socialMediaConsents.find(c => c.platformId === platformId)?.platformDisplayName || 'Social Media'; + + const result = await Swal.fire({ + title: `Einwilligung wiederherstellen?`, + html: `Möchten Sie Ihre Einwilligung für ${consentName} wiederherstellen?`, + icon: 'question', + showCancelButton: true, + confirmButtonColor: '#28a745', + cancelButtonColor: '#6c757d', + confirmButtonText: 'Ja, wiederherstellen', + cancelButtonText: 'Abbrechen' + }); + + if (!result.isConfirmed) return; + + try { + const payload = consentType === 'workshop' + ? { workshopConsent: true } + : { socialMediaConsents: [{ platformId, consented: true }] }; + + const res = await fetch(`/api/manage/${token}/consents`, { + method: 'PUT', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify(payload) + }); + + if (!res.ok) { + const body = await res.json().catch(() => ({})); + throw new Error(body.error || 'Fehler beim Wiederherstellen'); + } + + await Swal.fire({ + icon: 'success', + title: 'Einwilligung wiederhergestellt', + text: `Ihre Einwilligung für ${consentName} wurde wiederhergestellt.`, + timer: 2000, + showConfirmButton: false + }); + + // Reload group to get updated consent status + await loadGroup(); + + } catch (error) { + console.error('Error restoring consent:', error); + Swal.fire({ + icon: 'error', + title: 'Fehler', + text: error.message || 'Einwilligung konnte nicht wiederhergestellt werden' + }); + } + }; + + // Handle group deletion + const handleDeleteGroup = async () => { + const result = await Swal.fire({ + title: 'Gruppe komplett löschen?', + html: `Achtung: Diese Aktion kann nicht rückgängig gemacht werden!
+ Alle Bilder und Daten dieser Gruppe werden unwiderruflich gelöscht.`, + icon: 'warning', + showCancelButton: true, + confirmButtonColor: '#d33', + cancelButtonColor: '#3085d6', + confirmButtonText: 'Ja, alles löschen', + cancelButtonText: 'Abbrechen', + input: 'checkbox', + inputPlaceholder: 'Ich verstehe, dass diese Aktion unwiderruflich ist' + }); + + if (!result.isConfirmed || !result.value) { + if (result.isConfirmed && !result.value) { + Swal.fire({ + icon: 'info', + title: 'Bestätigung erforderlich', + text: 'Bitte bestätigen Sie das Kontrollkästchen, um fortzufahren.' + }); + } + return; + } + + try { + const res = await fetch(`/api/manage/${token}`, { + method: 'DELETE' + }); + + if (!res.ok) { + const body = await res.json().catch(() => ({})); + throw new Error(body.error || 'Fehler beim Löschen'); + } + + await Swal.fire({ + icon: 'success', + title: 'Gruppe gelöscht', + text: 'Ihre Gruppe wurde erfolgreich gelöscht.', + timer: 2000, + showConfirmButton: false + }); + + // Redirect to home page + navigate('/'); + + } catch (error) { + console.error('Error deleting group:', error); + Swal.fire({ + icon: 'error', + title: 'Fehler', + text: error.message || 'Gruppe konnte nicht gelöscht werden' + }); + } + }; + + // Handle edit mode toggle + const handleEditMode = (enabled) => { + setIsEditMode(enabled); + }; + + // Handle description changes + const handleDescriptionChange = (imageId, description) => { + setImageDescriptions(prev => ({ + ...prev, + [imageId]: description.slice(0, 200) + })); + }; + + if (loading) { + return ( +
+
+ Lade Ihre Gruppe...
+
+
+
+ );
+ }
+
+ if (error) {
+ return (
+
+
+
+
+ Zugriff nicht möglich
+
+
+ {error}
+
+
+
+
+
+
+ );
+ }
+
+ if (!group) {
+ return (
+
+
+ Gruppe nicht gefunden
+
+
+
+ );
+ }
+
+ return (
+
+
+
+ {/* Header */}
+
+ Mein Upload verwalten
+
+
+ {/* Group Overview Card */}
+
+
+
+ Erteilte Einwilligungen:
+
+
+
+
+ {/* Consent Management Section */}
+ {group.consents && (
+
+
+ Einwilligungen verwalten
+
+
+ Sie können Ihre Einwilligungen jederzeit widerrufen oder wiederherstellen.
+
+
+
+
+
+
+ Werkstatt-Anzeige
+
+ {group.consents.workshopConsent ? (
+
+ {group.consents.workshopConsent ? (
+
+ ) : (
+
+ )}
+
+
+
+ {/* Social Media Consents */}
+ {group.consents.socialMediaConsents && group.consents.socialMediaConsents.length > 0 && (
+ <>
+
+ Social Media Plattformen:
+
+ {group.consents.socialMediaConsents.map(consent => (
+
+
+
+
+ {consent.platformDisplayName}
+
+ {consent.consented && !consent.revoked ? (
+
+ {consent.consented && !consent.revoked ? (
+
+ ) : (
+
+ )}
+
+
+ ))}
+
+ )}
+
+ )}
+
+ {/* Image Gallery */}
+
+
+ Ihre Bilder
+
+
+
+ {/* Metadata Editor */}
+ {selectedImages.length > 0 && (
+
+
+ Metadaten bearbeiten
+
+
+ Änderungen an Metadaten setzen die Freigabe zurück und müssen erneut moderiert werden.
+
+
+
+
+
+ )}
+
+ {/* Delete Group Section */}
+
+
+ Gefährliche Aktionen
+
+
+ Diese Aktion kann nicht rückgängig gemacht werden. Alle Bilder und Daten werden unwiderruflich gelöscht.
+
+ }
+ onClick={handleDeleteGroup}
+ >
+ Gruppe komplett löschen
+
+
+
+
+
+
+
+ );
+};
+
+export default ManagementPortalPage;