From 1f4aba0868c0857ef345eba3cadc540a51611b4e Mon Sep 17 00:00:00 2001
From: sam <sam@starshines.gay>
Date: Mon, 18 Nov 2024 21:27:34 +0100
Subject: [PATCH] feat(dashboard): ignore entity page

---
 Catalogger.Frontend/src/routes/+layout.svelte |   4 +-
 Catalogger.Frontend/src/routes/+page.ts       |   2 +-
 .../src/routes/about/contact/+page.svelte     |   6 +-
 .../src/routes/about/tos/+page.svelte         |   6 +-
 .../src/routes/dash/[guildId]/+layout.svelte  |  35 +--
 .../src/routes/dash/[guildId]/+page.svelte    |  32 ++-
 .../[guildId]/ignored-entities/+page.svelte   | 205 ++++++++++++++++++
 .../[guildId]/ignored-messages/+page.svelte   |  12 +-
 .../dash/[guildId]/key-roles/+page.svelte     |   6 +-
 .../dash/[guildId]/redirects/+page.svelte     |   7 +-
 10 files changed, 264 insertions(+), 51 deletions(-)
 create mode 100644 Catalogger.Frontend/src/routes/dash/[guildId]/ignored-entities/+page.svelte

diff --git a/Catalogger.Frontend/src/routes/+layout.svelte b/Catalogger.Frontend/src/routes/+layout.svelte
index aae3f1a..a33b94e 100644
--- a/Catalogger.Frontend/src/routes/+layout.svelte
+++ b/Catalogger.Frontend/src/routes/+layout.svelte
@@ -31,7 +31,9 @@
 			·
 			<a href="/about/privacy">Privacy</a>
 			·
-			<a href="https://codeberg.org/starshine/catalogger" target="_blank">Source code</a>
+			<a href="https://codeberg.org/starshine/catalogger" target="_blank"
+				>Source code</a
+			>
 		</div>
 	</footer>
 </div>
diff --git a/Catalogger.Frontend/src/routes/+page.ts b/Catalogger.Frontend/src/routes/+page.ts
index c8cacf0..189f71e 100644
--- a/Catalogger.Frontend/src/routes/+page.ts
+++ b/Catalogger.Frontend/src/routes/+page.ts
@@ -1 +1 @@
-export const prerender = true;
\ No newline at end of file
+export const prerender = true;
diff --git a/Catalogger.Frontend/src/routes/about/contact/+page.svelte b/Catalogger.Frontend/src/routes/about/contact/+page.svelte
index a2a9650..e38536f 100644
--- a/Catalogger.Frontend/src/routes/about/contact/+page.svelte
+++ b/Catalogger.Frontend/src/routes/about/contact/+page.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-    import { html } from "../contact.md";
+	import { html } from "../contact.md";
 </script>
 
 <svelte:head>
-    <title>Catalogger - Contact</title>
+	<title>Catalogger - Contact</title>
 </svelte:head>
 
-{@html html}
\ No newline at end of file
+{@html html}
diff --git a/Catalogger.Frontend/src/routes/about/tos/+page.svelte b/Catalogger.Frontend/src/routes/about/tos/+page.svelte
index bce6743..678e6fd 100644
--- a/Catalogger.Frontend/src/routes/about/tos/+page.svelte
+++ b/Catalogger.Frontend/src/routes/about/tos/+page.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-    import { html } from "../tos.md";
+	import { html } from "../tos.md";
 </script>
 
 <svelte:head>
-    <title>Catalogger - Terms of Service</title>
+	<title>Catalogger - Terms of Service</title>
 </svelte:head>
 
-{@html html}
\ No newline at end of file
+{@html html}
diff --git a/Catalogger.Frontend/src/routes/dash/[guildId]/+layout.svelte b/Catalogger.Frontend/src/routes/dash/[guildId]/+layout.svelte
index c3ddeaf..7c1832d 100644
--- a/Catalogger.Frontend/src/routes/dash/[guildId]/+layout.svelte
+++ b/Catalogger.Frontend/src/routes/dash/[guildId]/+layout.svelte
@@ -2,33 +2,8 @@
 	import { Button, Nav, NavItem, NavLink } from "@sveltestrap/sveltestrap";
 	import type { LayoutData } from "./$types";
 	import { page } from "$app/stores";
-	import apiFetch, { type ApiError, type ChannelConfig } from "$lib/api";
-	import { addToast } from "$lib/toast";
 
 	export let data: LayoutData;
-
-	// This only saves log channels. All other pages are lists and are saved immediately upon adding/removing an entry.
-	const save = async () => {
-		try {
-			const resp = await apiFetch<ChannelConfig>(
-				"PATCH",
-				`/api/guilds/${data.guild.id}`,
-				data.guild.channels,
-			);
-			data.guild.channels = resp;
-
-			addToast({
-				header: "Saved log channels.",
-				body: "Successfully edited log channels.",
-			});
-		} catch (e) {
-			addToast({
-				header: "Error saving changes to log channels",
-				body:
-					(e as ApiError).message || "Unknown error. Please try again later.",
-			});
-		}
-	};
 </script>
 
 <svelte:head>
@@ -56,6 +31,12 @@
 		>
 			Ignored messages
 		</NavLink>
+		<NavLink
+			href="/dash/{data.guild.id}/ignored-entities"
+			active={$page.url.pathname === `/dash/${data.guild.id}/ignored-entities`}
+		>
+			Ignored channels/roles
+		</NavLink>
 		<NavLink
 			href="/dash/{data.guild.id}/key-roles"
 			active={$page.url.pathname === `/dash/${data.guild.id}/key-roles`}
@@ -75,10 +56,6 @@
 			Delete all data
 		</NavLink>
 	</Nav>
-
-	{#if $page.url.pathname === `/dash/${data.guild.id}`}
-		<Button on:click={save} class="mb-2">Save changes</Button>
-	{/if}
 </div>
 
 <slot />
diff --git a/Catalogger.Frontend/src/routes/dash/[guildId]/+page.svelte b/Catalogger.Frontend/src/routes/dash/[guildId]/+page.svelte
index 7b6c087..793c966 100644
--- a/Catalogger.Frontend/src/routes/dash/[guildId]/+page.svelte
+++ b/Catalogger.Frontend/src/routes/dash/[guildId]/+page.svelte
@@ -1,14 +1,42 @@
 <script lang="ts">
-	import { Label } from "@sveltestrap/sveltestrap";
+	import { Button, Label } from "@sveltestrap/sveltestrap";
 	import type { PageData } from "./$types";
 	import ChannelSelect from "./ChannelSelect.svelte";
+	import apiFetch, { type ApiError, type ChannelConfig } from "$lib/api";
+	import { addToast } from "$lib/toast";
 
 	export let data: PageData;
 
 	$: channels = data.guild.channels;
+
+	// This only saves log channels. All other pages are lists and are saved immediately upon adding/removing an entry.
+	const save = async () => {
+		try {
+			const resp = await apiFetch<ChannelConfig>(
+				"PATCH",
+				`/api/guilds/${data.guild.id}`,
+				channels,
+			);
+			channels = resp;
+
+			addToast({
+				header: "Saved log channels.",
+				body: "Successfully edited log channels.",
+			});
+		} catch (e) {
+			addToast({
+				header: "Error saving changes to log channels",
+				body:
+					(e as ApiError).message || "Unknown error. Please try again later.",
+			});
+		}
+	};
 </script>
 
-<h3>Log channels</h3>
+<div class="d-flex">
+	<h3>Log channels</h3>
+	<Button on:click={save} class="ms-2">Save changes</Button>
+</div>
 
 <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3">
 	<div class="p-2">
diff --git a/Catalogger.Frontend/src/routes/dash/[guildId]/ignored-entities/+page.svelte b/Catalogger.Frontend/src/routes/dash/[guildId]/ignored-entities/+page.svelte
new file mode 100644
index 0000000..33cc720
--- /dev/null
+++ b/Catalogger.Frontend/src/routes/dash/[guildId]/ignored-entities/+page.svelte
@@ -0,0 +1,205 @@
+<script lang="ts">
+	import { fastFetch, type ApiError, type GuildRole } from "$lib/api";
+	import { addToast } from "$lib/toast";
+	import { makeFullOptions } from "$lib/util";
+	import { Button, ListGroup, ListGroupItem } from "@sveltestrap/sveltestrap";
+	import ChannelSelect from "../ChannelSelect.svelte";
+	import type { PageData } from "./$types";
+	import RemovableListItem from "$lib/components/RemovableListItem.svelte";
+	import RoleSelect from "../RoleSelect.svelte";
+	import RoleListItem from "$lib/components/RoleListItem.svelte";
+
+	export let data: PageData;
+
+	$: ignoredChannels = data.guild.ignored_channels;
+	$: channelOptions = makeFullOptions(data.guild, ignoredChannels);
+
+	$: ignoredRoles = data.guild.ignored_roles;
+	$: roleOptions = data.guild.roles
+		.filter((r) => ignoredRoles.indexOf(r.id) === -1)
+		.map((r) => ({ label: r.name, value: r.id }));
+
+	$: allChannels = [
+		...data.guild.channels_without_category.map((c) => ({
+			id: c.id,
+			name: `#${c.name}`,
+		})),
+		...data.guild.categories.map((cat) => ({ id: cat.id, name: cat.name })),
+		...data.guild.categories.flatMap((cat) =>
+			cat.channels.map((c) => ({ id: c.id, name: `#${c.name}` })),
+		),
+	];
+
+	const channelName = (id: string) =>
+		allChannels.find((c) => c.id === id)?.name || `(unknown channel ${id})`;
+
+	const roleName = (id: string) =>
+		data.guild.roles.find((r) => r.id === id)?.name || `(unknown role ${id})`;
+
+	const roleObject = (id: string): GuildRole | string =>
+		data.guild.roles.find((r) => r.id === id) || id;
+
+	let channelToIgnore: string | null = null;
+	let roleToIgnore: string | null = null;
+
+	const addChannelIgnore = async () => {
+		if (!channelToIgnore) return;
+
+		try {
+			await fastFetch(
+				"PUT",
+				`/api/guilds/${data.guild.id}/ignored-entities/channels/${channelToIgnore}`,
+			);
+			ignoredChannels.push(channelToIgnore);
+			ignoredChannels = ignoredChannels;
+			addToast({
+				header: "Ignored channel",
+				body: `Added ${channelName(channelToIgnore)} to the list of ignored channels.`,
+			});
+			channelToIgnore = null;
+		} catch (e) {
+			addToast({
+				header: "Error ignoring channel",
+				body:
+					(e as ApiError).message || "Unknown error. Please try again later.",
+			});
+		}
+	};
+
+	const removeChannelIgnore = async (id: string) => {
+		try {
+			await fastFetch(
+				"DELETE",
+				`/api/guilds/${data.guild.id}/ignored-entities/channels/${id}`,
+			);
+			const idx = ignoredChannels.indexOf(id);
+			if (idx > -1) ignoredChannels.splice(idx, 1);
+			ignoredChannels = ignoredChannels;
+			addToast({
+				header: "Stopped ignoring channel",
+				body: `Removed ${channelName(id)} from the list of ignored channels.`,
+			});
+		} catch (e) {
+			addToast({
+				header: "Error removing channel",
+				body:
+					(e as ApiError).message || "Unknown error. Please try again later.",
+			});
+		}
+	};
+
+	const addRoleIgnore = async () => {
+		if (!roleToIgnore) return;
+
+		try {
+			await fastFetch(
+				"PUT",
+				`/api/guilds/${data.guild.id}/ignored-entities/roles/${roleToIgnore}`,
+			);
+			ignoredRoles.push(roleToIgnore);
+			ignoredRoles = ignoredRoles;
+			addToast({
+				header: "Ignored role",
+				body: `Added ${roleName(roleToIgnore)} to the list of ignored roles.`,
+			});
+			roleToIgnore = null;
+		} catch (e) {
+			addToast({
+				header: "Error ignoring role",
+				body:
+					(e as ApiError).message || "Unknown error. Please try again later.",
+			});
+		}
+	};
+
+	const removeRoleIgnore = async (id: string) => {
+		try {
+			await fastFetch(
+				"DELETE",
+				`/api/guilds/${data.guild.id}/ignored-entities/roles/${id}`,
+			);
+			const idx = ignoredRoles.indexOf(id);
+			if (idx > -1) ignoredRoles.splice(idx, 1);
+			ignoredRoles = ignoredRoles;
+			addToast({
+				header: "Stopped ignoring role",
+				body: `Removed ${roleName(id)} from the list of ignored roles.`,
+			});
+		} catch (e) {
+			addToast({
+				header: "Error removing role",
+				body:
+					(e as ApiError).message || "Unknown error. Please try again later.",
+			});
+		}
+	};
+</script>
+
+<h3>Ignored channels and roles</h3>
+
+<p>
+	Events related to these channels and roles (such as them being edited, them
+	being deleted, and them being added to users) will not be logged.
+</p>
+
+<p>
+	If you want to ignore <em>messages</em> from channels and roles, go to
+	<a href="/dash/{data.guild.id}/ignored-messages">ignored messages</a> instead.
+</p>
+
+<h4 class="mt-4">Channels</h4>
+
+<div>
+	<ChannelSelect bind:value={channelToIgnore} options={channelOptions} />
+</div>
+
+<div class="mt-2 mb-3 d-grid d-md-block">
+	<Button
+		color="primary"
+		on:click={() => addChannelIgnore()}
+		disabled={!channelToIgnore}
+	>
+		Ignore this channel
+	</Button>
+</div>
+
+<ListGroup>
+	{#each ignoredChannels as id}
+		<RemovableListItem
+			on:click={() => removeChannelIgnore(id)}
+			buttonText="Stop ignoring"
+		>
+			{channelName(id)}
+		</RemovableListItem>
+	{:else}
+		<ListGroupItem>No channels are being ignored right now.</ListGroupItem>
+	{/each}
+</ListGroup>
+
+<h4 class="mt-4">Roles</h4>
+
+<div>
+	<RoleSelect bind:value={roleToIgnore} options={roleOptions} />
+</div>
+
+<div class="mt-2 mb-3 d-grid d-md-block">
+	<Button
+		color="primary"
+		on:click={() => addRoleIgnore()}
+		disabled={!roleToIgnore}
+	>
+		Ignore this role
+	</Button>
+</div>
+
+<ListGroup>
+	{#each ignoredRoles as id}
+		<RoleListItem
+			role={roleObject(id)}
+			on:click={() => removeRoleIgnore(id)}
+			buttonText="Stop ignoring"
+		/>
+	{:else}
+		<ListGroupItem>No roles are being ignored right now.</ListGroupItem>
+	{/each}
+</ListGroup>
diff --git a/Catalogger.Frontend/src/routes/dash/[guildId]/ignored-messages/+page.svelte b/Catalogger.Frontend/src/routes/dash/[guildId]/ignored-messages/+page.svelte
index 8704e8a..7632941 100644
--- a/Catalogger.Frontend/src/routes/dash/[guildId]/ignored-messages/+page.svelte
+++ b/Catalogger.Frontend/src/routes/dash/[guildId]/ignored-messages/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { ListGroup, Button } from "@sveltestrap/sveltestrap";
+	import { ListGroup, Button, ListGroupItem } from "@sveltestrap/sveltestrap";
 	import type { PageData } from "./$types";
 	import { makeFullOptions } from "$lib/util";
 	import ChannelSelect from "../ChannelSelect.svelte";
@@ -247,6 +247,10 @@
 		>
 			{channelName(id)}
 		</RemovableListItem>
+	{:else}
+		<ListGroupItem>
+			No channels are having their messages ignored right now.
+		</ListGroupItem>
 	{/each}
 </ListGroup>
 
@@ -273,6 +277,10 @@
 			on:click={() => removeRoleIgnore(id)}
 			buttonText="Stop ignoring"
 		/>
+	{:else}
+		<ListGroupItem>
+			No roles are having their messages ignored right now.
+		</ListGroupItem>
 	{/each}
 </ListGroup>
 
@@ -316,5 +324,7 @@
 		>
 			{user.tag} (ID: {user.id})
 		</RemovableListItem>
+	{:else}
+		<ListGroupItem>No users are being ignored right now.</ListGroupItem>
 	{/each}
 </ListGroup>
diff --git a/Catalogger.Frontend/src/routes/dash/[guildId]/key-roles/+page.svelte b/Catalogger.Frontend/src/routes/dash/[guildId]/key-roles/+page.svelte
index a758ea3..a903960 100644
--- a/Catalogger.Frontend/src/routes/dash/[guildId]/key-roles/+page.svelte
+++ b/Catalogger.Frontend/src/routes/dash/[guildId]/key-roles/+page.svelte
@@ -1,9 +1,5 @@
 <script lang="ts">
-	import {
-		Button,
-		Label,
-		ListGroup,
-	} from "@sveltestrap/sveltestrap";
+	import { Button, Label, ListGroup } from "@sveltestrap/sveltestrap";
 	import type { PageData } from "./$types";
 	import Svelecte from "svelecte";
 	import { addToast } from "$lib/toast";
diff --git a/Catalogger.Frontend/src/routes/dash/[guildId]/redirects/+page.svelte b/Catalogger.Frontend/src/routes/dash/[guildId]/redirects/+page.svelte
index 8e77ec5..238adce 100644
--- a/Catalogger.Frontend/src/routes/dash/[guildId]/redirects/+page.svelte
+++ b/Catalogger.Frontend/src/routes/dash/[guildId]/redirects/+page.svelte
@@ -1,11 +1,6 @@
 <script lang="ts">
 	import type { ApiError } from "$lib/api";
-	import {
-		Button,
-		Label,
-		ListGroup,
-		ListGroupItem,
-	} from "@sveltestrap/sveltestrap";
+	import { Button, Label, ListGroup } from "@sveltestrap/sveltestrap";
 	import type { PageData } from "./$types";
 	import ChannelSelect from "../ChannelSelect.svelte";
 	import { fastFetch } from "$lib/api";