-
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -884,6 +1009,25 @@ function setView(view) {
}
}
+// Preview Mode Toggle (Desktop/Mobile)
+function setPreviewMode(mode) {
+ const preview = document.getElementById('linkedinPreview');
+ const desktopBtn = document.getElementById('desktopPreviewBtn');
+ const mobileBtn = document.getElementById('mobilePreviewBtn');
+
+ if (mode === 'desktop') {
+ preview.classList.remove('mobile-view');
+ preview.classList.add('desktop-view');
+ desktopBtn.classList.add('active');
+ mobileBtn.classList.remove('active');
+ } else if (mode === 'mobile') {
+ preview.classList.remove('desktop-view');
+ preview.classList.add('mobile-view');
+ mobileBtn.classList.add('active');
+ desktopBtn.classList.remove('active');
+ }
+}
+
// Edit functions
function updateCharCount() {
const textarea = document.getElementById('editTextarea');
@@ -1289,15 +1433,41 @@ function changeVersion(delta) {
document.getElementById('nextVersion').disabled = currentVersion === totalVersions - 1;
}
-// ==================== IMAGE UPLOAD ====================
+// ==================== MULTI-MEDIA UPLOAD ====================
-async function handleImageUpload(file) {
+let currentMediaItems = {{ media_items_dict | tojson | safe }};
+
+async function handleMediaUpload(file) {
if (!file) return;
- const uploadZone = document.getElementById('imageUploadZone');
- const progressEl = document.getElementById('imageUploadProgress');
- const progressBar = document.getElementById('imageProgressBar');
- const previewSection = document.getElementById('imagePreviewSection');
+ const uploadZone = document.getElementById('mediaUploadZone');
+ const progressEl = document.getElementById('mediaUploadProgress');
+ const progressBar = document.getElementById('mediaProgressBar');
+ const warningEl = document.getElementById('mediaTypeWarning');
+
+ // Validate max 3
+ if (currentMediaItems.length >= 3) {
+ showToast('Maximal 3 Medien erlaubt', 'error');
+ return;
+ }
+
+ // Validate no mixing
+ const isVideo = file.type.startsWith('video/');
+ const hasImages = currentMediaItems.some(item => item.type === 'image');
+ const hasVideos = currentMediaItems.some(item => item.type === 'video');
+
+ if ((isVideo && hasImages) || (!isVideo && hasVideos)) {
+ warningEl.classList.remove('hidden');
+ showToast('Kann nicht Bilder und Videos mischen', 'error');
+ setTimeout(() => warningEl.classList.add('hidden'), 3000);
+ return;
+ }
+
+ // Only 1 video allowed
+ if (isVideo && currentMediaItems.length > 0) {
+ showToast('Nur 1 Video pro Post erlaubt', 'error');
+ return;
+ }
// Show progress
uploadZone.classList.add('hidden');
@@ -1306,11 +1476,11 @@ async function handleImageUpload(file) {
try {
const formData = new FormData();
- formData.append('image', file);
+ formData.append('file', file);
progressBar.style.width = '60%';
- const response = await fetch(`/api/posts/${postId}/image`, {
+ const response = await fetch(`/api/posts/${postId}/media`, {
method: 'POST',
body: formData
});
@@ -1325,64 +1495,319 @@ async function handleImageUpload(file) {
const result = await response.json();
progressBar.style.width = '100%';
- // Update UI
- const linkedinImg = document.getElementById('linkedinPostImage');
- const sidebarImg = document.getElementById('sidebarImagePreview');
-
- linkedinImg.src = result.image_url;
- linkedinImg.style.display = 'block';
- sidebarImg.src = result.image_url;
+ // Update current media items
+ currentMediaItems = result.media_items || [];
setTimeout(() => {
progressEl.classList.add('hidden');
- previewSection.classList.remove('hidden');
+ refreshMediaGrid();
+ refreshLinkedInPreview();
}, 300);
- showToast('Bild erfolgreich hochgeladen!', 'success');
+ const mediaType = isVideo ? 'Video' : 'Bild';
+ showToast(`${mediaType} erfolgreich hochgeladen!`, 'success');
} catch (error) {
- console.error('Image upload error:', error);
+ console.error('Media upload error:', error);
showToast('Fehler: ' + error.message, 'error');
progressEl.classList.add('hidden');
uploadZone.classList.remove('hidden');
}
}
-async function removeImage() {
- const btn = document.getElementById('removeImageBtn');
- const originalHTML = btn.innerHTML;
- btn.innerHTML = '
';
- btn.disabled = true;
+async function deleteMedia(index) {
+ if (!confirm('Media wirklich löschen?')) return;
try {
- const response = await fetch(`/api/posts/${postId}/image`, {
+ const response = await fetch(`/api/posts/${postId}/media/${index}`, {
method: 'DELETE'
});
if (!response.ok) {
- throw new Error('Löschen fehlgeschlagen');
+ const err = await response.json();
+ throw new Error(err.detail || 'Löschen fehlgeschlagen');
}
- // Update UI
- document.getElementById('linkedinPostImage').style.display = 'none';
- document.getElementById('imagePreviewSection').classList.add('hidden');
- document.getElementById('imageUploadZone').classList.remove('hidden');
+ const result = await response.json();
+ currentMediaItems = result.media_items || [];
- showToast('Bild entfernt.', 'success');
+ refreshMediaGrid();
+ refreshLinkedInPreview();
+ showToast('Media entfernt', 'success');
} catch (error) {
- console.error('Image delete error:', error);
+ console.error('Media delete error:', error);
showToast('Fehler: ' + error.message, 'error');
- } finally {
- btn.innerHTML = originalHTML;
- btn.disabled = false;
}
}
-function initImageUpload() {
- const uploadZone = document.getElementById('imageUploadZone');
- const fileInput = document.getElementById('imageFileInput');
- const replaceInput = document.getElementById('imageReplaceInput');
+function refreshMediaGrid() {
+ const grid = document.getElementById('mediaGrid');
+ const count = document.getElementById('mediaCount');
+ const uploadZone = document.getElementById('mediaUploadZone');
+
+ count.textContent = currentMediaItems.length;
+
+ if (currentMediaItems.length === 0) {
+ grid.classList.add('hidden');
+ uploadZone.classList.remove('hidden');
+ return;
+ }
+
+ grid.classList.remove('hidden');
+ grid.style.gridTemplateColumns = `repeat(${currentMediaItems.length}, 1fr)`;
+
+ grid.innerHTML = currentMediaItems.map((item, i) => `
+
+ `).join('');
+
+ // Re-attach drag handlers after refresh
+ initDragAndDrop();
+
+ if (currentMediaItems.length >= 3) {
+ uploadZone.classList.add('hidden');
+ } else {
+ uploadZone.classList.remove('hidden');
+ }
+}
+
+function refreshLinkedInPreview() {
+ const linkedinMediaSection = document.getElementById('linkedinMediaSection');
+
+ if (!linkedinMediaSection) return;
+
+ if (currentMediaItems.length === 0) {
+ linkedinMediaSection.classList.add('hidden');
+ return;
+ }
+
+ linkedinMediaSection.classList.remove('hidden');
+
+ const gridClass = currentMediaItems.length === 1 ? 'grid-cols-1' :
+ currentMediaItems.length === 2 ? 'grid-cols-2' : 'grid-cols-3';
+
+ linkedinMediaSection.innerHTML = `
+
+ ${currentMediaItems.map(item =>
+ item.type === 'image'
+ ? `
`
+ : `
`
+ ).join('')}
+
+ `;
+}
+
+// Drag-and-Drop Reorder (Ultra Smooth with Ghost)
+let draggedArrayIndex = null;
+let originalDraggedIndex = null; // Track the original starting position
+let draggedElement = null;
+let lastTargetIndex = null;
+let isSaving = false;
+let draggedItemData = null;
+
+function initDragAndDrop() {
+ const mediaGrid = document.getElementById('mediaGrid');
+ if (!mediaGrid) return;
+
+ const mediaItems = mediaGrid.querySelectorAll('.media-item');
+
+ mediaItems.forEach((item, idx) => {
+ // Dragstart - Element wird gegriffen
+ item.addEventListener('dragstart', (e) => {
+ draggedArrayIndex = parseInt(e.currentTarget.dataset.arrayIndex);
+ originalDraggedIndex = draggedArrayIndex; // Save the original position
+ draggedElement = e.currentTarget;
+ lastTargetIndex = draggedArrayIndex;
+ draggedItemData = currentMediaItems[draggedArrayIndex];
+
+ // Smooth fade out des gezogenen Elements
+ setTimeout(() => {
+ e.currentTarget.style.opacity = '0.3';
+ }, 0);
+
+ e.dataTransfer.effectAllowed = 'move';
+ e.dataTransfer.setDragImage(e.currentTarget, e.currentTarget.offsetWidth / 2, e.currentTarget.offsetHeight / 2);
+ });
+
+ // Dragend - Element wird losgelassen
+ item.addEventListener('dragend', (e) => {
+ // Entferne alle Ghost-Klassen
+ const allItems = mediaGrid.querySelectorAll('.media-item');
+ allItems.forEach(i => {
+ i.style.opacity = '1';
+ i.classList.remove('is-ghost');
+ });
+
+ // Wenn sich die Position geändert hat, speichere im Hintergrund
+ console.log('🎯 Dragend:', {originalDraggedIndex, lastTargetIndex, changed: lastTargetIndex !== null && lastTargetIndex !== originalDraggedIndex});
+
+ if (lastTargetIndex !== null && lastTargetIndex !== originalDraggedIndex && !isSaving) {
+ console.log('💾 Triggering save...');
+ saveReorderInBackground();
+ } else {
+ console.log('⏭️ Skip save:', {lastTargetIndex, originalDraggedIndex, isSaving});
+ }
+
+ draggedArrayIndex = null;
+ originalDraggedIndex = null;
+ draggedElement = null;
+ lastTargetIndex = null;
+ draggedItemData = null;
+ });
+
+ // Dragover - Element schwebt über anderem Element (LIVE REORDER)
+ item.addEventListener('dragover', (e) => {
+ e.preventDefault();
+ e.dataTransfer.dropEffect = 'move';
+
+ if (draggedArrayIndex === null) return;
+
+ const targetArrayIndex = parseInt(e.currentTarget.dataset.arrayIndex);
+
+ // Nur neu ordnen wenn sich die Position geändert hat
+ if (targetArrayIndex !== lastTargetIndex && draggedArrayIndex !== targetArrayIndex) {
+ lastTargetIndex = targetArrayIndex;
+
+ // SOFORTIGES visuelles Update
+ const newMediaItems = [...currentMediaItems];
+ const [movedItem] = newMediaItems.splice(draggedArrayIndex, 1);
+ newMediaItems.splice(targetArrayIndex, 0, movedItem);
+
+ currentMediaItems = newMediaItems;
+ draggedArrayIndex = targetArrayIndex;
+
+ // Smooth Re-Render
+ refreshMediaGridSmooth();
+ refreshLinkedInPreview();
+ }
+ });
+
+ // Drop - Element wird losgelassen
+ item.addEventListener('drop', (e) => {
+ e.preventDefault();
+ });
+ });
+}
+
+// Smooth version of refreshMediaGrid that maintains the dragging state
+function refreshMediaGridSmooth() {
+ const grid = document.getElementById('mediaGrid');
+ const count = document.getElementById('mediaCount');
+ const uploadZone = document.getElementById('mediaUploadZone');
+
+ count.textContent = currentMediaItems.length;
+
+ if (currentMediaItems.length === 0) {
+ grid.classList.add('hidden');
+ uploadZone.classList.remove('hidden');
+ return;
+ }
+
+ grid.classList.remove('hidden');
+ grid.style.gridTemplateColumns = `repeat(${currentMediaItems.length}, 1fr)`;
+
+ grid.innerHTML = currentMediaItems.map((item, i) => {
+ const isDragged = draggedItemData && item.url === draggedItemData.url;
+ const ghostClass = isDragged ? 'is-ghost' : '';
+ const ghostStyle = isDragged ? 'opacity: 0.3;' : '';
+
+ return `
+
+ `;
+ }).join('');
+
+ if (currentMediaItems.length >= 3) {
+ uploadZone.classList.add('hidden');
+ } else {
+ uploadZone.classList.remove('hidden');
+ }
+
+ // Re-attach drag handlers
+ initDragAndDrop();
+}
+
+// Speichert die neue Reihenfolge im Hintergrund
+async function saveReorderInBackground() {
+ if (isSaving) return;
+ isSaving = true;
+
+ // Erstelle Order-Array für Backend
+ const orderArray = currentMediaItems.map((item, i) => item.order);
+
+ console.log('🔍 Sending reorder:', {
+ currentMediaItems: currentMediaItems.map(item => ({url: item.url.substring(item.url.length-20), order: item.order})),
+ orderArray: orderArray
+ });
+
+ try {
+ const response = await fetch(`/api/posts/${postId}/media/reorder`, {
+ method: 'PUT',
+ headers: {'Content-Type': 'application/json'},
+ body: JSON.stringify({order: orderArray})
+ });
+
+ if (!response.ok) {
+ const errorData = await response.json().catch(() => ({}));
+ console.error('❌ Reorder failed:', response.status, errorData);
+ throw new Error('Speichern fehlgeschlagen: ' + (errorData.detail || response.statusText));
+ }
+
+ const result = await response.json();
+ console.log('✅ Reorder response:', {
+ received: result.media_items.map(item => ({url: item.url.substring(item.url.length-20), order: item.order}))
+ });
+
+ // Update mit Server-Response (für korrekte order-Werte)
+ currentMediaItems = result.media_items || [];
+
+ // Stilles Update ohne Re-Render (UI ist schon aktuell)
+ console.log('✓ Reihenfolge im Hintergrund gespeichert');
+
+ } catch (error) {
+ console.error('Background save error:', error);
+ showToast('Fehler beim Speichern - bitte Seite neu laden', 'error');
+ } finally {
+ isSaving = false;
+ }
+}
+
+function initMediaUpload() {
+ const uploadZone = document.getElementById('mediaUploadZone');
+ const fileInput = document.getElementById('mediaFileInput');
if (!uploadZone) return;
@@ -1391,17 +1816,11 @@ function initImageUpload() {
// File selected
fileInput.addEventListener('change', (e) => {
- if (e.target.files[0]) handleImageUpload(e.target.files[0]);
+ if (e.target.files[0]) handleMediaUpload(e.target.files[0]);
+ e.target.value = ''; // Reset input
});
- // Replace input
- if (replaceInput) {
- replaceInput.addEventListener('change', (e) => {
- if (e.target.files[0]) handleImageUpload(e.target.files[0]);
- });
- }
-
- // Drag & drop
+ // Drag & drop for upload zone
uploadZone.addEventListener('dragover', (e) => {
e.preventDefault();
uploadZone.classList.add('dragover');
@@ -1412,8 +1831,11 @@ function initImageUpload() {
uploadZone.addEventListener('drop', (e) => {
e.preventDefault();
uploadZone.classList.remove('dragover');
- if (e.dataTransfer.files[0]) handleImageUpload(e.dataTransfer.files[0]);
+ if (e.dataTransfer.files[0]) handleMediaUpload(e.dataTransfer.files[0]);
});
+
+ // Initialize drag-and-drop for reordering
+ initDragAndDrop();
}
// Initialize
@@ -1430,8 +1852,8 @@ document.addEventListener('DOMContentLoaded', () => {
// Initialize LinkedIn preview
initLinkedInPreview();
- // Initialize image upload
- initImageUpload();
+ // Initialize media upload (multi-media support)
+ initMediaUpload();
// Add event listener for textarea character count
const textarea = document.getElementById('editTextarea');
diff --git a/src/web/user/routes.py b/src/web/user/routes.py
index 2ca6a5f..ca1cd6e 100644
--- a/src/web/user/routes.py
+++ b/src/web/user/routes.py
@@ -1533,6 +1533,14 @@ async def post_detail_page(request: Request, post_id: str):
if post.critic_feedback and len(post.critic_feedback) > 0:
final_feedback = post.critic_feedback[-1]
+ # Convert media_items to dicts for JSON serialization in template
+ media_items_dict = []
+ if post.media_items:
+ media_items_dict = [
+ item.model_dump(mode='json') if hasattr(item, 'model_dump') else (item.dict() if hasattr(item, 'dict') else item)
+ for item in post.media_items
+ ]
+
return templates.TemplateResponse("post_detail.html", {
"request": request,
"page": "posts",
@@ -1544,7 +1552,8 @@ async def post_detail_page(request: Request, post_id: str):
"post_type": post_type,
"post_type_analysis": post_type_analysis,
"final_feedback": final_feedback,
- "profile_picture_url": profile_picture_url
+ "profile_picture_url": profile_picture_url,
+ "media_items_dict": media_items_dict
})
except Exception as e:
logger.error(f"Error loading post detail: {e}")
@@ -2679,6 +2688,14 @@ async def company_manage_post_detail(request: Request, post_id: str, employee_id
profile = await db.get_profile(emp_profile.id)
+ # Convert media_items to dicts for JSON serialization in template
+ media_items_dict = []
+ if post.media_items:
+ media_items_dict = [
+ item.model_dump(mode='json') if hasattr(item, 'model_dump') else (item.dict() if hasattr(item, 'dict') else item)
+ for item in post.media_items
+ ]
+
return templates.TemplateResponse("company_manage_post_detail.html", {
"request": request,
"page": "manage",
@@ -2686,7 +2703,8 @@ async def company_manage_post_detail(request: Request, post_id: str, employee_id
"employee_id": employee_id,
"employee_name": emp_user.linkedin_name or emp_profile.display_name or emp_user.email,
"profile": profile,
- "post": post
+ "post": post,
+ "media_items_dict": media_items_dict
})
@@ -3433,61 +3451,18 @@ async def unschedule_post(request: Request, post_id: str):
@user_router.post("/api/posts/{post_id}/image")
async def upload_post_image(request: Request, post_id: str):
- """Upload or replace an image for a post."""
- session = require_user_session(request)
- if not session:
- raise HTTPException(status_code=401, detail="Not authenticated")
+ """DEPRECATED: Upload or replace an image for a post.
- try:
- post = await db.get_generated_post(UUID(post_id))
- if not post:
- raise HTTPException(status_code=404, detail="Post not found")
+ Use /api/posts/{post_id}/media instead. This endpoint is kept for backward compatibility.
+ """
+ # Delegate to new media upload endpoint
+ result = await upload_post_media(request, post_id)
- # Check authorization: owner or company owner
- is_owner = session.user_id and str(post.user_id) == session.user_id
- is_company_owner = False
- if not is_owner and session.account_type == "company" and session.company_id:
- profile = await db.get_profile(post.user_id)
- if profile and profile.company_id and str(profile.company_id) == session.company_id:
- is_company_owner = True
- if not is_owner and not is_company_owner:
- raise HTTPException(status_code=403, detail="Not authorized")
+ # Return legacy format for compatibility
+ if result.get("success") and result.get("media_item"):
+ return {"success": True, "image_url": result["media_item"]["url"]}
- # Read file from form data
- form = await request.form()
- image = form.get("image")
- if not image or not hasattr(image, "read"):
- raise HTTPException(status_code=400, detail="No image file provided")
-
- file_content = await image.read()
- content_type = image.content_type or "application/octet-stream"
-
- # Delete old image if exists
- if post.image_url:
- try:
- await storage.delete_image(post.image_url)
- except Exception as e:
- logger.warning(f"Failed to delete old image: {e}")
-
- # Upload new image
- image_url = await storage.upload_image(
- file_content=file_content,
- content_type=content_type,
- user_id=str(post.user_id),
- )
-
- # Update post record
- await db.update_generated_post(UUID(post_id), {"image_url": image_url})
-
- return {"success": True, "image_url": image_url}
-
- except HTTPException:
- raise
- except ValueError as e:
- raise HTTPException(status_code=400, detail=str(e))
- except Exception as e:
- logger.exception(f"Failed to upload post image: {e}")
- raise HTTPException(status_code=500, detail=str(e))
+ return result
@user_router.delete("/api/posts/{post_id}/image")
@@ -3531,6 +3506,209 @@ async def delete_post_image(request: Request, post_id: str):
raise HTTPException(status_code=500, detail=str(e))
+# ==================== POST MEDIA UPLOAD (MULTI-MEDIA) ====================
+
+@user_router.post("/api/posts/{post_id}/media")
+async def upload_post_media(request: Request, post_id: str):
+ """Upload a media item (image or video). Max 3 items per post."""
+ session = require_user_session(request)
+ if not session:
+ raise HTTPException(status_code=401, detail="Not authenticated")
+
+ try:
+ post = await db.get_generated_post(UUID(post_id))
+ if not post:
+ raise HTTPException(status_code=404, detail="Post not found")
+
+ # Check authorization: owner or company owner
+ is_owner = session.user_id and str(post.user_id) == session.user_id
+ is_company_owner = False
+ if not is_owner and session.account_type == "company" and session.company_id:
+ profile = await db.get_profile(post.user_id)
+ if profile and profile.company_id and str(profile.company_id) == session.company_id:
+ is_company_owner = True
+ if not is_owner and not is_company_owner:
+ raise HTTPException(status_code=403, detail="Not authorized")
+
+ # Get current media items (convert to dicts with JSON-serializable datetime)
+ media_items = [
+ item.model_dump(mode='json') if hasattr(item, 'model_dump') else (item.dict() if hasattr(item, 'dict') else item)
+ for item in (post.media_items or [])
+ ]
+
+ # Validate: Max 3 items
+ if len(media_items) >= 3:
+ raise HTTPException(status_code=400, detail="Maximal 3 Medien erlaubt")
+
+ # Read file from form data
+ form = await request.form()
+ file = form.get("file") or form.get("image") # Support both 'file' and 'image' keys
+ if not file or not hasattr(file, "read"):
+ raise HTTPException(status_code=400, detail="No file provided")
+
+ file_content = await file.read()
+ content_type = file.content_type or "application/octet-stream"
+
+ # Validate media type consistency (no mixing)
+ is_video = content_type.startswith("video/")
+ has_videos = any(item.get("type") == "video" for item in media_items)
+ has_images = any(item.get("type") == "image" for item in media_items)
+
+ if (is_video and has_images) or (not is_video and has_videos):
+ raise HTTPException(status_code=400, detail="Kann nicht Bilder und Videos mischen")
+
+ # Only allow 1 video max
+ if is_video and len(media_items) > 0:
+ raise HTTPException(status_code=400, detail="Nur 1 Video pro Post erlaubt")
+
+ # Upload to storage
+ media_url = await storage.upload_media(
+ file_content=file_content,
+ content_type=content_type,
+ user_id=str(post.user_id),
+ )
+
+ # Add to array
+ new_item = {
+ "type": "video" if is_video else "image",
+ "url": media_url,
+ "order": len(media_items),
+ "content_type": content_type,
+ "uploaded_at": datetime.now(timezone.utc).isoformat(),
+ "metadata": None
+ }
+ media_items.append(new_item)
+
+ # Update DB
+ await db.update_generated_post(UUID(post_id), {"media_items": media_items})
+
+ # Also update image_url for backward compatibility (first image)
+ if new_item["type"] == "image" and len([i for i in media_items if i["type"] == "image"]) == 1:
+ await db.update_generated_post(UUID(post_id), {"image_url": media_url})
+
+ return {"success": True, "media_item": new_item, "media_items": media_items}
+
+ except HTTPException:
+ raise
+ except ValueError as e:
+ raise HTTPException(status_code=400, detail=str(e))
+ except Exception as e:
+ logger.exception(f"Failed to upload post media: {e}")
+ raise HTTPException(status_code=500, detail=str(e))
+
+
+@user_router.delete("/api/posts/{post_id}/media/{media_index}")
+async def delete_post_media(request: Request, post_id: str, media_index: int):
+ """Delete a specific media item by index."""
+ session = require_user_session(request)
+ if not session:
+ raise HTTPException(status_code=401, detail="Not authenticated")
+
+ try:
+ post = await db.get_generated_post(UUID(post_id))
+ if not post:
+ raise HTTPException(status_code=404, detail="Post not found")
+
+ # Check authorization: owner or company owner
+ is_owner = session.user_id and str(post.user_id) == session.user_id
+ is_company_owner = False
+ if not is_owner and session.account_type == "company" and session.company_id:
+ profile = await db.get_profile(post.user_id)
+ if profile and profile.company_id and str(profile.company_id) == session.company_id:
+ is_company_owner = True
+ if not is_owner and not is_company_owner:
+ raise HTTPException(status_code=403, detail="Not authorized")
+
+ # Get current media items (convert to dicts with JSON-serializable datetime)
+ media_items = [
+ item.model_dump(mode='json') if hasattr(item, 'model_dump') else (item.dict() if hasattr(item, 'dict') else item)
+ for item in (post.media_items or [])
+ ]
+
+ if media_index < 0 or media_index >= len(media_items):
+ raise HTTPException(status_code=404, detail="Media item nicht gefunden")
+
+ # Delete from storage
+ item_to_delete = media_items[media_index]
+ try:
+ await storage.delete_image(item_to_delete["url"])
+ except Exception as e:
+ logger.warning(f"Failed to delete media from storage: {e}")
+
+ # Remove and re-index
+ media_items.pop(media_index)
+ for i, item in enumerate(media_items):
+ item["order"] = i
+
+ # Update DB
+ await db.update_generated_post(UUID(post_id), {"media_items": media_items})
+
+ # Update image_url for backward compatibility
+ first_image = next((item for item in media_items if item["type"] == "image"), None)
+ await db.update_generated_post(UUID(post_id), {"image_url": first_image["url"] if first_image else None})
+
+ return {"success": True, "media_items": media_items}
+
+ except HTTPException:
+ raise
+ except Exception as e:
+ logger.exception(f"Failed to delete post media: {e}")
+ raise HTTPException(status_code=500, detail=str(e))
+
+
+@user_router.put("/api/posts/{post_id}/media/reorder")
+async def reorder_post_media(request: Request, post_id: str):
+ """Reorder media items. Expects JSON: {"order": [2, 0, 1]}"""
+ session = require_user_session(request)
+ if not session:
+ raise HTTPException(status_code=401, detail="Not authenticated")
+
+ try:
+ post = await db.get_generated_post(UUID(post_id))
+ if not post:
+ raise HTTPException(status_code=404, detail="Post not found")
+
+ # Check authorization: owner or company owner
+ is_owner = session.user_id and str(post.user_id) == session.user_id
+ is_company_owner = False
+ if not is_owner and session.account_type == "company" and session.company_id:
+ profile = await db.get_profile(post.user_id)
+ if profile and profile.company_id and str(profile.company_id) == session.company_id:
+ is_company_owner = True
+ if not is_owner and not is_company_owner:
+ raise HTTPException(status_code=403, detail="Not authorized")
+
+ # Get current media items (convert to dicts with JSON-serializable datetime)
+ media_items = [
+ item.model_dump(mode='json') if hasattr(item, 'model_dump') else (item.dict() if hasattr(item, 'dict') else item)
+ for item in (post.media_items or [])
+ ]
+
+ # Parse request body
+ body = await request.json()
+ new_order = body.get("order", [])
+
+ # Validate order array
+ if len(new_order) != len(media_items) or set(new_order) != set(range(len(media_items))):
+ raise HTTPException(status_code=400, detail="Invalid order indices")
+
+ # Reorder
+ reordered = [media_items[i] for i in new_order]
+ for i, item in enumerate(reordered):
+ item["order"] = i
+
+ # Update DB
+ await db.update_generated_post(UUID(post_id), {"media_items": reordered})
+
+ return {"success": True, "media_items": reordered}
+
+ except HTTPException:
+ raise
+ except Exception as e:
+ logger.exception(f"Failed to reorder post media: {e}")
+ raise HTTPException(status_code=500, detail=str(e))
+
+
# ==================== IMAGE PROXY FOR HTTPS ====================
@user_router.get("/proxy/image/{bucket}/{path:path}")