templates: fix error report with multiple messages

Fix the definition of javascript code to generate a correct
message window for multiple error messages.
The error is cause by a redefinition of 'let bgclass' in multiple
lines when the html template receives multiple error messages.
Each iteration to generate the code for the error messages tries
to redefine the variable bgclass and it causes the js to fail.

1 files changed, 4 insertions, 2 deletions

diff --git a/ogcp/templates/base.html b/ogcp/templates/base.html
index f43f4bd..0037f79 100644
--- a/ogcp/templates/base.html
+++ b/ogcp/templates/base.html
@@ -115,8 +115,9 @@
 
     <script>
         // error messages
+        $(document).ready(function() {
         {% for category, message in get_flashed_messages(with_categories=True) %}
-            let bgclass = 'bg-success';
+            var bgclass = 'bg-success';
             {% if category == 'info' %}
                 bgclass = 'bg-info';
             {% elif category == 'error' %}
@@ -129,9 +130,10 @@
                 position: 'bottomRight',
                 autohide: true,
                 delay: 30000,
-                title: '{{ message }}',
+                title: {{ message|tojson|safe }},
             })
         {% endfor %}
+        });
     </script>
 
     {% block extrabody %}{% endblock %}