aboutsummaryrefslogtreecommitdiff
path: root/pyaggr3g470r/templates/home.html
diff options
context:
space:
mode:
authorCédric Bonhomme <cedric@cedricbonhomme.org>2014-05-23 14:14:45 +0200
committerCédric Bonhomme <cedric@cedricbonhomme.org>2014-05-23 14:14:45 +0200
commit73be6e604e30f7c85bd10971020671f04d8f9b9f (patch)
tree2ee3b77cdd07ed4ca50fc4d3447a5f2d2163ee8d /pyaggr3g470r/templates/home.html
parentBootstrap badge to display the number of unread articles by feed. (diff)
downloadnewspipe-73be6e604e30f7c85bd10971020671f04d8f9b9f.tar.gz
newspipe-73be6e604e30f7c85bd10971020671f04d8f9b9f.tar.bz2
newspipe-73be6e604e30f7c85bd10971020671f04d8f9b9f.zip
New list menu for feeds.
Diffstat (limited to 'pyaggr3g470r/templates/home.html')
-rw-r--r--pyaggr3g470r/templates/home.html102
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 %}
bgstack15