From 4c2ec96e6bd7a741dbe88b310f3721e9774d81f1 Mon Sep 17 00:00:00 2001
From: Trevor Slocum <trevor@rocketnine.space>
Date: Fri, 11 Jun 2021 00:31:40 -0700
Subject: [PATCH] Add post type hint to reflinks

Resolves #226.
---
 css/burichan.css  |  6 +++---
 imgboard.php      |  1 +
 inc/functions.php |  3 ++-
 inc/html.php      |  2 +-
 js/tinyib.js      | 22 +++++++++++++---------
 5 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/css/burichan.css b/css/burichan.css
index 8d922b6..c782009 100644
--- a/css/burichan.css
+++ b/css/burichan.css
@@ -190,9 +190,9 @@ hr {
 }
 
 .reply {
-	background: #D6DAF0;
-	color: #000000;
-	font-family: serif;
+	background: #D6DAF0 !important;
+	color: #000000 !important;
+	font-family: serif !important;
 }
 
 .replyhl {
diff --git a/imgboard.php b/imgboard.php
index 5fae100..3092bd7 100644
--- a/imgboard.php
+++ b/imgboard.php
@@ -572,6 +572,7 @@ if (!isset($_GET['delete']) && !isset($_GET['manage']) && (isset($_POST['name'])
 	if (isset($_GET['res'])) {
 		$html = fixLinksInRes($html);
 	}
+
 	echo $html;
 	die();
 // Check if the request is to auto-refresh a thread
diff --git a/inc/functions.php b/inc/functions.php
index d76ff2c..f85b792 100644
--- a/inc/functions.php
+++ b/inc/functions.php
@@ -176,7 +176,8 @@ function fixLinksInRes($html) {
 function _postLink($matches) {
 	$post = postByID($matches[1]);
 	if ($post) {
-		return '<a href="res/' . ($post['parent'] == TINYIB_NEWTHREAD ? $post['id'] : $post['parent']) . '.html#' . $matches[1] . '">' . $matches[0] . '</a>';
+		$is_op = $post['parent'] == TINYIB_NEWTHREAD;
+		return '<a href="res/' . ($is_op ? $post['id'] : $post['parent']) . '.html#' . $matches[1] . '" class="' . ($is_op ? 'refop' : 'refreply') . '">' . $matches[0] . '</a>';
 	}
 	return $matches[0];
 }
diff --git a/inc/html.php b/inc/html.php
index 2d79cf7..944343e 100644
--- a/inc/html.php
+++ b/inc/html.php
@@ -441,7 +441,7 @@ function backlinks($post) {
 	if ($return != '') {
 		$return = '&nbsp;' . $return;
 	}
-	return ' <small><span id="reflinks' . $post['id'] . '" class="reflink">' . $return . '</span></small>';
+	return ' <small><span id="backlinks' . $post['id'] . '" class="backlinks">' . $return . '</span></small>';
 }
 
 function buildPost($post, $res, $compact=false) {
diff --git a/js/tinyib.js b/js/tinyib.js
index da4c823..aaabb19 100644
--- a/js/tinyib.js
+++ b/js/tinyib.js
@@ -240,15 +240,15 @@ function setPostAttributes(element, autorefresh) {
             }
 
             if (enablebacklinks && autorefresh) {
-                reflinks = $('#reflinks' + m[1]);
-                if (reflinks) {
-                    if (reflinks.html() == '') {
-                        reflinks.append('&nbsp;');
+                backlinks = $('#backlinks' + m[1]);
+                if (backlinks) {
+                    if (backlinks.html() == '') {
+                        backlinks.append('&nbsp;');
                     } else {
-                        reflinks.append(', ');
+                        backlinks.append(', ');
                     }
-                    reflinks.append('<a href="' + $(element).attr('postLink') + '">&gt;&gt;' + $(element).attr('postID') + '<a>');
-                    setPostAttributes(reflinks, false);
+                    backlinks.append('<a href="' + $(element).attr('postLink') + '">&gt;&gt;' + $(element).attr('postID') + '<a>');
+                    setPostAttributes(backlinks, false);
                 }
             }
 
@@ -275,11 +275,15 @@ function setPostAttributes(element, autorefresh) {
                     } else if (refpost.html() && refpost.html() != undefined) {
                         preview.className = 'hoverpost';
                         $(preview).html(refpost.html());
-                        if (refpost.hasClass('reply')) {
+                        if (refpost.prop("tagName").toLowerCase() == 'td') {
                             $(preview).addClass('reply');
                         }
                     } else {
-                        $(preview).html('<div class="hoverpost" style="padding: 14px;">Loading...</div>');
+                        extraclasses = '';
+                        if ($(this).hasClass('refreply')) {
+                            extraclasses = ' reply';
+                        }
+                        $(preview).html('<div class="hoverpost' + extraclasses + '" style="padding: 14px;">Loading...</div>');
                         $(preview).fadeIn(125);
                         $.ajax({
                             url: base_url + $(this).attr('refID'),