From 8e233947e2e951854f1a75263953304f128edc1c Mon Sep 17 00:00:00 2001
From: x <admin@f0ck.it>
Date: Sat, 24 Jan 2026 18:00:28 +0100
Subject: [PATCH] Remove 'Deny All' functionality from the admin approval page
 and add utility scripts for copying thumbnails and generating dummy data.

---
 views/admin/approve.html | 200 ++++++++++++++-------------------------
 1 file changed, 70 insertions(+), 130 deletions(-)

diff --git a/views/admin/approve.html b/views/admin/approve.html
index 2481c3c..e1eaabb 100644
--- a/views/admin/approve.html
+++ b/views/admin/approve.html
@@ -111,141 +111,81 @@
         <br>
         @endif
 
-        <div style="text-align: center; margin-bottom: 20px;">
-            <button id="btn-deny-all" class="badge badge-danger" onclick="window.handleDenyAll(event)"
-                style="font-size: 1.2em; padding: 10px 20px; border: none; cursor: pointer;">Deny All Visible</button>
+
+
+        <!-- Custom Modal -->
+        <div id="custom-modal"
+            style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); justify-content: center; align-items: center; z-index: 1000;">
+            <div
+                style="background: #222; color: #fff; padding: 20px; border-radius: 8px; max-width: 400px; text-align: center; border: 1px solid #444;">
+                <h3 id="modal-title" style="margin-top: 0;">Confirm Action</h3>
+                <p id="modal-text">Are you sure?</p>
+                <div style="display: flex; justify-content: space-around; margin-top: 20px;">
+                    <button id="modal-cancel" class="badge badge-secondary"
+                        style="border: none; padding: 10px 20px; cursor: pointer;">Cancel</button>
+                    <button id="modal-confirm" class="badge badge-danger"
+                        style="border: none; padding: 10px 20px; cursor: pointer;">Confirm</button>
+                </div>
+            </div>
         </div>
 
-        <a href="/admin">Back to Admin</a>
-    </div>
-</div>
+        <script>
+            document.addEventListener('DOMContentLoaded', () => {
+                const modal = document.getElementById('custom-modal');
+                const modalTitle = document.getElementById('modal-title');
+                const modalText = document.getElementById('modal-text');
+                const btnConfirm = document.getElementById('modal-confirm');
+                const btnCancel = document.getElementById('modal-cancel');
 
-<!-- Custom Modal -->
-<div id="custom-modal"
-    style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); justify-content: center; align-items: center; z-index: 1000;">
-    <div
-        style="background: #222; color: #fff; padding: 20px; border-radius: 8px; max-width: 400px; text-align: center; border: 1px solid #444;">
-        <h3 id="modal-title" style="margin-top: 0;">Confirm Action</h3>
-        <p id="modal-text">Are you sure?</p>
-        <div style="display: flex; justify-content: space-around; margin-top: 20px;">
-            <button id="modal-cancel" class="badge badge-secondary"
-                style="border: none; padding: 10px 20px; cursor: pointer;">Cancel</button>
-            <button id="modal-confirm" class="badge badge-danger"
-                style="border: none; padding: 10px 20px; cursor: pointer;">Confirm</button>
-        </div>
-    </div>
-</div>
+                let pendingAction = null;
 
-<script>
-    document.addEventListener('DOMContentLoaded', () => {
-        // Dynamic Button Text
-        const btnDenyAllInit = document.getElementById('btn-deny-all');
-        if (btnDenyAllInit) {
-            const count = document.querySelectorAll('.btn-deny-async').length;
-            btnDenyAllInit.innerText = 'Deny All (' + count + ' visible)';
-        }
+                const showModal = (title, text, action) => {
+                    modalTitle.innerText = title;
+                    modalText.innerText = text;
+                    pendingAction = action;
+                    modal.style.display = 'flex';
 
-        const modal = document.getElementById('custom-modal');
-        const modalTitle = document.getElementById('modal-title');
-        const modalText = document.getElementById('modal-text');
-        const btnConfirm = document.getElementById('modal-confirm');
-        const btnCancel = document.getElementById('modal-cancel');
-
-        let pendingAction = null;
-
-        const showModal = (title, text, action) => {
-            modalTitle.innerText = title;
-            modalText.innerText = text;
-            pendingAction = action;
-            modal.style.display = 'flex';
-
-            btnConfirm.onclick = async () => {
-                if (!pendingAction) return;
-                btnConfirm.disabled = true;
-                btnConfirm.innerText = 'Processing...';
-                try {
-                    await pendingAction();
-                    closeModal();
-                } catch (e) {
-                    alert('Error: ' + e.message);
-                } finally {
-                    btnConfirm.disabled = false;
-                    btnConfirm.innerText = 'Confirm';
-                }
-            };
-        };
-
-        const closeModal = () => {
-            modal.style.display = 'none';
-            pendingAction = null;
-        };
-
-        if (btnCancel) btnCancel.onclick = closeModal;
-
-        // Single Deny
-        document.querySelectorAll('.btn-deny-async').forEach(btn => {
-            btn.addEventListener('click', e => {
-                e.preventDefault();
-                const url = btn.getAttribute('href');
-                const row = btn.closest('tr');
-
-                showModal('Deny Item', 'Permanently delete this item?', async () => {
-                    const res = await fetch(url);
-                    if (res.ok) {
-                        row.style.opacity = '0';
-                        setTimeout(() => row.remove(), 300);
-                    } else {
-                        throw new Error('Request failed');
-                    }
-                });
-            });
-        });
-
-        // Global handler for Deny All
-        window.handleDenyAll = (e) => {
-            e.preventDefault();
-            console.log('Deny All clicked (Inline)');
-            const allBtn = [...document.querySelectorAll('.btn-deny-async')];
-
-            // Map to {id, element}
-            const targets = allBtn.map(b => {
-                const href = b.getAttribute('href');
-                const match = href ? href.match(/[?&]id=([^&]+)/) : null;
-                if (!match && href) console.log('No ID match for href:', href);
-                return match ? { id: match[1], btn: b } : null;
-            }).filter(item => item);
-
-            const ids = targets.map(t => t.id);
-            console.log('Deny List:', ids);
-
-            if (ids.length === 0) return alert('No items to deny');
-
-            showModal('Deny ALL', 'Permanently delete ' + ids.length + ' visible items?', async () => {
-                const res = await fetch('/admin/deny-multi', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ ids })
-                });
-                const json = await res.json();
-                if (json.success) {
-                    closeModal(); // UX Polish: Close modal immediately
-                    // Visual Removal
-                    targets.forEach(t => {
-                        const row = t.btn.closest('tr');
-                        if (row) {
-                            row.style.opacity = '0';
+                    btnConfirm.onclick = async () => {
+                        if (!pendingAction) return;
+                        btnConfirm.disabled = true;
+                        btnConfirm.innerText = 'Processing...';
+                        try {
+                            await pendingAction();
+                            closeModal();
+                        } catch (e) {
+                            alert('Error: ' + e.message);
+                        } finally {
+                            btnConfirm.disabled = false;
+                            btnConfirm.innerText = 'Confirm';
                         }
-                    });
+                    };
+                };
 
-                    // Allow transition then reload
-                    setTimeout(() => {
-                        window.location.reload();
-                    }, 500);
-                } else {
-                    throw new Error(json.msg || 'Failed');
-                }
+                const closeModal = () => {
+                    modal.style.display = 'none';
+                    pendingAction = null;
+                };
+
+                if (btnCancel) btnCancel.onclick = closeModal;
+
+                // Single Deny
+                document.querySelectorAll('.btn-deny-async').forEach(btn => {
+                    btn.addEventListener('click', e => {
+                        e.preventDefault();
+                        const url = btn.getAttribute('href');
+                        const row = btn.closest('tr');
+
+                        showModal('Deny Item', 'Permanently delete this item?', async () => {
+                            const res = await fetch(url);
+                            if (res.ok) {
+                                row.style.opacity = '0';
+                                setTimeout(() => row.remove(), 300);
+                            } else {
+                                throw new Error('Request failed');
+                            }
+                        });
+                    });
+                });
             });
-        };
-    });
-</script>
-@include(snippets/footer)
\ No newline at end of file
+        </script>
+        @include(snippets/footer)
\ No newline at end of file