From 5814f14c71d9bc55538eb994f4548d490694774b Mon Sep 17 00:00:00 2001 From: supercolbat Date: Sat, 5 Aug 2023 01:57:08 -0500 Subject: [PATCH] Change short URL toggle and No-JS support --- src/routes/instances/+page.server.ts | 12 +- src/routes/instances/+page.svelte | 157 +++++++++++++++------------ 2 files changed, 97 insertions(+), 72 deletions(-) diff --git a/src/routes/instances/+page.server.ts b/src/routes/instances/+page.server.ts index e32e8aa..05dff70 100644 --- a/src/routes/instances/+page.server.ts +++ b/src/routes/instances/+page.server.ts @@ -1,10 +1,18 @@ import instances from "./instances"; import type { PageServerLoad } from "./$types"; -export const load = (() => { +export const load = (({ url }) => { const meta = { title: "Instances" }; - return { instances, ...meta }; + // If the ?short url query exists, then longUrl is false + // Every other case is true + const queryLongUrl = !url.searchParams.has("short"); + + return { + instances, + queryLongUrl, + ...meta + }; }) satisfies PageServerLoad; diff --git a/src/routes/instances/+page.svelte b/src/routes/instances/+page.svelte index d628a77..bad8e74 100644 --- a/src/routes/instances/+page.svelte +++ b/src/routes/instances/+page.svelte @@ -3,95 +3,112 @@ export let data: PageData; - let insturl: "short" | "long"; + $: longUrl = data.queryLongUrl; + let toggle = () => { - insturl = insturl === "long" ? "short" : "long"; + longUrl = !longUrl; }; - insturl = "long";
{data.title} + +
Advanced - - - + + +