add date to card view

gawa/blog/templates/blog/blogpost.html

@@ -1,13 +1,21 @@
 {% extends 'base.html' %}
 {% load i18n %}
+{% load helper_tags %}
 {% get_current_language as LANGUAGE_CODE %}
-{% block languagecode %}{{ LANGUAGE_CODE }}{% endblock languagecode %}
-{% block title %}{% translate "cscherr.de" %} - {% translate "Blog" %}{% endblock title %}
+{% block languagecode %}
+    {{ LANGUAGE_CODE }}
+{% endblock languagecode %}
+{% block title %}
+    {% translate "cscherr.de" %} - {% translate "Blog" %}
+{% endblock title %}
 {% block nav %}
     {% include 'nav.html' %}
 {% endblock nav %}
 {% block headscripts %}
-<script type="text/javascript" id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3.0.0/es5/tex-mml-chtml.js"></script>
+    <script type="text/javascript"
+            id="MathJax-script"
+            async
+            src="https://cdn.jsdelivr.net/npm/mathjax@3.0.0/es5/tex-mml-chtml.js"></script>
 {% endblock headscripts %}
 {% block main %}
     <div class="container-xl">
@@ -16,14 +24,26 @@
                 <div class="row">
                     <div class="col">
                         {% if LANGUAGE_CODE == "de" %}
-                    <h1 class="">{{ post.title_de }}<br>
-                    <small class="fs-4">{{ post.subtitle_de }}</small></h1><br>
+                            <h1 class="">
+                                {{ post.title_de }}
+                                <br>
+                                <small class="fs-4">{{ post.subtitle_de }}</small>
+                            </h1>
+                            <br>
                         {% elif LANGUAGE_CODE == "en" %}
-                    <h1 class="">{{ post.title_en }}<br>
-                    <small class="fs-4">{{ post.subtitle_en }}</small></h1><br>
+                            <h1 class="">
+                                {{ post.title_en }}
+                                <br>
+                                <small class="fs-4">{{ post.subtitle_en }}</small>
+                            </h1>
+                            <br>
                         {% else %}
-                    <h1 class="">{{ post.title_en }}<br>
-                    <small class="fs-4">{{ post.subtitle_en }}</small></h1><br>
+                            <h1 class="">
+                                {{ post.title_en }}
+                                <br>
+                                <small class="fs-4">{{ post.subtitle_en }}</small>
+                            </h1>
+                            <br>
                         {% endif %}
                     </div>
                 </div>
@@ -33,8 +53,8 @@
                             <img src="{{ post.thumbnail.url }}" alt="thumbnail" class="img-fluid">
                         </picture>
                     </div>
-                <div class="col px-3">
-                    <div class="col">
+                    <div class="row px-3">
+                        <div class="">
                             {% if LANGUAGE_CODE == "de" %}
                                 <p class="lead">{{ post.desc_de }}</p>
                             {% elif LANGUAGE_CODE == "en" %}
@@ -43,11 +63,10 @@
                                 <p class="lead">{{ post.desc_en }}</p>
                             {% endif %}
                         </div>
-                    <div class="col">
-                        <p>{{ post.date }}</p>
-                    </div>
-                    <div class="col">
-                        <p>{{ post.category.name }}</p>
+                        <div class="">
+                            <p>
+                                <b>{{ post.category.name }}<b>
+                                </p>
                             </div>
                         </div>
                     </div>
@@ -63,6 +82,16 @@
                     {% endif %}
                 </div>
                 <hr>
+                <div class="row text-center">
+                    <div class="col">
+                        {% format_time post.date as date %}
+                        <p>{% trans "published" %}: {{ date }}</p>
+                    </div>
+                    <div class="col">
+                        {% format_time post.update as update %}
+                        <p>{% trans "updated" %}: {{ update }}</p>
+                    </div>
+                </div>
             </article>
         </div>
         {% include 'blog/featured.html' %}

gawa/blog/templates/blog/featured.html

@@ -1,4 +1,5 @@
 {% load i18n %}
+{% load helper_tags %}
 {% get_current_language as LANGUAGE_CODE %}
 <div class="container-lg mt-5">
     <h4 class="">{% trans "Featured" %}</h4>
@@ -45,6 +46,12 @@
                             {% endfor %}
                         </ul>
                     </div>
+                    <div class="container p-1 text-center" style="border-top: solid">
+                        <li class="list-group-item">
+                            {% format_time post.date "%F" as date %}
+                            {% trans "published" %}: {{ date }}
+                        </li>
+                    </div>
                 </a>
             </div>
         {% endfor %}

gawa/start/templatetags/helper_tags.py

@@ -1,6 +1,7 @@
 from django.template import Library
 from django.urls import resolve, reverse
 from django.utils.translation import activate, get_language
+from datetime import datetime
 
 import re
 
@@ -9,6 +10,9 @@ logger = logging.getLogger(__name__)
 
 register = Library()
 
+@register.simple_tag
+def format_time(timestamp: datetime, format: str = "%F %H:%M:%S") -> str:
+    return timestamp.strftime(format)
 
 @register.simple_tag(takes_context=True)
 def change_lang(context, lang="de", *args, **kwargs):