Task 12: ManagementPortalPage - Self-Service Portal Implementation - New page: ManagementPortalPage.js (~650 lines) with token-based auth - Maximum component reuse (ImageGalleryCard, ImageGallery, DescriptionInput, ConsentBadges) - Single-page layout without tabs (consistent with ModerationGroupImagesPage) - All CRUD operations: view, edit metadata, delete images, revoke/restore consents, delete group - Data transformation: API camelCase → Component snake_case (ConsentBadges compatibility) - Error handling: 404 invalid token, 429 rate-limit, general errors - Route added: /manage/:token in App.js Task 20: nginx Configuration for Management API - Dev: Proxy /api/manage/* → backend-dev:5000 - Prod: Proxy /api/manage/* → image-uploader-backend:5000 - Headers: Host, X-Real-IP, X-Forwarded-For, X-Forwarded-Proto - Frontend container rebuilt with new nginx config Navigation Enhancement (Navbar.js): - Conditional rendering with useLocation() hook - Show "Upload" always (active only on /) - Show "Mein Upload" additionally on /manage/:token (active) - Both buttons visible simultaneously on management page Test Results: ✅ Token validation (404 on invalid) ✅ API routing through nginx ✅ ConsentBadges display correctly ✅ All CRUD operations functional ✅ Rate-limiting working (429 on excessive requests) ✅ Navigation highlighting correct ✅ Component reuse: 0 lines duplicated code Known Issues (to be fixed in separate bugfix session): ⚠️ Issue 6: ModerationGroupsPage - Filter "Alle Gruppen" not working ⚠️ Issue 7: Export button "Consent-Daten exportieren" not working Files Changed: - frontend/src/Components/Pages/ManagementPortalPage.js (NEW) - frontend/src/App.js (route added) - frontend/src/Components/ComponentUtils/Headers/Navbar.js (conditional nav) - docker/dev/frontend/nginx.conf (proxy config) - docker/prod/frontend/nginx.conf (proxy config) - docs/FEATURE_PLAN-social-media.md (documentation updated)
166 lines
6.0 KiB
Nginx Configuration File
166 lines
6.0 KiB
Nginx Configuration File
server {
|
|
listen 80;
|
|
|
|
# Allow large uploads (50MB)
|
|
client_max_body_size 50M;
|
|
|
|
# API proxy to backend-dev service
|
|
location /upload {
|
|
proxy_pass http://backend-dev:5000;
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|
proxy_set_header X-Forwarded-Proto $scheme;
|
|
|
|
# Allow large uploads for API too
|
|
client_max_body_size 50M;
|
|
}
|
|
|
|
# API routes for new multi-upload features
|
|
location /api/upload {
|
|
proxy_pass http://backend-dev:5000/upload;
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|
proxy_set_header X-Forwarded-Proto $scheme;
|
|
|
|
# Allow large uploads for batch upload
|
|
client_max_body_size 100M;
|
|
}
|
|
|
|
# API - Download original images
|
|
location /api/download {
|
|
proxy_pass http://backend-dev:5000/download;
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|
proxy_set_header X-Forwarded-Proto $scheme;
|
|
}
|
|
|
|
# API - Preview/thumbnail images (optimized for gallery views)
|
|
location /api/previews {
|
|
proxy_pass http://backend-dev:5000/previews;
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|
proxy_set_header X-Forwarded-Proto $scheme;
|
|
}
|
|
|
|
# API - Groups (NO PASSWORD PROTECTION)
|
|
location /api/groups {
|
|
proxy_pass http://backend-dev:5000/groups;
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|
proxy_set_header X-Forwarded-Proto $scheme;
|
|
}
|
|
|
|
# API - Social Media Consent Management (NO PASSWORD PROTECTION)
|
|
location /api/social-media {
|
|
proxy_pass http://backend-dev:5000/api/social-media;
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|
proxy_set_header X-Forwarded-Proto $scheme;
|
|
}
|
|
|
|
# API - Management Portal (NO PASSWORD PROTECTION - Token-based auth)
|
|
location /api/manage {
|
|
proxy_pass http://backend-dev:5000/api/manage;
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|
proxy_set_header X-Forwarded-Proto $scheme;
|
|
}
|
|
|
|
# Admin API routes (NO password protection - protected by /moderation page access)
|
|
location /api/admin {
|
|
proxy_pass http://backend-dev:5000/api/admin;
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|
proxy_set_header X-Forwarded-Proto $scheme;
|
|
}
|
|
|
|
# Protected API - Moderation API routes (password protected) - must come before /groups
|
|
location /moderation/groups {
|
|
auth_basic "Restricted Area - Moderation API";
|
|
auth_basic_user_file /etc/nginx/.htpasswd;
|
|
|
|
proxy_pass http://backend-dev:5000/moderation/groups;
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|
proxy_set_header X-Forwarded-Proto $scheme;
|
|
}
|
|
|
|
# API - Groups API routes (NO PASSWORD PROTECTION)
|
|
location ~ ^/groups/[a-zA-Z0-9_-]+(/.*)?$ {
|
|
proxy_pass http://backend-dev:5000;
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|
proxy_set_header X-Forwarded-Proto $scheme;
|
|
}
|
|
|
|
location /download {
|
|
proxy_pass http://backend-dev:5000;
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|
proxy_set_header X-Forwarded-Proto $scheme;
|
|
}
|
|
|
|
# Frontend page - Groups overview (NO PASSWORD PROTECTION) - React Dev Server
|
|
location /groups {
|
|
proxy_pass http://127.0.0.1:3000;
|
|
proxy_http_version 1.1;
|
|
proxy_set_header Upgrade $http_upgrade;
|
|
proxy_set_header Connection "Upgrade";
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|
}
|
|
|
|
# Protected routes - Moderation (password protected) - React Dev Server
|
|
location /moderation {
|
|
auth_basic "Restricted Area - Moderation";
|
|
auth_basic_user_file /etc/nginx/.htpasswd;
|
|
|
|
proxy_pass http://127.0.0.1:3000;
|
|
proxy_http_version 1.1;
|
|
proxy_set_header Upgrade $http_upgrade;
|
|
proxy_set_header Connection "Upgrade";
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|
}
|
|
|
|
# WebSocket support for hot reloading (React Dev Server)
|
|
location /ws {
|
|
proxy_pass http://127.0.0.1:3000;
|
|
proxy_http_version 1.1;
|
|
proxy_set_header Upgrade $http_upgrade;
|
|
proxy_set_header Connection "Upgrade";
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|
}
|
|
|
|
# Frontend files - React Dev Server
|
|
location / {
|
|
proxy_pass http://127.0.0.1:3000;
|
|
proxy_http_version 1.1;
|
|
proxy_set_header Upgrade $http_upgrade;
|
|
proxy_set_header Connection "Upgrade";
|
|
proxy_set_header Host $host;
|
|
proxy_set_header X-Real-IP $remote_addr;
|
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
|
}
|
|
|
|
error_page 500 502 503 504 /50x.html;
|
|
location = /50x.html {
|
|
root /usr/share/nginx/html;
|
|
}
|
|
}
|