fixed #7, javascript filter for pongo2 with context in this variable

website/project-files/css/main.css

@@ -193,7 +193,6 @@ label {font-weight:600;}
 }
 
 
-.boxen {}
 .boxen .col-sm-6 {padding:15px;}
 .box {
 	height:100%;
@@ -279,4 +278,13 @@ code.language-mermaid svg {
 	margin-left: auto;
 	margin-right: auto;
 	display: block;
+}
+
+.datum {
+	background-color: #2e2e2e;
+	padding: 5px;
+	font-size: 0.5em;
+	border-radius: 5px;
+	display:inline-block;
+	color: #fff;
 }

website/templates/base_blog.html

@@ -4,8 +4,8 @@
     {{ Body }}
     {% for e in fnRequest("https://cockpit.basiscms.de/api/collections/get/mark2webBlog?filter[published]=true&sort[date]=-1&limit=1").entries %}
         <h2>
-            <small>{{ e.date }}</small>
             {{ e.title }}
+            <div class="datum">{{ e.date|datum }}</div>
         </h2>
         {{ e.teaser|markdown }}
         {% if e.body %}
@@ -21,8 +21,8 @@
     {% endcomment %}
     {% for e in fnRequest("https://cockpit.basiscms.de/api/collections/get/mark2webBlog?filter[published]=true&sort[date]=-1&skip=1&limit=100").entries %}
         <h2>
-            <small>{{ e.date }}</small>
             {{ e.title }}
+            <div class="datum">{{ e.date|datum }}</div>
         </h2>
         {{ e.teaser|markdown }}
         {% if e.body %}

website/templates/base_blog_details.html

@@ -2,8 +2,8 @@
 
 {% block part0 %}
     <h1>
-        <small>{{ Data.details.date }}</small>
         {{ Data.details.title }}
+        <div class="datum">{{ Data.details.date|datum }}</div>
     </h1>
     {{ Data.details.teaser|markdown }}
 {% endblock part0 %}

website/templates/filters/datum.js

@@ -0,0 +1,13 @@
+function datum(str, param) {
+    if (!param) {
+        param = "$3.$2.$1";
+    }
+
+    /*
+    this.context.Meta.Title ist hier z.B. möglich
+    */
+
+    return str.replace(/^([0-9]+)[^0-9]+([0-9]+)[^0-9]+([0-9]+).*/, param)
+}
+
+datum;