build out home page, need to link things up tho

2026-04-10 15:11:32 -04:00
parent 6a02684a2a
commit 1cabb376d9
3 changed files with 48 additions and 4 deletions
--- a/mod.ts
+++ b/mod.ts
@@ -43,13 +43,13 @@ Deno.serve({ port: config.api.port }, async (req) => {
      } else if (path.startsWith('/home/')) {
        // SSR "home page"
        const userId = path.replace('/home/', '');
-        const userMatch = await dbClient.query('SELECT id FROM users WHERE id = ?', [userId]).catch(() => {
+        const userMatch = await dbClient.query('SELECT name FROM users WHERE id = ?', [userId]).catch(() => {
          failed = true;
        });
        if (failed) return buildPage("Couldn't read DB.  Please try again.");
        if (!userMatch.length) return buildPage('User ID does not exist.  Please click on the page header to go back to the sign in page.');

-        return buildPage(buildHome(userId));
+        return buildPage(await buildHome(userId, userMatch[0].name));
      } else if (path.startsWith('/read/')) {
        const planId = path.replace('/read/', '');

--- a/ssr/buildHome.ts
+++ b/ssr/buildHome.ts
@@ -1,3 +1,44 @@
-export default (userId: string) => {
-  return `${userId}`;
+import dbClient from 'db/client.ts';
+
+interface Plan {
+  id: string;
+  name: string;
+  folder: string;
+}
+
+const makePlanButtons = (planId: string, deleted: boolean) =>
+  deleted
+    ? `<button>restore</button><button>perm delete</button>`
+    : `<button>open</button><button>share</button><button>rename</button><button>move</button><button>delete</button>`;
+
+const makePlanItem = (plan: Plan, deleted: boolean) => `<li>${plan.folder}${plan.folder && '/'}${plan.name} - ${makePlanButtons(plan.id, deleted)}</li>`;
+
+export default async (userId: string, userName: string) => {
+  let failed = false;
+
+  const plans: Plan[] = await dbClient
+    .query('SELECT id, name, folder FROM plans WHERE ownerId = ? AND deleted = 0 GROUP BY folder,name,id ORDER BY folder,name DESC', [userId])
+    .catch((e) => {
+      console.error(e);
+      failed = true;
+    });
+  if (failed) return "Couldn't read DB.";
+
+  const deletedPlans: Plan[] = await dbClient
+    .query('SELECT id, name, folder FROM plans WHERE ownerId = ? AND deleted = 1 GROUP BY folder,name,id ORDER BY folder,name DESC', [userId])
+    .catch(() => {
+      failed = true;
+    });
+  if (failed) return "Couldn't read DB.";
+
+  return `<div>
+<h3>${userName}'s Plans:</h3>
+<ul>
+${plans.map((plan) => makePlanItem(plan, false)).join('')}
+</ul>
+<h3>${userName}'s Deleted Plans:</h3>
+<ul>
+${deletedPlans.map((plan) => makePlanItem(plan, true)).join('')}
+</ul>
+</div>`;
 };
--- a/ssr/buildPage.ts
+++ b/ssr/buildPage.ts
@@ -20,6 +20,9 @@ a {
 text-decoration:none;
 color:white;
 }
+li {
+margin:0.5rem 0;
+}
 </style>
 </head>
 <body>