diff options
| author | Cédric Bonhomme <cedric@cedricbonhomme.org> | 2014-10-01 08:42:01 +0200 |
|---|---|---|
| committer | Cédric Bonhomme <cedric@cedricbonhomme.org> | 2014-10-01 08:42:01 +0200 |
| commit | e04b73d516f1cb1e62c5c92ff77f31bdcd268a78 (patch) | |
| tree | f50c365c45afd1b6ee273ab33f3e87ef588224b7 | |
| parent | Merge branch 'master' of bitbucket.org:cedricbonhomme/pyaggr3g470r (diff) | |
| download | newspipe-e04b73d516f1cb1e62c5c92ff77f31bdcd268a78.tar.gz newspipe-e04b73d516f1cb1e62c5c92ff77f31bdcd268a78.tar.bz2 newspipe-e04b73d516f1cb1e62c5c92ff77f31bdcd268a78.zip | |
Improved home page with tabs.
| -rw-r--r-- | pyaggr3g470r/templates/home.html | 49 | ||||
| -rw-r--r-- | pyaggr3g470r/templates/layout.html | 13 |
2 files changed, 35 insertions, 27 deletions
diff --git a/pyaggr3g470r/templates/home.html b/pyaggr3g470r/templates/home.html index 5c9cf0f7..5e9180fa 100644 --- a/pyaggr3g470r/templates/home.html +++ b/pyaggr3g470r/templates/home.html @@ -53,33 +53,28 @@ </div> <div class="container col-md-9"> <div id="filters" data-filter="{{ filter_ }}"> - {% if filter_ == 'all' %}<b>{% endif %} - <a href="{{ gen_url(filter_='all') }}">{{ _('All') }}</a> - {% if filter_ == 'all' %}</b>{% endif %} - | - {% if filter_ == 'read' %}<b>{% endif %} - <a href="{{ gen_url(filter_='read') }}">{{ _('Read') }}</a> - {% if filter_ == 'read' %}</b>{% endif %} - | - {% if filter_ == 'unread' %}<b>{% endif %} - <a href="{{ gen_url(filter_='unread') }}">{{ _('Unread') }}</a> - {% if filter_ == 'unread' %}</b>{% endif %} - - - {% if limit == 10 %}<b>{% endif %} - <a href="{{ gen_url(limit=10) }}">{{ _(10) }}</a> - {% if limit == 10 %}</b>{% endif %} - | - {% if limit == 100 %}<b>{% endif %} - <a href="{{ gen_url(limit=100) }}">{{ _(100) }}</a> - {% if limit == 100 %}</b>{% endif %} - | - {% if limit == 1000 %}<b>{% endif %} - <a href="{{ gen_url(limit=1000) }}">{{ _(1000) }}</a> - {% if limit == 1000 %}</b>{% endif %} - | - {% if limit == 'all' %}<b>{% endif %} - <a href="{{ gen_url(limit='all') }}">{{ _('All') }}</a> - {% if limit == 'all' %}</b>{% endif %} + <ul id="myTab" class="nav nav-tabs" role="tablist"> + <li id="tab-all"><a href="{{ gen_url(filter_='all') }}">{{ _('All') }}</a></li> + <li id="tab-read"><a href="{{ gen_url(filter_='read') }}">{{ _('Read') }}</a></li> + <li id="tab-unread"><a href="{{ gen_url(filter_='unread') }}">{{ _('Unread') }}</a></li> + </ul> + <div id="nbdisplay"> + {% if limit == 10 %}<b>{% endif %} + <a href="{{ gen_url(limit=10) }}">{{ _(10) }}</a> + {% if limit == 10 %}</b>{% endif %} + | + {% if limit == 100 %}<b>{% endif %} + <a href="{{ gen_url(limit=100) }}">{{ _(100) }}</a> + {% if limit == 100 %}</b>{% endif %} + | + {% if limit == 1000 %}<b>{% endif %} + <a href="{{ gen_url(limit=1000) }}">{{ _(1000) }}</a> + {% if limit == 1000 %}</b>{% endif %} + | + {% if limit == 'all' %}<b>{% endif %} + <a href="{{ gen_url(limit='all') }}">{{ _('All') }}</a> + {% if limit == 'all' %}</b>{% endif %} + </div> </div> {% if articles | count != 0%} <div class="table-responsive"> diff --git a/pyaggr3g470r/templates/layout.html b/pyaggr3g470r/templates/layout.html index 5509cc4d..b02bdf07 100644 --- a/pyaggr3g470r/templates/layout.html +++ b/pyaggr3g470r/templates/layout.html @@ -167,5 +167,18 @@ deployed on Heroku or on a traditional server." /> <script src="{{ url_for('.static', filename = 'js/jquery.js') }}"></script> <script src="{{ url_for('.static', filename = 'js/bootstrap.js') }}"></script> <script src="{{ url_for('.static', filename = 'js/articles.js') }}"></script> + <script type="text/javascript" class="source"> + $(document).ready(function() { + if (window.location.href.indexOf("unread") > -1) { + $("#tab-unread").attr('class', "active"); + } + else if (window.location.href.indexOf("read") > -1) { + $("#tab-read").attr('class', "active"); + } + else { + $("#tab-all").attr('class', "active"); + } + }); + </script> </body> </html> |