script.js

@@ -324,13 +324,13 @@ function cancelGlobalEvts() {
     }
 }
 
-function _http(url, method, xhr_req_follower, headers) {
+function get(url, xhr_req_follower, headers) {
     return new Promise(function (resolve, reject) {
         var req = new XMLHttpRequest();
         xhr_req_follower(req);
         req.onload = resolveResponse(resolve, reject);
         req.onerror = reject;
-        req.open(method, url);
+        req.open('GET', url);
 
         if (headers) {
             Object.entries(headers)
@@ -343,14 +343,6 @@ function _http(url, method, xhr_req_follower, headers) {
     });
 }
 
-function get(url, xhr_req_follower, headers) {
-    return _http(url, 'GET', xhr_req_follower, headers);
-}
-
-function del(url, xhr_req_follower, headers) {
-    return _http(url, 'DELETE', xhr_req_follower, headers);
-}
-
 function post(url, body, xhr_req_follower, headers) {
     return new Promise(function (resolve, reject) {
         var req = new XMLHttpRequest();
@@ -552,7 +544,9 @@ function onClickMarkIllegal(phashes, e) {
 
     console.log('CLICK', phashes, e.target.hash);
 
-    const img_elems = document.querySelectorAll('img');
+    // Get the whole post div (parent of the anchor tag)
+    const postDiv = e.target.closest('.post');
+    const img_elems = postDiv.querySelectorAll('.post--image_container img');
 
     window.requestAnimationFrame(function() {
         img_elems.forEach(function(elem) {
@@ -584,33 +578,6 @@ function onClickMarkIllegal(phashes, e) {
     });
 }
 
-function onClickPostDelete(post_id, e) {
-    const confirm_value = confirm("Really delete this post?");
-
-    if (!confirm_value) {
-        return;
-    }
-
-    const url = new URL(
-        '/delete_known_spam_post?post_id=' + post_id,
-        window.location.origin);
-
-
-    del(url, cancel)
-        .then(function(){
-            const current_url = new URL(window.location.href);
-            const query_params = current_url.searchParams;
-            const path = query_params.get('__path') || '/';
-
-            if (path.startsWith('/spam_post')) {
-                changeUrl('/', new URLSearchParams(), true);
-            } else {
-                location.reload();
-            }
-        })
-        .catch(caught.bind(this, "Failed to delete known spam post."));
-}
-
 function renderPostElem(post) {
     const postContainer = div();
     postContainer.classList.add('post');
@@ -626,28 +593,41 @@ function renderPostElem(post) {
 
     if (post.website_name != null) {
         const link_url = linkToBoard(post.website_name, post.board_name, post.thread_id);
+        const boardlink = span()
         const boardlink_a = document.createElement('a');
 
         boardlink_a.appendChild(text(post.website_name));
+
         boardlink_a.setAttribute('href', link_url);
         boardlink_a.setAttribute('title', 'Destination this post was originally headed for (thread or board)');
+        boardlink.appendChild(text('['));
+        boardlink.appendChild(boardlink_a);
+        boardlink.appendChild(text(']'));
 
-        postHeader.appendChild(boardlink_a);
+        postHeader.appendChild(boardlink);
     }
 
     postHeader.appendChild(span(text((new Date(post.time_stamp).toUTCString()))));
 
     if (shouldDisplayMarkIllegalButton(post)) {
-        const mark_illegal = document.createElement('button');
-        mark_illegal.appendChild(text('Mark Illegal'));
-        mark_illegal.setAttribute('title', 'Permanently delete associated pictures and thumbnails but keep metadata for future matching');
+        const mark_illegal = span()
+        mark_illegal.classList.add('post--header_action', 'post--mark_illegal');
+        const mark_illegal_a = document.createElement('a');
+
+        mark_illegal_a.appendChild(text('Mark Illegal'));
+
+        mark_illegal_a.setAttribute('href', '#' + identifier);
+        mark_illegal_a.setAttribute('title', 'Permanently delete associated pictures and thumbnails but keep metadata for future matching');
+        mark_illegal.appendChild(text('['));
+        mark_illegal.appendChild(mark_illegal_a);
+        mark_illegal.appendChild(text(']'));
 
         const phashes = (post.known_spam_post_attachment || [])
             .map(function(p) {
                 return bufferToHex(unpackBytes(BigInt(p.phash)));
             });
 
-        mark_illegal.addEventListener('click',
+        mark_illegal_a.addEventListener('click',
             onClickMarkIllegal.bind(this, phashes));
 
         postHeader.appendChild(mark_illegal);
@@ -658,12 +638,15 @@ function renderPostElem(post) {
     }
 
     // Delete post
-    const delete_post = document.createElement('button');
+    const delete_post = span()
     delete_post.classList.add('post--header_action', 'post--delete_post');
-    delete_post.setAttribute('title', 'Remove post from known spam and related tables. Post content will no longer be matched as illegal. Content can again end up in known spam posts if it keeps getting posted.');
-    delete_post.appendChild(text('delete'));
-    delete_post.addEventListener('click',
-        onClickPostDelete.bind(this, post.text_post_id));
+    const delete_post_a = document.createElement('a');
+    delete_post_a.appendChild(text('delete'));
+    delete_post_a.setAttribute('href', '#' + identifier);
+    delete_post_a.setAttribute('title', 'Remove post from known spam and related tables. Post content will no longer be matched as illegal. Content can again end up in known spam posts if it keeps getting posted.');
+    delete_post.appendChild(text('['));
+    delete_post.appendChild(delete_post_a);
+    delete_post.appendChild(text(']'));
     postHeader.appendChild(delete_post);
 
     postContainer.appendChild(postHeader);
@@ -886,6 +869,7 @@ function handlePageRoot(_, query_params) {
 }
 
 function showSpamPost(path_data, _) {
+    console.log(path_data);
     var post_id = path_data[1];
     pageInfoText.innerText = 'Loading known spam post ' + post_id;
 
@@ -918,12 +902,10 @@ function showSpamPost(path_data, _) {
     get(url, cancel, headers)
         .then(function(response) {
             var json = JSON.parse(response.responseText);
-            if (!json || !json.length) {
-                pageInfoText.innerText = `404 - Known Spam Post #${post_id} doesn't exist.`;
-            }
+            console.log(json);
+            pageInfoText.innerText = 'Known Spam Post';
 
             json.forEach(function(p) {
-                pageInfoText.innerText = 'Known Spam Post #' + post_id;
                 var postElem = renderPostElem(p);
                 postSectionElem.appendChild(postElem);
                 reasonsSectionElem.appendChild(renderReasons(p))

style.css

@@ -60,8 +60,7 @@ header {
   color: hsl(300, 100%, 75%)
 }
 
-.post--header span,
-.post--header a {
+.post--header span {
   flex: 1;
 }
 
@@ -70,13 +69,8 @@ span.post--header_action {
     flex-grow: 0;
 }
 
-.post--header_action {
-    margin-left: 0.5em;
-}
-
 span.post--is_illegal {
     color: orange;
-    line-height: 1.8em;
     font-weight: bold;
     font-family: monospace;
     text-transform: uppercase;