Mercurial > libervia-templates

changeset 30:69a2e3bf5e17

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
blog/item: if item is not in same language as current locale, item is hidden but will be shown on click.
author Goffi <goffi@goffi.org>
date Sat, 24 Jun 2017 20:27:12 +0200
parents 494d740aa3d6
children 2d5c4030cac5
files default/blog/item.html default/static/blog.css
diffstat 2 files changed, 38 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/default/blog/item.html	Sat Jun 24 20:25:39 2017 +0200
+++ b/default/blog/item.html	Sat Jun 24 20:27:12 2017 +0200
@@ -1,5 +1,15 @@
 {% block item %}
-<article id="{{ item.id }}" class="box" onclick="this.classList.toggle('clicked')">
+
+{% if item.language and locale and locale != item.language %}
+    {# we may display items in different language in a specific way #}
+    {% set other_lang = " other_lang" %}
+{% endif %}
+
+<article id="{{ item.id }}" class="init box{{other_lang}}" onclick="clicked_cls(this)">
+    {% if other_lang is defined %}
+        <div class="info"><p>{% trans language=locale.language_name %}This message is not in {{language}}, click to display anyway{% endtrans %}</p></div>
+    {% endif %}
+
     <header>
         {% block header %}
         <div class="title">{% block blog_title %}{{ item.title_xhtml or item.title or '' }}{% endblock %}</div>
@@ -24,5 +34,7 @@
             {% trans %}Click to to expand…{% endtrans %}
         </p>
     </div>
+
 </article>
+
 {% endblock item %}
--- a/default/static/blog.css	Sat Jun 24 20:25:39 2017 +0200
+++ b/default/static/blog.css	Sat Jun 24 20:27:12 2017 +0200
@@ -75,6 +75,31 @@
     display: initial;
 }
 
+article.other_lang>div.info {
+    display: none;
+}
+
+article.other_lang.init>* {
+    display: none;
+}
+
+article.other_lang.init>div.info {
+    display: initial;
+}
+
+article.other_lang.init>div.info>p {
+    margin: 0;
+    padding: 0.2em;
+    text-align: center;
+    font-style: italic;
+}
+
+article.other_lang.init {
+    border: none;
+    border-radius: 0;
+    padding: 0;
+}
+
 /**** comments ****/
 
 button.comments_btn {