From 66f2919b6ff391da4c41d944540483092eb17997 Mon Sep 17 00:00:00 2001
From: "Maurice L." <maurice.lariviere@icloud.com>
Date: Wed, 7 May 2025 15:56:40 +0200
Subject: [PATCH] Added dynmaic loading for databank statsistics

---
 src/views/Stats.vue | 49 +++++++++++++++++++++++++++++++--------------
 1 file changed, 34 insertions(+), 15 deletions(-)

diff --git a/src/views/Stats.vue b/src/views/Stats.vue
index f04d8ae..b6ef623 100644
--- a/src/views/Stats.vue
+++ b/src/views/Stats.vue
@@ -3,24 +3,43 @@ import Header from '../components/app/AppHeader.vue'
 import Sidebar from '../components/app/AppSidebar.vue'
 
 export default {
-    components: {
-        Header,
-        Sidebar
-    },
-    data() {
-        return {
-            stats: {
-                totalParks: 10,
-                totalCoasters: 25,
-                totalVisitorsPerMonth: 500000,
-                averageTicketPrice: 45.99,
-                totalInversions: 120
-            }
-        }
+  components: {
+    Header,
+    Sidebar
+  },
+  data() {
+    return {
+      stats: {
+        totalParks: 0,
+        totalCoasters: 0,
+        totalVisitorsPerMonth: 500000, // bleibt statisch, da nicht aus API
+        averageTicketPrice: 45.99,     // bleibt statisch, da nicht aus API
+        totalInversions: 0
+      }
+    };
+  },
+  async mounted() {
+    try {
+      // Parks abrufen
+      const parksRes = await fetch('http://localhost:3000/api/parks');
+      const parks = await parksRes.json();
+      this.stats.totalParks = parks.length;
+
+      // Coaster abrufen
+      const coastersRes = await fetch('http://localhost:3000/api/coasters');
+      const coasters = await coastersRes.json();
+      this.stats.totalCoasters = coasters.length;
+
+      // Summe der Inversionen berechnen
+      this.stats.totalInversions = coasters.reduce((sum: number, coaster: any) => sum + coaster.inversions, 0);
+    } catch (err) {
+      console.error('Fehler beim Laden der Statistiken:', err);
     }
-}
+  }
+};
 </script>
 
+
 <template>
   <title>Datenbank-Statistiken - CoasterDB</title>