feat: more options for data management on settings

Author: ellite

backend/routers/media.py

@@ -2344,6 +2344,16 @@ async def manually_collect(
     return {"status": "ok", "message": "Added to collection"}
 
 
+@router.delete("/collect/all")
+async def clear_collection(
+    db: AsyncSession = Depends(get_db),
+    current_user: User = Depends(get_current_user),
+):
+    await db.execute(delete(Collection).where(Collection.user_id == current_user.id))
+    await db.commit()
+    return {"status": "ok"}
+
+
 @router.delete("/collect")
 async def manually_uncollect(
     tmdb_id: int | None = Query(None),

backend/routers/ratings.py

@@ -4,7 +4,7 @@
 from fastapi import APIRouter, Depends, Query, HTTPException
 from pydantic import BaseModel, Field
 from sqlalchemy.ext.asyncio import AsyncSession
-from sqlalchemy import select, desc
+from sqlalchemy import select, desc, delete
 
 from db import get_db
 from models.media import Media
@@ -51,6 +51,16 @@ def format_rating(rating: Rating, media: Media) -> dict:
     }
 
 
+@router.delete("/all")
+async def clear_all_ratings(
+    db: AsyncSession = Depends(get_db),
+    current_user: User = Depends(get_current_user),
+):
+    await db.execute(delete(Rating).where(Rating.user_id == current_user.id))
+    await db.commit()
+    return {"status": "ok"}
+
+
 @router.post("")
 async def submit_rating(
     body: RatingIn,

frontend/src/pages/settings.astro

@@ -1435,18 +1435,34 @@ if (me.totp_enabled) {
       <!-- Data Management -->
       <section>
         <h2 class="section-headline mb-4 border-b border-zinc-800 pb-2">Data Management</h2>
-        <div class="bg-zinc-900/40 border border-zinc-800 rounded-2xl p-6 flex flex-col md:flex-row items-center justify-between gap-6">
-          <div>
-            <h3 class="text-lg font-bold text-zinc-100 mb-1">Clear Watch History</h3>
-            <p class="text-zinc-400 text-sm">This will permanently delete all your watch history and progress. Your collection and ratings will not be affected.</p>
+        <div class="flex flex-col gap-4">
+          <div class="bg-zinc-900/40 border border-zinc-800 rounded-2xl p-6 flex flex-col md:flex-row items-center justify-between gap-6">
+            <div>
+              <h3 class="text-lg font-bold text-zinc-100 mb-1">Clear Watch History</h3>
+              <p class="text-zinc-400 text-sm">Permanently deletes all watch history and progress. Your collection and ratings will not be affected.</p>
+            </div>
+            <button type="button" id="clear-history-btn" class="px-6 py-3 bg-red-600/10 hover:bg-red-600/20 text-red-500 border border-red-500/30 font-bold rounded-xl transition-all cursor-pointer whitespace-nowrap">
+              Clear History
+            </button>
+          </div>
+          <div class="bg-zinc-900/40 border border-zinc-800 rounded-2xl p-6 flex flex-col md:flex-row items-center justify-between gap-6">
+            <div>
+              <h3 class="text-lg font-bold text-zinc-100 mb-1">Clear Ratings</h3>
+              <p class="text-zinc-400 text-sm">Permanently deletes all your ratings. Your watch history and collection will not be affected.</p>
+            </div>
+            <button type="button" id="clear-ratings-btn" class="px-6 py-3 bg-red-600/10 hover:bg-red-600/20 text-red-500 border border-red-500/30 font-bold rounded-xl transition-all cursor-pointer whitespace-nowrap">
+              Clear Ratings
+            </button>
+          </div>
+          <div class="bg-zinc-900/40 border border-zinc-800 rounded-2xl p-6 flex flex-col md:flex-row items-center justify-between gap-6">
+            <div>
+              <h3 class="text-lg font-bold text-zinc-100 mb-1">Clear Collection</h3>
+              <p class="text-zinc-400 text-sm">Permanently removes all items from your collection. Your watch history and ratings will not be affected.</p>
+            </div>
+            <button type="button" id="clear-collection-btn" class="px-6 py-3 bg-red-600/10 hover:bg-red-600/20 text-red-500 border border-red-500/30 font-bold rounded-xl transition-all cursor-pointer whitespace-nowrap">
+              Clear Collection
+            </button>
           </div>
-          <button
-            type="button"
-            id="clear-history-btn"
-            class="px-6 py-3 bg-red-600/10 hover:bg-red-600/20 text-red-500 border border-red-500/30 font-bold rounded-xl transition-all cursor-pointer whitespace-nowrap"
-          >
-            Clear History
-          </button>
         </div>
       </section>
 
@@ -2819,6 +2835,58 @@ if (me.totp_enabled) {
       };
     }
 
+    const clearRatingsBtn = document.getElementById('clear-ratings-btn') as HTMLButtonElement | null;
+    if (clearRatingsBtn) {
+      clearRatingsBtn.onclick = async () => {
+        if (!confirm('Are you sure you want to clear all your ratings? This cannot be undone.')) return;
+        clearRatingsBtn.disabled = true;
+        clearRatingsBtn.textContent = 'Clearing...';
+        try {
+          const res = await fetch(`/api/proxy/ratings/all`, {
+            method: 'DELETE',
+            headers: { 'Authorization': `Bearer ${token}` }
+          });
+          if (res.ok) {
+            showMessage('Ratings cleared successfully!');
+          } else {
+            const data = await res.json();
+            throw new Error(data.detail || 'Failed to clear ratings');
+          }
+        } catch (e: any) {
+          showMessage(e.message, 'error');
+        } finally {
+          clearRatingsBtn.disabled = false;
+          clearRatingsBtn.textContent = 'Clear Ratings';
+        }
+      };
+    }
+
+    const clearCollectionBtn = document.getElementById('clear-collection-btn') as HTMLButtonElement | null;
+    if (clearCollectionBtn) {
+      clearCollectionBtn.onclick = async () => {
+        if (!confirm('Are you sure you want to clear your entire collection? This cannot be undone.')) return;
+        clearCollectionBtn.disabled = true;
+        clearCollectionBtn.textContent = 'Clearing...';
+        try {
+          const res = await fetch(`/api/proxy/media/collect/all`, {
+            method: 'DELETE',
+            headers: { 'Authorization': `Bearer ${token}` }
+          });
+          if (res.ok) {
+            showMessage('Collection cleared successfully!');
+          } else {
+            const data = await res.json();
+            throw new Error(data.detail || 'Failed to clear collection');
+          }
+        } catch (e: any) {
+          showMessage(e.message, 'error');
+        } finally {
+          clearCollectionBtn.disabled = false;
+          clearCollectionBtn.textContent = 'Clear Collection';
+        }
+      };
+    }
+
     if (deleteBtn && modal && cancelBtn && confirmBtn) {
       deleteBtn.onclick = () => {
         modal.classList.remove('hidden');