Edit tags management

Add a template with a config var to shorten taglist in article lists
Edit article_info template for better rendering of taglist
Edit article to re-order tags

content/ocp10.md

@@ -3,7 +3,7 @@ Date: 2018-11-24 11:11
 Category: Réalisations
 Status: Published
 Summary: Fini la facilité du PaaS et migration du projet Dango sur un VPS Digital Ocean
-Tags: git, python, django, openfoodfacts, postgresql, travis, ci, heroku, tdd, devops, debian, sentry, admin, cli
+Tags: django, travis, ci, cd, heroku, tdd, openfoodfacts, postgresql, devops, debian, sentry, admin, cli, git, python,
 
 ## Historique
 

content/ocp13.md

@@ -3,7 +3,7 @@ Date: 2018-12-20 11:11
 Category: Réalisations
 Status: Published
 Summary: Un outils de suivi de clientèle pour traivailleurs indépendants
-Tags: git, python, django, postgresql, travis, ci, heroku, tdd, devops, sentry, extrem-programming
+Tags: django, travis, ci, cd, heroku, tdd, sentry, postgresql, extrem-programming, devops, git, python,
 
 
 ## Note d'intention

content/ocp5.md

@@ -4,7 +4,7 @@ Category: Réalisations
 Slug: client-python-cli-api-openfoodfacts
 Status: published
 Summary: Client en ligne de commande manipulant les données d'OpenFoodFacts
-Tags: openfoodfacts, python, git, api-rest, cli, mariadb
+Tags: api-rest, cli, mariadb, openfoodfacts, python, git,
 
 
 - Recherche d'aliments alternatif dans la base [Open Food Facts][off]

content/ocp7.md

@@ -3,7 +3,7 @@ Date: 2018-09-17 11:11
 Category: Réalisations
 Status: Published
 Summary: Un chat bot web dans un contexte géographique
-Tags: git, python, flask, api-rest, bot, heroku, tdd
+Tags: flask, api-rest, heroku, tdd, bot, git, python,
 
 
 Dans une interface web, il est proposé de dialoguer dans un contexte géographique avec avec un _Grand Père virtuel_.

content/ocp8.md

@@ -2,7 +2,7 @@ Title: Le gras c'est la vie !
 Date: 2018-11-01 11:11
 Category: Réalisations
 Summary: Proposer un client web pour OpenFoodFacts qui propose des aliments de substitution
-Tags: git, python, django, openfoodfacts, postgresql, api-rest, heroku, tdd, extrem-programming, agile
+Tags: django, api-rest, heroku, tdd, extrem-programming, openfoodfacts, postgresql, agile, git, python,
 
 
 La startup **Pur Beurre**, avec laquelle vous avez [déjà travaillé][p5], souhaite développer une plateforme web qui permettra de trouver un substitut à un aliment considéré comme _trop gras, trop sucré, trop salé_.

mytheme/static/css/main.css

@@ -97,6 +97,8 @@ li { margin-top: 0.5em;
     float:right;
     margin:10px;
     padding:5px;
+    width: 200px;
+    background: #F5F4EF;
 }
 
 .post-info p{

mytheme/templates/archives.html

@@ -19,7 +19,7 @@
 <ul>
 {% for article in dates %}
     <li>
-        {{ article.date|strftime('%Y %b') }} » <a href="{{ SITEURL }}/{{ article.url }}" title="{{ article.summary }}">{{ article.title }}</a> - [ {% include 'taglist.html' %}]
+        {{ article.date|strftime('%Y %b') }} &raquo; <a href="{{ SITEURL }}/{{ article.url }}" title="{{ article.summary }}">{{ article.title }}</a> - [ {% include 'taglist_short.html' %}]
     </li>
 {% endfor %}
 </ul>

mytheme/templates/article_infos.html

@@ -1,4 +1,4 @@
-<footer class="post-info">
+<nav class="post-info">
     <p>Publié le {{ article.date|strftime('%d/%M/%Y') }}</p>
     {% if article.modified %}
     <p>Édité le {{ article.modified|strftime('%d/%M/%Y') }}</p>
@@ -13,7 +13,10 @@
     <p>
         Dans : <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
     </p>
+    <p>
+        Tags :
     {% include 'taglist.html' %}
+    </p>
     {% import 'translations.html' as translations with context %}
     <p>{{ translations.translations_for(article) }}</p>
-</footer><!-- /.post-info -->
+</nav><!-- /.post-info -->

mytheme/templates/period_archives.html

@@ -7,7 +7,7 @@
 <ul>
 {% for article in dates %}
     <li>
-        {{ article.date|strftime('%Y %b') }} » <a href="{{ SITEURL }}/{{ article.url }}" title="{{ article.summary }}">{{ article.title }}</a> - [ {% include 'taglist.html' %}]
+        {{ article.date|strftime('%Y %b') }} &raquo; <a href="{{ SITEURL }}/{{ article.url }}" title="{{ article.summary }}">{{ article.title }}</a> - [ {% include 'taglist_short.html' %}]
     </li>
 {% endfor %}
 </ul>

mytheme/templates/taglist_short.html

@@ -0,0 +1,11 @@
+{% if article.tags %}
+    <kbd>
+    {% for tag in article.tags %}
+        {% if loop.index < MAX_NB_TAG_IN_LIST %}
+        <a href="{{ SITEURL }}/{{ tag.url }}">{{ tag | escape }}</a>
+        {% elif loop.index == MAX_NB_TAG_IN_LIST %}
+        et plus!
+        {% endif %}
+    {% endfor %}
+    </kbd>
+{% endif %}

pelicanconf.py

@@ -71,3 +71,7 @@ YEAR_ARCHIVE_URL = 'articles/{date:%Y}/'
 
 # URL of the repo to link build commit
 REPO_COMMIT_URL = 'http://git.localhost/repo/commit'
+
+# Max number of tags displayed in achives
+# Used in template `taglist_sort.html`
+MAX_NB_TAG_IN_LIST = 8