Mercurial > libervia-templates
changeset 96:94b5806b9e2f
blog/item: various improvments:
- title and publication date are now clickable if HTTP link of item is set
- show labels (aka tags/categories)
- text only content in body is urlized
author | Goffi <goffi@goffi.org> |
---|---|
date | Fri, 19 Jan 2018 18:19:57 +0100 (2018-01-19) |
parents | e4ffb56efd4e |
children | e8955d01ad0c |
files | default/blog/item.html default/static/blog.css |
diffstat | 2 files changed, 47 insertions(+), 5 deletions(-) [+] |
line wrap: on
line diff
--- a/default/blog/item.html Fri Jan 19 18:17:06 2018 +0100 +++ b/default/blog/item.html Fri Jan 19 18:19:57 2018 +0100 @@ -30,24 +30,47 @@ <header> {% block header %} - <div class="title">{% block blog_title %}{{ item.title_xhtml or item.title or '' }}{% endblock %}</div> - {% block metadata %} + {# title and publication date link to a HTTP page if items_http_uri is set #} + {% set item_http_uri = items_http_uri.get(item.id) if items_http_uri is defined else none %} + + <div class="title"> + {% block blog_title scoped %} + {% set title = item.title_xhtml or item.title or '' %} + {% if item_http_uri %} + <a href="{{item_http_uri}}">{{title}}</a> + {% else %} + {{title}} + {% endif %} + {% endblock %} + </div> + {% block metadata scoped %} <div class="metadata"> {% if identities is defined %} <span class="author">{{identities[item.author_jid].nick | default(item.author)}}</span> {% else %} <span class="author">{{item.author}}</span> {% endif %} - <span class="blog_data">{{item.published|date_fmt(fmt=dates_format)}}</span> + {% set published = item.published|date_fmt(fmt=dates_format) %} + {% if item_http_uri %} + <span class="blog_data"><a href="{{item_http_uri}}">{{published}}</a></span> + {% else %} + {{- published -}} + {% endif %} </div> - + {% if item.tags %} + <div class="labels"> + {% for tag in item.tags %} + <span>{{tag}}</span> + {% endfor %} + </div> + {% endif %} {% endblock metadata %} {% endblock header %} </header> <div class="content{{' text' if not item.content_xhtml}}"> {% block content %} - {{- item.content_xhtml or item.content or '' -}} + {{- item.content_xhtml or item.content|urlize or '' -}} {% endblock content %} </div>
--- a/default/static/blog.css Fri Jan 19 18:17:06 2018 +0100 +++ b/default/static/blog.css Fri Jan 19 18:19:57 2018 +0100 @@ -18,6 +18,11 @@ /** header **/ +header a { + color: inherit; + text-decoration: inherit; +} + header .metadata { text-align: right; } @@ -30,6 +35,20 @@ content: ", "; } +/*** labels ***/ + +.labels { + text-align: right; +} + +.labels span { + font-variant: small-caps; + font-size: 0.8rem; + background-color: #ddd; + border-radius: 0.4em; + padding: 0 0.5em; +} + /** content **/