Initial commit device-management

2026-08-25 09:42:00 +07:00
commit 1e80be180e
1159 changed files with 149545 additions and 0 deletions
@@ -0,0 +1,137 @@
+import { Form, Head, Link, usePage } from '@inertiajs/react';
+import InputError from '@/components/input-error';
+import { TenantAdminNav } from '@/components/tenant-admin-nav';
+import { Button } from '@/components/ui/button';
+import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardHeader,
+    CardTitle,
+} from '@/components/ui/card';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+
+type Role = { id: number; name: string };
+type Props = {
+    tenant: { id: number; name: string };
+    managedUser: { id: number; name: string; email: string; roles: Role[] };
+};
+export default function UserEdit({ tenant, managedUser }: Props) {
+    const base = `/administration/tenants/${tenant.id}/users`;
+    const { flash } = usePage().props as unknown as {
+        flash: { success?: string };
+    };
+
+    return (
+        <>
+            <Head title={`Edit ${managedUser.name}`} />
+            <div className="mx-auto flex w-full max-w-4xl flex-1 flex-col gap-6 p-4 md:p-6">
+                <div>
+                    <h1 className="text-2xl font-semibold">Edit User</h1>
+                    <p className="text-sm text-muted-foreground">
+                        {tenant.name}
+                    </p>
+                </div>
+                <TenantAdminNav tenantId={tenant.id} />
+                {flash.success && (
+                    <div className="rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-800">
+                        {flash.success}
+                    </div>
+                )}
+                <Form action={`${base}/${managedUser.id}`} method="put">
+                    {({ processing, errors }) => (
+                        <Card>
+                            <CardHeader>
+                                <CardTitle>Profil dan Role</CardTitle>
+                            </CardHeader>
+                            <CardContent className="grid gap-5 md:grid-cols-2">
+                                <div className="grid gap-2">
+                                    <Label>Nama</Label>
+                                    <Input
+                                        name="name"
+                                        defaultValue={managedUser.name}
+                                        required
+                                    />
+                                    <InputError message={errors.name} />
+                                </div>
+                                <div className="grid gap-2">
+                                    <Label>Email</Label>
+                                    <Input
+                                        name="email"
+                                        type="email"
+                                        defaultValue={managedUser.email}
+                                        required
+                                    />
+                                    <InputError message={errors.email} />
+                                </div>
+                                <div className="rounded-lg border bg-muted/40 px-4 py-3 text-sm md:col-span-2">
+                                    Role sistem:{' '}
+                                    <strong>
+                                        {managedUser.roles[0]?.name ??
+                                            'Tenant User'}
+                                    </strong>
+                                    . Role bersifat baku dan tidak dapat diubah.
+                                </div>
+                                <div className="flex justify-end gap-3 md:col-span-2">
+                                    <Button variant="outline" asChild>
+                                        <Link href={base}>Kembali</Link>
+                                    </Button>
+                                    <Button disabled={processing}>
+                                        Simpan
+                                    </Button>
+                                </div>
+                            </CardContent>
+                        </Card>
+                    )}
+                </Form>
+                <Form
+                    action={`${base}/${managedUser.id}/password`}
+                    method="put"
+                    resetOnSuccess
+                >
+                    {({ processing, errors }) => (
+                        <Card>
+                            <CardHeader>
+                                <CardTitle>Reset Password</CardTitle>
+                                <CardDescription>
+                                    Semua token API user akan dicabut.
+                                </CardDescription>
+                            </CardHeader>
+                            <CardContent className="grid gap-5 md:grid-cols-2">
+                                <div className="grid gap-2">
+                                    <Label>Password Baru</Label>
+                                    <Input
+                                        name="password"
+                                        type="password"
+                                        required
+                                    />
+                                    <InputError message={errors.password} />
+                                </div>
+                                <div className="grid gap-2">
+                                    <Label>Konfirmasi Password</Label>
+                                    <Input
+                                        name="password_confirmation"
+                                        type="password"
+                                        required
+                                    />
+                                </div>
+                                <div className="md:col-span-2">
+                                    <Button disabled={processing}>
+                                        Reset Password
+                                    </Button>
+                                </div>
+                            </CardContent>
+                        </Card>
+                    )}
+                </Form>
+            </div>
+        </>
+    );
+}
+UserEdit.layout = {
+    breadcrumbs: [
+        { title: 'Users', href: '#' },
+        { title: 'Edit', href: '#' },
+    ],
+};