From 15f3af244553ef8b559a4a97b09ff29bfdfbe9ec Mon Sep 17 00:00:00 2001
From: Walter Miller <walter@waltermiller.ca>
Date: Mon, 3 Nov 2025 03:15:12 -0500
Subject: [PATCH] add in a quick confirmation modal for shadowbanning

---
 files/assets/js/userpage_v.js                 | 18 +++++++++++++++++
 .../component/modal/shadowban_confirm.html    | 20 +++++++++++++++++++
 files/templates/userpage.html                 |  6 ++++--
 3 files changed, 42 insertions(+), 2 deletions(-)
 create mode 100644 files/templates/component/modal/shadowban_confirm.html

diff --git a/files/assets/js/userpage_v.js b/files/assets/js/userpage_v.js
index bc1b2f84c..e5a3db645 100644
--- a/files/assets/js/userpage_v.js
+++ b/files/assets/js/userpage_v.js
@@ -86,3 +86,21 @@ function submitFormAjax(e) {
 	postToast(null, form.getAttribute("action"), "POST", form, null);
 	return false;
 }
+
+function showShadowbanModal(username, userId, shadowbanId, unshadowbanId) {
+	document.getElementById('shadowbanUsername').textContent = username;
+	
+	const confirmButton = document.getElementById('confirmShadowban');
+	confirmButton.onclick = function() {
+		const shadowbanButton = document.getElementById(shadowbanId);
+		postToastSwitch(shadowbanButton, `/shadowban/${userId}`, 'POST', shadowbanId, unshadowbanId);
+		
+		const modal = bootstrap.Modal.getInstance(document.getElementById('shadowbanModal'));
+		if (modal) {
+			modal.hide();
+		}
+	};
+	
+	const modal = new bootstrap.Modal(document.getElementById('shadowbanModal'));
+	modal.show();
+}
diff --git a/files/templates/component/modal/shadowban_confirm.html b/files/templates/component/modal/shadowban_confirm.html
new file mode 100644
index 000000000..218bf8422
--- /dev/null
+++ b/files/templates/component/modal/shadowban_confirm.html
@@ -0,0 +1,20 @@
+<div class="modal fade" id="shadowbanModal" tabindex="-1" role="dialog" aria-labelledby="shadowbanModalTitle" aria-hidden="true">
+	<div class="modal-dialog modal-dialog-centered" role="document">
+		<div class="modal-content">
+			<div class="modal-header">
+				<h5 class="modal-title" id="shadowbanModalTitle">Confirm Shadowban</h5>
+				<button class="close" data-bs-dismiss="modal" aria-label="Close">
+					<span aria-hidden="true"><i class="far fa-times"></i></span>
+				</button>
+			</div>
+			<div class="modal-body">
+				<p>Are you sure you want to shadowban <strong id="shadowbanUsername"></strong>?</p>
+				<p class="text-muted">Shadowbanned users can still post and comment, but their content will be hidden from other users.</p>
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+				<button type="button" class="btn btn-danger" id="confirmShadowban">Shadowban User</button>
+			</div>
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/files/templates/userpage.html b/files/templates/userpage.html
index 465793b86..d819b57f8 100644
--- a/files/templates/userpage.html
+++ b/files/templates/userpage.html
@@ -222,7 +222,7 @@ <h1 class="font-weight-bolder h3 mb-0"><span {% if u.patron %}class="patron" sty
 						<pre></pre>
 						<pre></pre>
 
-						<a id="shadowban" class="{% if u.shadowbanned %}d-none{% endif %} btn btn-danger" role="button" onclick="postToastSwitch(this,'/shadowban/{{u.id}}','POST','shadowban','unshadowban');">Shadowban</a>
+						<a id="shadowban" class="{% if u.shadowbanned %}d-none{% endif %} btn btn-danger" role="button" onclick="showShadowbanModal('{{u.username}}', '{{u.id}}', 'shadowban', 'unshadowban')">Shadowban</a>
 
 						<a id="unshadowban" class="{% if not u.shadowbanned %}d-none{% endif %} btn btn-success" role="button" onclick="postToastSwitch(this,'/unshadowban/{{u.id}}','POST','shadowban','unshadowban');">Unshadowban</a>
 
@@ -468,7 +468,7 @@ <h1 class="h5 d-inline-block" style="color: #{{u.namecolor}}"><span {% if u.patr
 						<pre></pre>
 						<pre></pre>
 
-						<a id="shadowban2" class="{% if u.shadowbanned %}d-none{% endif %} btn btn-danger" role="button" onclick="postToastSwitch(this,'/shadowban/{{u.id}}','POST','shadowban2','unshadowban2');">Shadowban</a>
+						<a id="shadowban2" class="{% if u.shadowbanned %}d-none{% endif %} btn btn-danger" role="button" onclick="showShadowbanModal('{{u.username}}', '{{u.id}}', 'shadowban2', 'unshadowban2')">Shadowban</a>
 
 						<a id="unshadowban2" class="{% if not u.shadowbanned %}d-none{% endif %} btn btn-success" role="button" onclick="postToastSwitch(this,'/unshadowban/{{u.id}}','POST','shadowban2','unshadowban2');">Unshadowban</a>
 
@@ -617,5 +617,7 @@ <h1 class="h5 d-inline-block" style="color: #{{u.namecolor}}"><span {% if u.patr
 
 {% endblock %}
 
+{% include "component/modal/shadowban_confirm.html" %}
+
 {% block GIFpicker %}
 {% endblock %}