Refactor database schema and add planner functionality

src/routes/log/+page.svelte

@@ -135,10 +135,10 @@
       (adventure) => adventure.id === event.detail
     );
     if (adventure) {
-      editId = adventure.id;
-      editName = adventure.name;
-      editLocation = adventure.location;
-      editCreated = adventure.created;
+      editId = adventure.id || 0;
+      editName = adventure.name || "";
+      editLocation = adventure.location || "";
+      editCreated = adventure.created || "";
     }
   }
 

src/routes/planner/+page.server.ts

@@ -0,0 +1,21 @@
+import { db } from "$lib/db/db.server";
+import { userPlannedAdventures } from "$lib/db/schema";
+import { eq } from "drizzle-orm";
+import type { LayoutServerLoad } from "../$types";
+import { redirect } from "@sveltejs/kit";
+
+export const load: LayoutServerLoad = async (event) => {
+  if (event.locals.user) {
+    let plannedAdventures = await db
+      .select()
+      .from(userPlannedAdventures)
+      .where(eq(userPlannedAdventures.userId, event.locals.user.id));
+    return {
+      user: event.locals.user,
+      isServerSetup: event.locals.isServerSetup,
+      plannedAdventures,
+    };
+  } else {
+    return redirect(302, "/login");
+  }
+};

src/routes/planner/+page.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+  import { page } from "$app/stores";
+  import type { Adventure } from "$lib/utils/types";
+  import { onMount } from "svelte";
+  import AdventureCard from "$lib/components/AdventureCard.svelte";
+
+  let plannedAdventures: Adventure[] = [];
+
+  onMount(async () => {
+    plannedAdventures = $page.data.plannedAdventures;
+    console.log(plannedAdventures);
+  });
+</script>
+
+<h1 class="font-extrabold text-center text-4xl">My Planned Adventures</h1>
+
+<div
+  class="grid xl:grid-cols-3 lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-4 mt-4 content-center auto-cols-auto ml-6 mr-6"
+>
+  {#each plannedAdventures as adventure (adventure.id)}
+    <AdventureCard
+      type="planner"
+      id={adventure.id}
+      name={adventure.name}
+      location={adventure.location}
+      activityTypes={adventure.activityTypes}
+    />
+  {/each}
+</div>

src/routes/settings/admin/+page.server.ts

@@ -1,11 +1,20 @@
 import { error, redirect, type Actions, type Handle } from "@sveltejs/kit";
 import type { PageServerLoad } from "./$types";
 import { db } from "$lib/db/db.server";
-import { sessionTable, userTable } from "$lib/db/schema";
+import {
+  sessionTable,
+  userTable,
+  userVisitedAdventures,
+  userVisitedWorldTravel,
+} from "$lib/db/schema";
 import type { DatabaseUser } from "$lib/server/auth";
+import { count } from "drizzle-orm";
 
 export const load: PageServerLoad = async (event) => {
   let users: DatabaseUser[] = [];
+  let visitCount: number = NaN;
+  let userCount: number = NaN;
+  let regionCount: number = NaN;
   if (!event.locals.user) {
     return redirect(302, "/login");
   }
@@ -14,9 +23,24 @@ export const load: PageServerLoad = async (event) => {
   }
   if (event.locals.user.role === "admin") {
     users = (await db.select().from(userTable).execute()) as DatabaseUser[];
+    visitCount = (await db
+      .select({ count: count() })
+      .from(userVisitedAdventures)
+      .execute()) as unknown as number;
+    userCount = (await db
+      .select({ count: count() })
+      .from(userTable)
+      .execute()) as unknown as number;
+    regionCount = (await db
+      .select({ count: count() })
+      .from(userVisitedWorldTravel)
+      .execute()) as unknown as number;
   }
   return {
     users,
+    visitCount,
+    userCount,
+    regionCount,
   };
 };
 

src/routes/settings/admin/+page.svelte

@@ -58,12 +58,16 @@
     console.log(errors);
     cancel();
   };
+
+  let visitCount = $page.data.visitCount[0].count;
+  let userCount = $page.data.userCount[0].count;
+  let regionCount = $page.data.regionCount[0].count;
 </script>
 
 <h1 class="text-center font-extrabold text-4xl">Admin Settings</h1>
 
 <h2 class="text-center font-extrabold text-2xl">Add User</h2>
-<div class="flex justify-center">
+<div class="flex justify-center mb-4">
   <form
     method="POST"
     action="/signup"
@@ -125,7 +129,7 @@
 
 <h2 class="text-center font-extrabold text-2xl">User Managment</h2>
 <div
-  class="grid xl:grid-cols-3 lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-4 mt-4 content-center auto-cols-auto ml-6 mr-6"
+  class="grid xl:grid-cols-3 lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1 gap-4 mt-4 content-center auto-cols-auto ml-6 mr-6 mb-4"
 >
   {#each $page.data.users as user}
     <div>
@@ -143,3 +147,31 @@
     message="Are you sure you want to clear all user sessions?"
   />
 {/if}
+
+<h2 class="text-center font-extrabold text-2xl">Admin Stats (All Users)</h2>
+<div class="flex items-center justify-center mb-4">
+  <div class="stats stats-vertical lg:stats-horizontal shadow">
+    <div class="stat">
+      <div class="stat-title">Total Visits</div>
+      <div class="stat-value">{visitCount}</div>
+    </div>
+
+    <div class="stat">
+      <div class="stat-title">Total Users</div>
+      <div class="stat-value">{userCount}</div>
+    </div>
+
+    <div class="stat">
+      <div class="stat-title">Visited Regions</div>
+      <div class="stat-value">{regionCount}</div>
+    </div>
+  </div>
+</div>
+
+<svelte:head>
+  <title>Admin Settings | AdventureLog</title>
+  <meta
+    name="description"
+    content="Admin Settings for AdventureLog. Add users, manage sessions, and more!"
+  />
+</svelte:head>

src/routes/worldtravel/+page.svelte

@@ -32,4 +32,4 @@
     name="description"
     content="Explore the world and add countries to your visited list!"
   />
-</svelte:head>;
+</svelte:head>