From 0492100ef7d00248114b88dd29749648c2198e62 Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Thu, 23 Jan 2025 11:51:40 +0100
Subject: [PATCH] display release feed

---
 src/views/account/VersionDisplay.vue | 34 ++++++++++++++++++++++++----
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/src/views/account/VersionDisplay.vue b/src/views/account/VersionDisplay.vue
index aff4a9b..a0b7b19 100644
--- a/src/views/account/VersionDisplay.vue
+++ b/src/views/account/VersionDisplay.vue
@@ -9,20 +9,44 @@
       <div class="h-full flex flex-col gap-4 px-7 overflow-hidden">
         <div class="h-1/2 flex flex-col gap-2 p-2 border border-gray-300 rounded-md">
           <div class="flex flex-row justify-between border-b-2 border-gray-300">
-            <h1 class="text-lg font-semibold">Client</h1>
+            <h1 class="text-xl font-semibold">Client</h1>
             <p>V{{ clientVersion }}</p>
           </div>
-          <div class="grow flex flex-col gap-2 overflow-y-scroll">
-            {{ newerClientVersions }}
+          <div class="grow flex flex-col gap-4 overflow-y-scroll">
+            <div v-for="version in newerClientVersions">
+              <p>
+                <span class="font-semibold text-lg">V{{ version.title }}</span> vom
+                {{
+                  new Date(version.isoDate).toLocaleDateString("de", {
+                    month: "long",
+                    day: "2-digit",
+                    year: "numeric",
+                  })
+                }}
+              </p>
+              <div class="flex flex-col" v-html="version['content:encoded']"></div>
+            </div>
           </div>
         </div>
         <div class="h-1/2 flex flex-col gap-2 p-2 border border-gray-300 rounded-md">
           <div class="flex flex-row justify-between border-b-2 border-gray-300">
-            <h1 class="text-lg font-semibold">Server</h1>
+            <h1 class="text-xl font-semibold">Server</h1>
             <p>V{{ serverVersion }}</p>
           </div>
           <div class="grow flex flex-col gap-2 overflow-y-scroll">
-            {{ newerServerVersions }}
+            <div v-for="version in newerServerVersions">
+              <p>
+                <span class="font-semibold text-lg">V{{ version.title }}</span> vom
+                {{
+                  new Date(version.isoDate).toLocaleDateString("de", {
+                    month: "long",
+                    day: "2-digit",
+                    year: "numeric",
+                  })
+                }}
+              </p>
+              <div class="flex flex-col" v-html="version['content:encoded']"></div>
+            </div>
           </div>
         </div>
       </div>