diff options
| author | Cédric Bonhomme <cedric@cedricbonhomme.org> | 2014-05-23 14:14:45 +0200 |
|---|---|---|
| committer | Cédric Bonhomme <cedric@cedricbonhomme.org> | 2014-05-23 14:14:45 +0200 |
| commit | 73be6e604e30f7c85bd10971020671f04d8f9b9f (patch) | |
| tree | 2ee3b77cdd07ed4ca50fc4d3447a5f2d2163ee8d | |
| parent | Bootstrap badge to display the number of unread articles by feed. (diff) | |
| download | newspipe-73be6e604e30f7c85bd10971020671f04d8f9b9f.tar.gz newspipe-73be6e604e30f7c85bd10971020671f04d8f9b9f.tar.bz2 newspipe-73be6e604e30f7c85bd10971020671f04d8f9b9f.zip | |
New list menu for feeds.
| -rw-r--r-- | pyaggr3g470r/templates/home.html | 102 |
1 files changed, 59 insertions, 43 deletions
diff --git a/pyaggr3g470r/templates/home.html b/pyaggr3g470r/templates/home.html index 94e4d736..b254d38d 100644 --- a/pyaggr3g470r/templates/home.html +++ b/pyaggr3g470r/templates/home.html @@ -1,52 +1,68 @@ {% extends "layout.html" %} {% block content %} <div class="container"> - {% if result|count == 0 %} - <h1>{{ _('You are not subscribed to any feed.') }} <a href="/create_feed/">{{ _('Fix this.') }}</a></h1> - {% else %} - {% for feed in result|sort(attribute="title") %} - <div class="row"> - <div class="col-md-6 col-md-offset-3"> - <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 %} - {% 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) %} - <div class="row"> - {% for n in range(number, number+3) %} - <div class="col-xs-6 col-sm-4 col-md-4"> - {% if feed.articles[n].readed %}<h3>{% else %}<h1>{% endif %} - <a href="/article/{{ feed.articles[n].id }}">{{ feed.articles[n].title|safe }}</a> - {% if feed.articles[n].readed %}</h3>{% else %}</h1>{% endif %} - <h6>{{ feed.articles[n].date | datetime }}</h6> - </div> - {% endfor %} - </div> + <div classe="row"> + <div class="col-md-3"> + <ul class="nav nav-pills nav-stacked" ui-sortable="sortableOptions"> + {% for feed in result|sort(attribute="title") %} + <li> + <a href="#{{ feed.id }}"> + <span class="badge pull-right">{{ unread[feed.id] }}</span> + {{ feed.title|safe }} + </a> + </li> {% endfor %} - {% if feed.articles.all()|count % 3 != 0 %} - <div class="row"> - {% for n in range(feed.articles.all()|count-(feed.articles.all()|count % 3), feed.articles.all()|count) %} - <div class="col-xs-6 col-sm-4 col-md-4"> - {% if feed.articles[n].readed %}<h3>{% else %}<h1>{% endif %} - <a href="/article/{{ feed.articles[n].id }}">{{ feed.articles[n].title|safe }}</a> - {% if feed.articles[n].readed %}</h3>{% else %}</h1>{% endif %} - <h6>{{ feed.articles[n].date | datetime }}</h6> + </ul> + </div> + <div class="col-md-9"> + {% if result|count == 0 %} + <h1>{{ _('You are not subscribed to any feed.') }} <a href="/create_feed/">{{ _('Fix this.') }}</a></h1> + {% else %} + {% for feed in result|sort(attribute="title") %} + <div class="row" id="{{ feed.id }}"> + <div class="col-md-6 col-md-offset-3"> + <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 %} + {% 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) %} + <div class="row"> + {% for n in range(number, number+3) %} + <div class="col-xs-6 col-sm-4 col-md-4"> + {% if feed.articles[n].readed %}<h3>{% else %}<h1>{% endif %} + <a href="/article/{{ feed.articles[n].id }}">{{ feed.articles[n].title|safe }}</a> + {% if feed.articles[n].readed %}</h3>{% else %}</h1>{% endif %} + <h6>{{ feed.articles[n].date | datetime }}</h6> + </div> + {% endfor %} </div> {% endfor %} - </div> + {% if feed.articles.all()|count % 3 != 0 %} + <div class="row"> + {% for n in range(feed.articles.all()|count-(feed.articles.all()|count % 3), feed.articles.all()|count) %} + <div class="col-xs-6 col-sm-4 col-md-4"> + {% if feed.articles[n].readed %}<h3>{% else %}<h1>{% endif %} + <a href="/article/{{ feed.articles[n].id }}">{{ feed.articles[n].title|safe }}</a> + {% if feed.articles[n].readed %}</h3>{% else %}</h1>{% endif %} + <h6>{{ feed.articles[n].date | datetime }}</h6> + </div> + {% endfor %} + </div> + {% endif %} + {% endfor %} {% endif %} - {% endfor %} - {% endif %} + </div> + </div> </div><!-- /.container --> {% endblock %} |