From d5bc3484533e359e43b7d8514814cf9a8334201f Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Sun, 3 Aug 2025 10:40:42 +0200
Subject: [PATCH] feat: allow marking read with very ugly double delete class

---
 .../static/fellchensammlung/js/toggles.js        |  2 +-
 .../partials/partial-notification.html           | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/fellchensammlung/static/fellchensammlung/js/toggles.js b/src/fellchensammlung/static/fellchensammlung/js/toggles.js
index 9710081..5c6fe72 100644
--- a/src/fellchensammlung/static/fellchensammlung/js/toggles.js
+++ b/src/fellchensammlung/static/fellchensammlung/js/toggles.js
@@ -22,7 +22,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
 // Looks for all notifications with a delete and allows closing them when pressing delete
 document.addEventListener('DOMContentLoaded', () => {
-  (document.querySelectorAll('.notification .delete') || []).forEach(($delete) => {
+  (document.querySelectorAll('.notification .delete:not(.js-delete-excluded)') || []).forEach(($delete) => {
     const $notification = $delete.parentNode;
 
     $delete.addEventListener('click', () => {
diff --git a/src/fellchensammlung/templates/fellchensammlung/partials/partial-notification.html b/src/fellchensammlung/templates/fellchensammlung/partials/partial-notification.html
index e3dd5a3..0eaa7be 100644
--- a/src/fellchensammlung/templates/fellchensammlung/partials/partial-notification.html
+++ b/src/fellchensammlung/templates/fellchensammlung/partials/partial-notification.html
@@ -1,12 +1,14 @@
 {% load i18n %}
 {% load custom_tags %}
-<div class="notification">
-    <form class="delete" method="POST">
-        {% csrf_token %}
-        <input type="hidden" name="action" value="notification_mark_read">
-        <input type="hidden" name="notification_id" value="{{ notification.pk }}">
-        <button class="" type="submit" id="submit"></button>
-    </form>
+<div class="notification {% if not notification.read %}is-info is-light{% endif %}">
+    {% if not notification.read %}
+        <form class="delete js-delete-excluded" method="POST">
+            {% csrf_token %}
+            <input type="hidden" name="action" value="notification_mark_read">
+            <input type="hidden" name="notification_id" value="{{ notification.pk }}">
+            <button class="delete js-delete-excluded" type="submit" id="submit"></button>
+        </form>
+    {% endif %}
     <div class="notification-header">
         <a href="{{ notification.url }}"><b>{{ notification.title }}</b></a>
         <i class="card-timestamp">{{ notification.created_at|time_since_hr }}</i>