Mercurial > libervia-templates
annotate sat_templates/templates/default/blog/articles.html @ 166:178f55b825b7
small refactoring/redesign, better BEM integration:
- blog has been redesigned, and almost all blog CSS has been made generic and moved to main styles.css file.
- better noscript handling, dynamic elements are created using "magic" classes (dom_update.js)
- using better icons for older/newer messages
- better state handling, classes now use "state_XXX"
- more classes now use BEM convention
- menu labels have been moved to a separate template (components/menu_labels.html), so it can be overriden easily by other sites
- better styles.css organisation
author | Goffi <goffi@goffi.org> |
---|---|
date | Wed, 03 Oct 2018 21:00:24 +0200 |
parents | e9f0a4215e46 |
children | d586ea13cfed |
rev | line source |
---|---|
10
8b5615a1bf3d
articles, input: use new embedding mechanism in articles + new macros to build forms and inputs
Goffi <goffi@goffi.org>
parents:
8
diff
changeset
|
1 {% if not embedded %}{% extends 'base/base.html' %}{% endif %} |
114
1d0ddeb79903
blog/article: set "single" variable when a single article is shown, and expand items in this case
Goffi <goffi@goffi.org>
parents:
113
diff
changeset
|
2 {% set single = items|length == 1 %} |
113
e96a3e09d4e9
blog/articles: use short dates when severals items are shown because the page is cached, and relative for single view.
Goffi <goffi@goffi.org>
parents:
111
diff
changeset
|
3 {% set dates_format='relative' if single else 'short' %} |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
4 {% import 'components/avatar.html' as avatar with context %} |
49
f19e9f5e43b0
blog: moved items rendering to a macro + handle new date filter + handle identities
Goffi <goffi@goffi.org>
parents:
43
diff
changeset
|
5 {% import 'blog/macros.html' as blog with context %} |
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
114
diff
changeset
|
6 {% import 'input/navigation.html' as navigation with context %} |
0 | 7 |
152
da2c0dc7c1ff
blog/articles: work around for titles
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
8 {%- block title scoped -%} |
da2c0dc7c1ff
blog/articles: work around for titles
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
9 {%- if not embedded -%} |
da2c0dc7c1ff
blog/articles: work around for titles
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
10 {%- if single -%} |
da2c0dc7c1ff
blog/articles: work around for titles
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
11 {{- items[0].title|default(items[0].content, true)|truncate(60, True, '…') + ' - ' + C.APP_NAME -}} |
da2c0dc7c1ff
blog/articles: work around for titles
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
12 {%- else -%} |
da2c0dc7c1ff
blog/articles: work around for titles
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
13 {{C.APP_NAME}} |
da2c0dc7c1ff
blog/articles: work around for titles
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
14 {# {{- super() -}} |
da2c0dc7c1ff
blog/articles: work around for titles
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
15 FIXME: super() is failing if blog is embedded (i.e. base/base.html is not its direct parent) |
da2c0dc7c1ff
blog/articles: work around for titles
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
16 not sure what's the best way to avoid that, so just using C.APP_NAME for now #} |
da2c0dc7c1ff
blog/articles: work around for titles
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
17 {%- endif -%} |
95
e4ffb56efd4e
blog/articles: if only one item is shown, use it's title or content as page title.
Goffi <goffi@goffi.org>
parents:
93
diff
changeset
|
18 {%- endif -%} |
102
7108731be0b9
blog/articles: don't set content in title block if embedded, to avoid exception with missing parent title
Goffi <goffi@goffi.org>
parents:
95
diff
changeset
|
19 {%- endblock title -%} |
95
e4ffb56efd4e
blog/articles: if only one item is shown, use it's title or content as page title.
Goffi <goffi@goffi.org>
parents:
93
diff
changeset
|
20 |
0 | 21 {% block body %} |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
22 {{ icon_defs('angle-double-left', 'angle-double-right') }} |
132
c70f405f9b86
blog (articles): show a message when no article is found
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
23 {% if items %} |
c70f405f9b86
blog (articles): show a message when no article is found
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
24 <div id="blog_items"> |
c70f405f9b86
blog (articles): show a message when no article is found
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
25 {{ blog.show_items(items, expanded=single) }} |
c70f405f9b86
blog (articles): show a message when no article is found
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
26 </div> |
c70f405f9b86
blog (articles): show a message when no article is found
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
27 {% else %} |
c70f405f9b86
blog (articles): show a message when no article is found
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
28 <p class="message--info">{% trans %}No articles found in this blog!{% endtrans %}</p> |
c70f405f9b86
blog (articles): show a message when no article is found
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
29 {% endif %} |
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
114
diff
changeset
|
30 |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
114
diff
changeset
|
31 {{ navigation.prev_next(_("newer articles"), _("older articles")) }} |
0 | 32 {% endblock body %} |