# HG changeset patch
# User Mads Kiilerich <mads@kiilerich.com>
# Date 2017-10-22 00:42:12
# Node ID 9491eb545fef8c2de1387b4e9816d35025d8bba1
# Parent  b16dac5c97e60697e291fdbeda1c343934cdafbb

styling: map pylonslib flash message categories to bootstrap alert classes

Error messages where shown without styling because they use the alert-error
class which doesn't exist in Bootstrap.

Pylonslib only support a few hardcoded categories. Map them to corresponding
Bootstrap classes.

diff --git a/kallithea/templates/base/flash_msg.html b/kallithea/templates/base/flash_msg.html
--- a/kallithea/templates/base/flash_msg.html
+++ b/kallithea/templates/base/flash_msg.html
@@ -1,8 +1,9 @@
 <div class="flash_msg">
     <% messages = h.flash.pop_messages() %>
     % if messages:
+        <% alert_categories = {'warning': 'alert-warning', 'notice': 'alert-info', 'error': 'alert-danger', 'success': 'alert-success'} %>
         % for message in messages:
-            <div class="alert alert-dismissable alert-${message.category}">
+            <div class="alert alert-dismissable ${alert_categories[message.category]}" role="alert">
               <button type="button" class="close" data-dismiss="alert" aria-hidden="true"><i class="icon-cancel-circled"></i></button>
               ${message}
             </div>