Redesign notifications page

diff --git a/app/models.py b/app/models.py
index 4c61be1d64d24e4f073532ce19d13fea517de25c..3a9ddf491807953539f8943288b8e6836b5411df 100644 (file)
--- a/app/models.py
+++ b/app/models.py
@@ -84,7 +84,7 @@ class Permission(enum.Enum):
        APPROVE_RELEASE    = "APPROVE_RELEASE"
        APPROVE_NEW        = "APPROVE_NEW"
        CHANGE_RELEASE_URL = "CHANGE_RELEASE_URL"
-       CHANGE_USERNAMES       = "CHANGE_USERNAMES"
+       CHANGE_USERNAMES   = "CHANGE_USERNAMES"
        CHANGE_RANK        = "CHANGE_RANK"
        CHANGE_EMAIL       = "CHANGE_EMAIL"
        EDIT_EDITREQUEST   = "EDIT_EDITREQUEST"

diff --git a/app/templates/notifications/list.html b/app/templates/notifications/list.html
index 7f09e5d9fe655a57d9c21f418c4b00074c4e9094..8aab3ee9ab51a5a98698bba905677765de5e1b1e 100644 (file)
--- a/app/templates/notifications/list.html
+++ b/app/templates/notifications/list.html
@@ -6,18 +6,33 @@ Notifications
 
 {% block content %}
        {% if current_user.notifications %}
-               <form method="post" action="{{ url_for('notifications.clear') }}">
+               <form method="post" action="{{ url_for('notifications.clear') }}" class="float-right">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
-                       <input type="submit" value="Clear All" />
+                       <input type="submit" class="btn btn-primary" value="Clear All" />
                </form>
        {% endif %}
-       <ul>
+
+       <h1>Notifications</h1>
+
+       <div class="list-group mt-3">
                {% for n in current_user.notifications %}
-                       <li><a href="{{ n.url }}">
-                               {{ n.title}} [{{ n.causer.display_name }}]
-                       </a></li>
+                       <a class="list-group-item list-group-item-action" href="{{ n.url }}">
+                               <div class="row">
+                                       <div class="col-sm-auto">
+                                               {{ n.title}}
+                                       </div>
+
+                                       <div class="col-sm text-muted text-right">
+                                               <img
+                                                       class="img-responsive user-photo img-thumbnail img-thumbnail-1"
+                                                       style="max-height: 22px;"
+                                                       src="{{ n.causer.getProfilePicURL() }}" />
+                                               <span class="pl-1">{{ n.causer.display_name }}</span>
+                                       </div>
+                               </div>
+                       </a>
                {% else %}
-                       <li><i>No notifications</i></ul>
+                       <p class="list-group-item"><i>No notifications</i></p>
                {% endfor %}
        </ul>
 {% endblock %}