From a94c398633720ef075bf4ad10bb2da71a6c12a3b Mon Sep 17 00:00:00 2001
From: rubenwardy <rw@rubenwardy.com>
Date: Tue, 5 Mar 2024 18:05:13 +0000
Subject: [PATCH] Add disable all button to email notification settings

---
 app/public/static/js/email_disable_all.js | 10 ++++++++++
 app/templates/users/settings_email.html   |  7 ++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 app/public/static/js/email_disable_all.js

diff --git a/app/public/static/js/email_disable_all.js b/app/public/static/js/email_disable_all.js
new file mode 100644
index 00000000..f0f50322
--- /dev/null
+++ b/app/public/static/js/email_disable_all.js
@@ -0,0 +1,10 @@
+// @author rubenwardy
+// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-v3-or-Later
+
+"use strict";
+
+const disableAll = document.getElementById("disable-all");
+disableAll.classList.remove("d-none");
+disableAll.addEventListener("click", () => {
+	document.querySelectorAll("input[type='checkbox']").forEach(x => { x.checked = false; });
+});
diff --git a/app/templates/users/settings_email.html b/app/templates/users/settings_email.html
index 11b7002d..bacecf64 100644
--- a/app/templates/users/settings_email.html
+++ b/app/templates/users/settings_email.html
@@ -4,6 +4,10 @@
 	{{ _("Email and Notifications - %(username)s", username=user.username) }}
 {% endblock %}
 
+{% block scriptextra %}
+	<script src="/static/js/email_disable_all.js"></script>
+{% endblock %}
+
 {% block pane %}
 	<h2 class="mt-0">{{ _("Email and Notifications") }}</h2>
 
@@ -36,6 +40,7 @@
 
 		<p>
 			{{ _("Configure whether certain types of notifications are sent immediately, or as part of a daily digest.") }}
+			<button type="button" id="disable-all" class="btn btn-sm btn-secondary d-none ms-5">{{ _("Disable all") }}</button>
 		</p>
 
 		<table class="table">
@@ -60,7 +65,7 @@
 		</table>
 
 		<p class="mt-5">
-			{{ render_submit_field(form.submit, tabindex=280) }}
+			{{ render_submit_field(form.submit, tabindex=280, class_="btn btn-lg btn-primary") }}
 		</p>
 	</form>
 {% endblock %}