sam/Foxnouns.NET
sam/Foxnouns.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

feat(frontend): links editor

Browse source
This commit is contained in:
sam 2024-12-09 17:05:43 +01:00
parent b0a286dd9f
commit c6eba5b51a
Signed by: sam
GPG key ID: B4EF20DDE721CAA1
5 changed files with 141 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

32
Foxnouns.Frontend/src/routes/settings/members/[id]/flags-links/+page.svelte
View file

@ -2,6 +2,7 @@
import { fastRequest } from "$api";
import type { RawApiError } from "$api/error";
import ApiError from "$api/error";
import LinksEditor from "$components/editor/LinksEditor.svelte";
import ProfileFlagsEditor from "$components/editor/ProfileFlagsEditor.svelte";
import log from "$lib/log";
import type { PageData } from "./$types";
@ -9,20 +10,41 @@
type Props = { data: PageData };
let { data }: Props = $props();
let form: { ok: boolean; error: RawApiError | null } | null = $state(null);
let flagForm: { ok: boolean; error: RawApiError | null } | null = $state(null);
let linksForm: { ok: boolean; error: RawApiError | null } | null = $state(null);
const save = async (flags: string[]) => {
const flagSave = async (flags: string[]) => {
try {
await fastRequest("PATCH", `/users/@me/members/${data.member.id}`, {
body: { flags },
token: data.token,
});
form = { ok: true, error: null };
flagForm = { ok: true, error: null };
} catch (e) {
log.error("Could not update profile flags for member %s:", data.member.id, e);
if (e instanceof ApiError) form = { ok: false, error: e.obj };
if (e instanceof ApiError) flagForm = { ok: false, error: e.obj };
}
};
const linksSave = async (links: string[]) => {
try {
await fastRequest("PATCH", "/users/@me", {
body: { links },
token: data.token,
});
linksForm = { ok: true, error: null };
} catch (e) {
log.error("Could not update profile links:", e);
if (e instanceof ApiError) linksForm = { ok: false, error: e.obj };
}
};
</script>
<ProfileFlagsEditor profileFlags={data.member.flags} allFlags={data.flags} {save} {form} />
<ProfileFlagsEditor
profileFlags={data.member.flags}
allFlags={data.flags}
save={flagSave}
form={flagForm}
/>
<LinksEditor currentLinks={data.member.links} save={linksSave} form={linksForm} />

32
Foxnouns.Frontend/src/routes/settings/profile/flags-links/+page.svelte
View file

@ -2,6 +2,7 @@
import { fastRequest } from "$api";
import type { RawApiError } from "$api/error";
import ApiError from "$api/error";
import LinksEditor from "$components/editor/LinksEditor.svelte";
import ProfileFlagsEditor from "$components/editor/ProfileFlagsEditor.svelte";
import log from "$lib/log";
import type { PageData } from "./$types";
@ -9,20 +10,41 @@
type Props = { data: PageData };
let { data }: Props = $props();
let form: { ok: boolean; error: RawApiError | null } | null = $state(null);
let flagForm: { ok: boolean; error: RawApiError | null } | null = $state(null);
let linksForm: { ok: boolean; error: RawApiError | null } | null = $state(null);
const save = async (flags: string[]) => {
const flagSave = async (flags: string[]) => {
try {
await fastRequest("PATCH", "/users/@me", {
body: { flags },
token: data.token,
});
form = { ok: true, error: null };
flagForm = { ok: true, error: null };
} catch (e) {
log.error("Could not update profile flags:", e);
if (e instanceof ApiError) form = { ok: false, error: e.obj };
if (e instanceof ApiError) flagForm = { ok: false, error: e.obj };
}
};
const linksSave = async (links: string[]) => {
try {
await fastRequest("PATCH", "/users/@me", {
body: { links },
token: data.token,
});
linksForm = { ok: true, error: null };
} catch (e) {
log.error("Could not update profile links:", e);
if (e instanceof ApiError) linksForm = { ok: false, error: e.obj };
}
};
</script>
<ProfileFlagsEditor profileFlags={data.user.flags} allFlags={data.flags} {save} {form} />
<ProfileFlagsEditor
profileFlags={data.user.flags}
allFlags={data.flags}
save={flagSave}
form={flagForm}
/>
<LinksEditor currentLinks={data.user.links} save={linksSave} form={linksForm} />