From 887589216b1cef1244b9b8fd140109f79f5a42af Mon Sep 17 00:00:00 2001
From: Corban-Lee Jones <corbz.jones@gmail.com>
Date: Sun, 3 Nov 2024 22:40:06 +0000
Subject: [PATCH] content table layout & delete function

---
 apps/home/static/home/js/tabs/content.js | 68 +++++++++++++++++++++---
 1 file changed, 61 insertions(+), 7 deletions(-)

diff --git a/apps/home/static/home/js/tabs/content.js b/apps/home/static/home/js/tabs/content.js
index aa01f0c..5850e87 100644
--- a/apps/home/static/home/js/tabs/content.js
+++ b/apps/home/static/home/js/tabs/content.js
@@ -9,27 +9,38 @@ function initContentModule() {
         [
             {
                 title: "Subscription",
-                data: "subscription"
+                data: "subscription",
             },
             {
                 title: "Item ID",
-                data: "item_id"
+                data: "item_id",
+                className: "col-name"
             },
             {
                 title: "Item GUID",
-                data: "item_guid"
+                data: "item_guid",
+                className: "col-name"
             },
             {
                 title: "Title",
-                data: "item_title"
+                data: "item_title",
+                className: "col-name"
             },
             {
                 title: "URL",
-                data: "item_url"
+                data: "item_url",
+                className: "col-url"
             },
             {
                 title: "Content Hash",
-                data: "item_content_hash"
+                data: "item_content_hash",
+                className: "col-name"
+            },
+            {
+                title: "Blocked",
+                data: "blocked",
+                className: "col-icon",
+                render: renderBooleanColumn
             }
         ]
     );
@@ -53,4 +64,47 @@ async function loadContentData() {
 
     setTableFilter(contentTableId, "subscription__server", selectedServer.id);
     await loadTableData(contentTableId, "/api/content/", "GET");
-}
\ No newline at end of file
+}
+
+// region Delete Data
+
+getTableFiltersComponent(contentTableId).find(".js-tableDeleteBtn").on("click", async function() {
+    const rows = getSelectedTableRows(contentTableId);
+    const names = rows.map(row => row.item_title)
+    const isMany = names.length > 1;
+
+    const deleteContent = () => {
+        rows.forEach(async row => {
+            await ajaxRequest(`/api/content/${row.id}/`, "DELETE");
+        })
+
+        setTimeout(() => { $(contentTableId).trigger("doDataLoad") }, 600);
+    }
+
+    createModal({
+        title: `Delete ${isMany ? "Many Contents" : "Content"}`,
+        texts: [
+            {
+                content: `<p>Do you wish to permanently delete ${isMany ? "these" : "this"} content${isMany ? "s" : ""}?</p>`,
+                html: true
+            },
+            {
+                content: arrayToHtmlList(names, true).prop("outerHTML"),
+                html: true
+            }
+        ],
+        buttons: [
+            {
+                className: "btn-danger me-3",
+                iconClass: "bi-trash3",
+                closeModal: true,
+                onClick: deleteContent
+            },
+            {
+                className: "btn-secondary px-4",
+                iconClass: "bi-arrow-return-right",
+                closeModal: true
+            }
+        ]
+    });
+});