From 29a2bc01237bd9d0ec3f9a8bba1caf12ff2afb2e Mon Sep 17 00:00:00 2001
From: Aevann1 <randomname42029@gmail.com>
Date: Sat, 23 Jul 2022 10:53:43 +0200
Subject: [PATCH] allow ppl to click on the reply icon again to hide the reply
 box

---
 files/assets/js/comments_v.js | 20 ++++++++++++--------
 files/templates/comments.html |  8 ++++----
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/files/assets/js/comments_v.js b/files/assets/js/comments_v.js
index 5f5ba4074..086c49645 100644
--- a/files/assets/js/comments_v.js
+++ b/files/assets/js/comments_v.js
@@ -62,18 +62,22 @@ function getSelectionTextHtml() {
 	return html;
 }
 
-function openReplyBox(id) {
+function ToggleReplyBox(id) {
 	const element = document.getElementById(id);
 	const textarea = element.getElementsByTagName('textarea')[0]
-	let text = getSelection().toString().trim()
-	if (text)
+	element.classList.toggle('d-none')
+
+	if (!element.classList.contains('d-none'))
 	{
-		textarea.value = '> ' + text
-		textarea.value = textarea.value.replace(/\n/g,"\n> ").replace(/\*/g,"\\*")
-		if (!textarea.value.endsWith('\n')) textarea.value += '\n'
+		let text = getSelection().toString().trim()
+		if (text)
+		{
+			textarea.value = '> ' + text
+			textarea.value = textarea.value.replace(/\n/g,"\n> ").replace(/\*/g,"\\*")
+			if (!textarea.value.endsWith('\n')) textarea.value += '\n'
+		}
+		textarea.focus()
 	}
-	element.classList.remove('d-none')
-	textarea.focus()
 }
 
 function toggleEdit(id){
diff --git a/files/templates/comments.html b/files/templates/comments.html
index 3dd4b1861..13166cabe 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -352,7 +352,7 @@
 								</li>
 																
 								{% if v %}
-									<a class="list-inline-item mr-3" role="button" onclick="openReplyBox('reply-to-{{c.id}}')"><i class="fas fa-reply" style="margin-top:0.35rem"></i></a>
+									<a class="list-inline-item mr-3" role="button" onclick="ToggleReplyBox('reply-to-{{c.id}}')"><i class="fas fa-reply" style="margin-top:0.35rem"></i></a>
 								{% endif %}
 								
 								<li class="list-inline-item">
@@ -449,7 +449,7 @@
 						<button class="btn caction py-0 nobackground px-1 text-muted copy-link" data-clipboard-text="{% if SITE == 'rdrama.net' %}https://rdrama.co{{c.shortlink}}{% else %}{{c.permalink}}{% endif %}"><i class="fas fa-copy"></i>Copy link</button>
 
 						{% if v %}
-							<button class="btn caction py-0 nobackground px-1 text-muted" role="button" onclick="openReplyBox('reply-to-{{c.id}}')"><i class="fas fa-reply" aria-hidden="true"></i>Reply</button>
+							<button class="btn caction py-0 nobackground px-1 text-muted" role="button" onclick="ToggleReplyBox('reply-to-{{c.id}}')"><i class="fas fa-reply" aria-hidden="true"></i>Reply</button>
 
 							<button class="btn caction py-0 nobackground px-1 text-muted" data-bs-toggle="modal" data-bs-target="#reportCommentModal" onclick="report_commentModal('{{c.id}}','{{c.author_name}}',)"><i class="fas fa-flag fa-fw"></i>Report</button>
 
@@ -611,7 +611,7 @@
 		{% endif %}
 
 		{% if request.path.startswith('/notifications') and c.level == 1 and c.sentto and not c.parent_submission and c.author_id != AUTOJANNY_ID %}
-			<a class="btn btn-primary mt-2" role="button" onclick="openReplyBox('reply-message-{{c.id}}')">Reply</a>
+			<a class="btn btn-primary mt-2" role="button" onclick="ToggleReplyBox('reply-message-{{c.id}}')">Reply</a>
 			<div id="reply-message-{{c.id}}" class="d-none">
 				<div id="comment-form-space-{{c.id}}" class="comment-write collapsed child">
 					<form id="reply-to-message-{{c.id}}" action="/reply" method="post" class="input-group" enctype="multipart/form-data">
@@ -864,7 +864,7 @@
 
 	{% if v %}
 		<script src="{{asset('js/marked.js')}}"></script>
-		<script src="/assets/js/comments_v.js?v=284"></script>
+		<script src="/assets/js/comments_v.js?v=285"></script>
 	{% endif %}
 
 	<script src="/assets/js/clipboard.js?v=250"></script>