From b429058b0c737616c3d804d97a3c7e2dcbf69737 Mon Sep 17 00:00:00 2001
From: Cédric Bonhomme <cedric@cedricbonhomme.org>
Date: Fri, 23 May 2014 11:34:51 +0200
Subject: Bootstrap badge to display the number of unread articles by feed.

---
 pyaggr3g470r/templates/home.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

(limited to 'pyaggr3g470r/templates/home.html')

diff --git a/pyaggr3g470r/templates/home.html b/pyaggr3g470r/templates/home.html
index f10d4e11..94e4d736 100644
--- a/pyaggr3g470r/templates/home.html
+++ b/pyaggr3g470r/templates/home.html
@@ -7,14 +7,19 @@
         {% for feed in result|sort(attribute="title") %}
             <div class="row">
                 <div class="col-md-6 col-md-offset-3">
-                <h1>{{ feed.title|safe }}</h1>
+                <h1>{{ feed.title|safe }}
+                {% if unread[feed.id] != 0 %}
+                    <a href="/unread/{{ feed.id  }}" title="Unread articles"><span class="badge">{{ unread[feed.id] }}</span></a>
+                {% endif %}</h1>
                 <a href="/articles/{{ feed.id }}/100"><i class="glyphicon glyphicon-th-list" title="{{ _('More articles') }}"></i></a>
                 <a href="/feed/{{ feed.id }}"><i class="glyphicon glyphicon-info-sign" title="{{ _('Details') }}"></i></a>
                 <a href="/edit_feed/{{ feed.id }}"><i class="glyphicon glyphicon-edit" title="{{ _('Edit this feed') }}"></i></a>
                 {% if feed.enabled %}
                     <a href="/fetch/{{ feed.id }}"><i class="glyphicon glyphicon-cloud-download" title="{{ _('Fetch this feed') }}"></i></a>
                 {% endif %}
-                <a href="/mark_as_read/{{ feed.id }}"><i class="glyphicon glyphicon-check" title="{{ _('Mark all as read') }}"></i></a>
+                {% if unread[feed.id] != 0 %}
+                    <a href="/mark_as_read/{{ feed.id }}"><i class="glyphicon glyphicon-check" title="{{ _('Mark all as read') }}"></i></a>
+                {% endif %}
                 </div>
             </div>
             {% for number in range(0, feed.articles.all()|count-(feed.articles.all()|count % 3), 3) %}
-- 
cgit