add close button to service message on regie page

diff --git a/panikdb/regie/templates/regie-home.html b/panikdb/regie/templates/regie-home.html
index 25a91936f81b06b9ccb75b2586fce4c533bf1199..33267968b4cf5337d391f354d2a2b6a1723c104b 100644 (file)
--- a/panikdb/regie/templates/regie-home.html
+++ b/panikdb/regie/templates/regie-home.html
@@ -26,9 +26,11 @@
 </div>
 
 {% if service_message.text %}
-<div class="block {{service_message.style}}notice">
+<div class="block {{service_message.style}}notice service-message">
   {{service_message.text|safe}}
+  <a class="close" aria-hidden="true">×</a>
 </div>
+<script>$('.service-message .close').on('click', function() { $('.service-message').remove() }); </script>
 {% endif %}
 
 <div id="clock">

diff --git a/panikdb/static/css/style.scss b/panikdb/static/css/style.scss
index 66124efa140e4826427cbd1e7106b6b14fca212c..19bacdcc2cf4ff50cfe5d15e87cc9e067f928149 100644 (file)
--- a/panikdb/static/css/style.scss
+++ b/panikdb/static/css/style.scss
@@ -690,6 +690,20 @@ form#track-search button {
                        }
                }
        }
+       .service-message {
+               position: relative;
+               a.close {
+                       position: absolute;
+                       top: 0;
+                       right: 0;
+                       padding: 0 0.5em;
+                       text-decoration: none;
+                       border: none;
+                       cursor: pointer;
+                       color: black;
+                       font-weight: bold;
+               }
+       }
 }
 
 #add-track-form {