From 472bd6f629c7cbd8a38cc3ce3635ea311a3f3f17 Mon Sep 17 00:00:00 2001
From: Luca <Luca@hackerspace-bamberg.de>
Date: Wed, 20 Apr 2022 00:42:02 +0200
Subject: [PATCH] Move notifications into container

---
 shiftregister/app/templates/helper_base.html | 13 ++++---------
 shiftregister/team/templates/team_base.html  |  1 +
 templates/base.html                          |  8 ++------
 templates/notifications.html                 |  6 ++++++
 4 files changed, 13 insertions(+), 15 deletions(-)
 create mode 100644 templates/notifications.html

diff --git a/shiftregister/app/templates/helper_base.html b/shiftregister/app/templates/helper_base.html
index 581516a..5164754 100644
--- a/shiftregister/app/templates/helper_base.html
+++ b/shiftregister/app/templates/helper_base.html
@@ -9,17 +9,12 @@
 {% endblock %}
 
 {% block body %}
-{% if helper %}
-<section class="hero">
-    <div class="container">
-        <div class="hero-body">
-            <h1 class="title">Hallo {{ helper.name }}!</h1>
-        </div>
-    </div>
-</section>
-{% endif %}
 <section class="section">
     <div class="container">
+{% include 'notifications.html' %}
+{% if helper %}
+        <h1 class="title">Hallo {{ helper.name }}!</h1>
+{% endif %}
 {% block content %}{% endblock %}
     </div>
 </section>
diff --git a/shiftregister/team/templates/team_base.html b/shiftregister/team/templates/team_base.html
index ffc5436..00a91fd 100644
--- a/shiftregister/team/templates/team_base.html
+++ b/shiftregister/team/templates/team_base.html
@@ -10,6 +10,7 @@
 {% block body %}
 <section class="section">
     <div class="container">
+{% include 'notifications.html' %}
 {% block content %}{% endblock %}
     </div>
 </section>
diff --git a/templates/base.html b/templates/base.html
index 3ed456e..61c4a4a 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -18,13 +18,9 @@
             </div>
         </div>
     </nav>
-{% for message in messages %}
-    <div class="notification{% for tag in message.tags.split %} is-{{ tag }}{% endfor %}">
-        <button class="delete"></button>
-        {{ message }}
-    </div>
-{% endfor %}
 {% block body %}
+{% include 'notifications.html' %}
 {% endblock %}
+    <script>document.querySelectorAll('.delete').forEach(btn => btn.addEventListener('click', event => event.target.parentElement.remove()));</script>
 </body>
 </html>
diff --git a/templates/notifications.html b/templates/notifications.html
new file mode 100644
index 0000000..b406614
--- /dev/null
+++ b/templates/notifications.html
@@ -0,0 +1,6 @@
+{% for message in messages %}
+    <div class="notification{% for tag in message.tags.split %} is-{{ tag }}{% endfor %}">
+        <button class="delete"></button>
+        {{ message }}
+    </div>
+{% endfor %}