From bda4a6cb1e5650722a9465a0013178c77e6a14a2 Mon Sep 17 00:00:00 2001
From: Kaibu <notkaibu@gmail.com>
Date: Sat, 8 Jun 2024 01:14:42 +0200
Subject: [PATCH] changelog changes

---
 src/UI.vue                         |  4 ++--
 src/components/ChangelogWindow.vue | 18 ++++++++++++++++--
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/UI.vue b/src/UI.vue
index f358c0d..6dc8fe0 100644
--- a/src/UI.vue
+++ b/src/UI.vue
@@ -166,7 +166,7 @@
             <v-window v-model="tab" class="h-100">
               <!-- Home -->
               <v-window-item :value="0">
-                <home-window :changelogs="api_data.changelogs" :news="news" @switch-tab="switchTab(3)"></home-window>
+                <home-window :changelogs="api_data.changelogs.slice(0, 1)" :news="news" @switch-tab="switchTab(3)"></home-window>
               </v-window-item>
               <!-- Mods -->
               <v-window-item :value="1">
@@ -183,7 +183,7 @@
 
               <!-- Changelogs -->
               <v-window-item :value="3">
-                <changelog-window :changelogs="api_data.changelogs"></changelog-window>
+                <changelog-window :changelogs="api_data.changelogs.slice(0, 15)"></changelog-window>
               </v-window-item>
 
               <!-- Tfar -->
diff --git a/src/components/ChangelogWindow.vue b/src/components/ChangelogWindow.vue
index cc82191..1303346 100644
--- a/src/components/ChangelogWindow.vue
+++ b/src/components/ChangelogWindow.vue
@@ -16,6 +16,9 @@
             </v-list-item-title>
           </v-list-item>
         </v-list>
+        <v-card-actions>
+          <v-btn @click="openURL('https://info.panthor.de/changelog')" block color="primary" variant="outlined" prepend-icon="mdi-open-in-new">Alle Changelogs</v-btn>
+        </v-card-actions>
       </v-card>
     </v-col>
     <v-col cols="9" style="overflow-y: scroll" :style="{ 'max-height': `${scroll_height-88}px` }" id="scrollContainer">
@@ -27,8 +30,12 @@
             year: '2-digit',
           })} - ${new Date(changelog.release_at).toLocaleTimeString([], { hour: '2-digit' })}` }}</span>
         </v-card-title>
+        <v-card-text v-if="changelog.note">
+          <v-code>{{ changelog.note }}</v-code>
+        </v-card-text>
         <v-card-subtitle v-if="changelog.change_mission.length > 0"><v-icon icon="mdi-map"></v-icon>
-          Mission</v-card-subtitle>
+          Mission <span v-if="changelog.size" class="float-end text-primary"><v-icon icon="mdi-file-download"></v-icon>
+          {{ changelog.size }} Download</span></v-card-subtitle>
         <v-card-text v-if="changelog.change_mission.length > 0">
           <v-list density="compact" class="pt-0">
             <v-list-item v-for="change in changelog.change_mission">
@@ -60,6 +67,8 @@
 
 <script lang="ts">
 import Changelog from '@/interfaces/ChangelogInterface';
+import PanthorUtils from '@/services/PanthorUtils.service';
+import { shell } from 'electron';
 import { useGoTo } from 'vuetify'
 
 export default {
@@ -72,7 +81,9 @@ export default {
     return { goTo }
   },
   data() {
-    return {};
+    return {
+      human_file_size: PanthorUtils.humanFileSize,
+    };
   },
   methods: {
     scrollTo(target: string) {
@@ -101,6 +112,9 @@ export default {
     formatChangeText(change: string) {
       return change.replace("Hinzugefügt:", "").replace("Behoben:", "").replace("Bearbeitet:", "").replace("Entfernt:", "");
     },
+    openURL(url: string) {
+      shell.openExternal(url);
+    },
   },
   computed: {
     scroll_height: () => {