Cleanup new/untagged support in datatables, adding them as special dy…

…namic categories
Difegue · Jan 12, 2025 · 3c13881 · 3c13881
1 parent e0df929
commit 3c13881
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 9 deletions.
diff --git a/lib/LANraragi/Controller/Api/Search.pm b/lib/LANraragi/Controller/Api/Search.pm
@@ -34,16 +34,19 @@ sub handle_datatables {
         # Collection (tags column)
         if ( $req->param("columns[$i][name]") eq "tags" ) {
             $categoryfilter = $req->param("columns[$i][search][value]");
-        }
 
-        # New filter (isnew column)
-        if ( $req->param("columns[$i][name]") eq "isnew" ) {
-            $newfilter = $req->param("columns[$i][search][value]") eq "true";
-        }
+            # Specific hacks for the buily-in newonly/untagged selectors
+            # Those have hardcoded 'category' IDs
+            if ( $categoryfilter eq "NEW_ONLY" ) {
+                $newfilter      = 1;
+                $categoryfilter = "";
+            }
+
+            if ( $categoryfilter eq "UNTAGGED_ONLY" ) {
+                $untaggedfilter = 1;
+                $categoryfilter = "";
+            }
 
-        # Untagged filter (untagged column)
-        if ( $req->param("columns[$i][name]") eq "untagged" ) {
-            $untaggedfilter = $req->param("columns[$i][search][value]") eq "true";
         }
         $i++;
     }

diff --git a/public/js/index.js b/public/js/index.js
@@ -664,7 +664,16 @@ Index.loadCategories = function () {
             // Pinned categories are shown at the beginning
             data.sort((b, a) => b.name.localeCompare(a.name));
             data.sort((a, b) => b.pinned - a.pinned);
-            let html = "";
+            // Queue some hardcoded categories at the beginning - those are special-cased in the DataTables variant of the search endpoint. 
+            let html = `<div style='display:inline-block'>
+                            <input class='favtag-btn ${(("NEW_ONLY" === Index.selectedCategory) ? "toggled" : "")}' 
+                            type='button' id='NEW_ONLY' value='🆕 New only' 
+                            onclick='Index.toggleCategory(this)' title='Click here to display new archives only.'/>
+                        </div><div style='display:inline-block'>
+                            <input class='favtag-btn ${(("UNTAGGED_ONLY" === Index.selectedCategory) ? "toggled" : "")}' 
+                            type='button' id='UNTAGGED_ONLY' value='🏷️ Untagged only' 
+                            onclick='Index.toggleCategory(this)' title='Click here to display untagged archives only.'/>
+                        </div>`;
 
             const iteration = (data.length > 10 ? 10 : data.length);