like click event

core/components/com_forum/site/assets/css/like.css

@@ -1,4 +1,8 @@
 /* Should put this in the comments.less file */
 ol.comments .comment-options a.like {
     float: right;
+}
+
+ol.comments .comment-options a.userLiked {
+    color: red;
 }

core/components/com_forum/site/assets/js/like.js

@@ -1 +1,18 @@
-console.log("like on site forum");
+console.log("like on site forum");
+
+window.addEventListener('DOMContentLoaded', (domEvent) => {
+    // Find all the "like" button
+    const likeButton = document.querySelectorAll('.comment-options .like')
+    if (likeButton.length) {
+        for(let i = 0; i < likeButton.length;i++) {
+            likeButton[i].onclick = (e) => {
+                e.preventDefault();
+
+                const dataId = likeButton[i].dataset.id
+                console.log("data id: " + dataId);
+
+                return false;
+            };
+        }
+    }
+});

core/components/com_forum/site/views/threads/tmpl/_comment.php

@@ -125,9 +125,10 @@
 						)
 					) { ?>
 				<p class="comment-options">
-					<!-- Like Comments -->
-					<a class="icon-like like" data-id="c<?php echo $this->comment->get('id'); ?>" href="<?php echo Route::url($this->comment->link('like')); ?>">
-                        LIKE
+                    <!-- Like Comments -->
+                    <!-- If user has liked it, should be red class="userLiked", if not gray -->
+                    <a class="icon-heart like" data-id="c<?php echo $this->comment->get('id'); ?>" href="<?php echo Route::url($this->comment->link('like')); ?>">
+                        Like
                     </a>
 					<?php if ((!$this->comment->get('parent') && $this->config->get('access-delete-thread')) || ($this->comment->get('parent') && $this->config->get('access-delete-post'))) { ?>
 						<a class="icon-delete delete" data-txt-confirm="<?php echo Lang::txt('COM_FORUM_CONFIRM_DELETE'); ?>" data-id="c<?php echo $this->comment->get('id'); ?>" href="<?php echo Route::url($this->comment->link('delete')); ?>"><!--