app/templates/notifications/list.html

   1 {% extends "base.html" %}
   2
   3 {% block title %}
   4 Notifications
   5 {% endblock %}
   6
   7 {% block content %}
   8         {% if current_user.notifications %}
   9                 <form method="post" action="{{ url_for('notifications.clear') }}" class="float-right">
  10                         <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
  11                         <input type="submit" class="btn btn-primary" value="Clear All" />
  12                 </form>
  13         {% endif %}
  14
  15         <h1>Notifications</h1>
  16
  17         <div class="list-group mt-3">
  18                 {% for n in current_user.notifications %}
  19                         <a class="list-group-item list-group-item-action" href="{{ n.url }}">
  20                                 <div class="row">
  21                                         {% if n.package %}
  22
  23                                                 <div class="col-sm-auto text-muted">
  24                                                         <img
  25                                                                 class="img-responsive"
  26                                                                 style="max-height: 22px; max-width: 22px;"
  27                                                                 src="{{ n.package.getThumbnailURL(1) }}" />
  28
  29                                                         <span class="pl-2">
  30                                                                 {{ n.package.title }}
  31                                                         </span>
  32                                                 </div>
  33                                         {% endif %}
  34
  35                                         <div class="col-sm">
  36                                                 {{ n.title}}
  37                                         </div>
  38
  39                                         <div class="col-sm-auto text-muted text-right">
  40                                                 <span class="pr-2">{{ n.causer.display_name }}</span>
  41                                                 <img
  42                                                         class="img-responsive user-photo img-thumbnail img-thumbnail-1"
  43                                                         style="max-height: 22px;"
  44                                                         src="{{ n.causer.getProfilePicURL() }}" />
  45                                         </div>
  46                                 </div>
  47                         </a>
  48                 {% else %}
  49                         <p class="list-group-item"><i>No notifications</i></p>
  50                 {% endfor %}
  51         </ul>
  52 {% endblock %}