feat(frontend): show closed reports button, add some alerts for auth

Foxnouns.Frontend/src/lib/i18n/locales/en.json

@@ -321,6 +321,7 @@
 		"required": "Required"
 	},
 	"alert": {
-		"auth-method-remove-success": "Successfully unlinked account!"
+		"auth-method-remove-success": "Successfully unlinked account!",
+		"auth-required": "You must log in to access this page."
 	}
 }

Foxnouns.Frontend/src/routes/admin/reports/+page.server.ts

@@ -19,5 +19,5 @@ export const load = async ({ url, fetch, cookies }) => {
 		fetch,
 		cookies,
 	});
-	return { reports, url: url.toString(), byReporter, byTarget, before, after };
+	return { reports, url: url.toString(), includeClosed, byReporter, byTarget, before, after };
 };

Foxnouns.Frontend/src/routes/admin/reports/+page.svelte

@@ -18,6 +18,14 @@
 		return url.toString();
 	};
 
+	const addClosed = () => {
+		const url = new URL(data.url);
+		if (!data.includeClosed) url.searchParams.set("include-closed", "true");
+		else url.searchParams.delete("include-closed");
+
+		return url.toString();
+	};
+
 	const addTarget = (id: string | null) => {
 		const url = new URL(data.url);
 		if (id) url.searchParams.set("by-target", id);
@@ -56,6 +64,11 @@
 	{#if data.byReporter}
 		<li>Filtering by reporter (<a href={addReporter(null)}>clear</a>)</li>
 	{/if}
+	{#if data.includeClosed}
+		<li>Showing all reports (<a href={addClosed()}>only show open reports</a>)</li>
+	{:else}
+		<li>Showing open reports (<a href={addClosed()}>show all reports</a>)</li>
+	{/if}
 </ul>
 
 {#if data.before}

Foxnouns.Frontend/src/routes/auth/log-in/+page.server.ts

@@ -2,15 +2,15 @@ import { isRedirect, redirect } from "@sveltejs/kit";
 
 import { apiRequest } from "$api";
 import type { AuthResponse, AuthUrls } from "$api/models/auth";
-import { setToken } from "$lib";
+import { alertKey, setToken } from "$lib";
 import ApiError, { ErrorCode } from "$api/error";
 
-export const load = async ({ fetch, parent }) => {
+export const load = async ({ fetch, parent, url }) => {
 	const parentData = await parent();
 	if (parentData.meUser) redirect(303, `/@${parentData.meUser.username}`);
 
 	const urls = await apiRequest<AuthUrls>("POST", "/auth/urls", { fetch, isInternal: true });
-	return { urls };
+	return { urls, alertKey: alertKey(url) };
 };
 
 export const actions = {

Foxnouns.Frontend/src/routes/auth/log-in/+page.svelte

@@ -3,6 +3,7 @@
 	import { t } from "$lib/i18n";
 	import { enhance } from "$app/forms";
 	import ErrorAlert from "$components/ErrorAlert.svelte";
+	import UrlAlert from "$components/URLAlert.svelte";
 
 	type Props = { data: PageData; form: ActionData };
 	let { data, form }: Props = $props();
@@ -13,6 +14,7 @@
 </svelte:head>
 
 <div class="container">
+	<UrlAlert {data} />
 	<div class="row">
 		{#if form?.error}
 			<ErrorAlert error={form.error} />

Foxnouns.Frontend/src/routes/auth/welcome/+page.server.ts

@@ -2,5 +2,5 @@ import { redirect } from "@sveltejs/kit";
 
 export const load = async ({ parent }) => {
 	const { meUser } = await parent();
-	if (!meUser) redirect(303, "/auth/log-in");
+	if (!meUser) redirect(303, "/auth/log-in?alert=auth-required");
 };

Foxnouns.Frontend/src/routes/settings/+layout.server.ts

@@ -2,7 +2,7 @@ import { redirect } from "@sveltejs/kit";
 
 export const load = async ({ parent }) => {
 	const data = await parent();
-	if (!data.meUser) redirect(303, "/auth/log-in");
+	if (!data.meUser) redirect(303, "/auth/log-in?alert=auth-required");
 
 	return { user: data.meUser!, token: data.token! };
 };