happyDomain/web-admin/src/routes/users/[uid]/+page.svelte
Pierre-Olivier Mercier ce9da66a76 model: add UserQuota struct for admin-controlled per-user limits
Introduce a UserQuota field on the User model to hold admin-controlled
limits and flags that the user cannot modify. Only checker-related
fields are defined for now (max checks per day, retention days,
inactivity pause days, scheduling kill switch); future paid-plan
attributes will be added here later.

The user-facing API only exposes settings updates and account deletion,
so Quota cannot be written through it. Updates go through the existing
admin user PUT endpoint, with a new editor card in the admin UI under
/users/[uid].
2026-04-15 19:30:14 +07:00

91 lines
3.4 KiB
Svelte

<!--
This file is part of the happyDomain (R) project.
Copyright (c) 2022-2026 happyDomain
Authors: Pierre-Olivier Mercier, et al.
This program is offered under a commercial and under the AGPL license.
For commercial licensing, contact us at <contact@happydomain.org>.
For AGPL licensing:
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
-->
<script lang="ts">
import { page } from "$app/state";
import { Alert, Button, Col, Container, Icon, Row, Spinner } from "@sveltestrap/sveltestrap";
import { getUsersByUid, getUsersByUidDomains, getUsersByUidProviders } from "$lib/api-admin";
import UserInfoCard from "./UserInfoCard.svelte";
import UserQuotaCard from "./UserQuotaCard.svelte";
import UserDomainsCard from "./domains/UserDomainsCard.svelte";
import UserProvidersCard from "./providers/UserProvidersCard.svelte";
let uid = $derived(page.params.uid!);
let userQ = $derived(getUsersByUid({ path: { uid } }));
let domainsQ = $derived(getUsersByUidDomains({ path: { uid } }));
let providersQ = $derived(getUsersByUidProviders({ path: { uid } }));
</script>
<Container class="flex-fill my-5">
<Row class="mb-4">
<Col>
<h1 class="display-5">
<Icon name="pencil"></Icon>
Edit User
</h1>
</Col>
</Row>
{#await userQ}
<div class="text-center my-5">
<Spinner color="primary" />
<p class="mt-3">Loading user...</p>
</div>
{:then userR}
{@const user = userR.data}
{#if user}
<Row>
<Col md={8} lg={6} class="d-flex flex-column gap-4">
<UserInfoCard {user} {uid} />
<UserQuotaCard {user} {uid} />
</Col>
<Col md={8} lg={6} class="d-flex flex-column gap-4">
<UserProvidersCard {providersQ} userId={user.id!} />
<UserDomainsCard {domainsQ} userId={user.id!} />
</Col>
</Row>
{:else}
<Alert color="warning">
<h4 class="alert-heading">User not found</h4>
<p>The requested user could not be found.</p>
<hr />
<Button type="button" color="secondary" outline href="/users">
<Icon name="arrow-left"></Icon>
Back to Users
</Button>
</Alert>
{/if}
{:catch error}
<Alert color="danger">
<h4 class="alert-heading">Error loading user</h4>
<p>{error}</p>
<hr />
<Button type="button" color="secondary" outline href="/users">
<Icon name="arrow-left"></Icon>
Back to Users
</Button>
</Alert>
{/await}
</Container>