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)
186 lines
6.8 KiB
Nginx Configuration File
186 lines
6.8 KiB
Nginx Configuration File
events {
|
|
worker_connections 1024;
|
|
}
|
|
|
|
http {
|
|
include /etc/nginx/mime.types;
|
|
default_type application/octet-stream;
|
|
|
|
# Logging
|
|
log_format main '$remote_addr - $remote_user [$time_local] "$request" '
|
|
'$status $body_bytes_sent "$http_referer" '
|
|
'"$http_user_agent" "$http_x_forwarded_for"';
|
|
|
|
access_log /var/log/nginx/access.log main;
|
|
error_log /var/log/nginx/error.log warn;
|
|
|
|
# Gzip Settings
|
|
gzip on;
|
|
gzip_vary on;
|
|
gzip_min_length 1024;
|
|
gzip_proxied any;
|
|
gzip_comp_level 6;
|
|
gzip_types
|
|
text/plain
|
|
text/css
|
|
text/xml
|
|
text/javascript
|
|
application/json
|
|
application/javascript
|
|
application/xml+rss
|
|
application/atom+xml
|
|
image/svg+xml;
|
|
|
|
# Server Config
|
|
server {
|
|
listen 80;
|
|
|
|
# Allow large uploads (50MB)
|
|
client_max_body_size 50M;
|
|
|
|
# API proxy to image-uploader-backend service
|
|
location /upload {
|
|
proxy_pass http://image-uploader-backend: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://image-uploader-backend: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://image-uploader-backend: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://image-uploader-backend: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://image-uploader-backend: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://image-uploader-backend: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://image-uploader-backend: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://image-uploader-backend: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://image-uploader-backend: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://image-uploader-backend: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://image-uploader-backend: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)
|
|
location /groups {
|
|
root /usr/share/nginx/html;
|
|
index index.html index.htm;
|
|
try_files $uri $uri/ /index.html;
|
|
expires -1;
|
|
|
|
# Prevent indexing
|
|
add_header X-Robots-Tag "noindex, nofollow, nosnippet, noarchive" always;
|
|
}
|
|
|
|
# Protected routes - Moderation (password protected)
|
|
location /moderation {
|
|
auth_basic "Restricted Area - Moderation";
|
|
auth_basic_user_file /etc/nginx/.htpasswd;
|
|
|
|
root /usr/share/nginx/html;
|
|
index index.html index.htm;
|
|
try_files $uri $uri/ /index.html;
|
|
expires -1;
|
|
|
|
# Prevent indexing
|
|
add_header X-Robots-Tag "noindex, nofollow, nosnippet, noarchive" always;
|
|
}
|
|
|
|
# Frontend files
|
|
location / {
|
|
root /usr/share/nginx/html;
|
|
index index.html index.htm;
|
|
try_files $uri $uri/ /index.html;
|
|
expires -1; # Set it to different value depending on your standard requirements
|
|
}
|
|
|
|
error_page 500 502 503 504 /50x.html;
|
|
location = /50x.html {
|
|
root /usr/share/nginx/html;
|
|
}
|
|
}
|
|
} |