Initial

2026-06-22 23:18:23 +10:00
parent 87ce423a12
commit 3f6d532cf0
297 changed files with 29726 additions and 0 deletions
@@ -0,0 +1,119 @@
+<script setup lang="ts">
+import { Form, Head } from '@inertiajs/vue3';
+import SecurityController from '@/actions/App/Http/Controllers/Settings/SecurityController';
+import Heading from '@/components/Heading.vue';
+import InputError from '@/components/InputError.vue';
+import type { Props as ManagePasskeysProps } from '@/components/ManagePasskeys.vue';
+import ManagePasskeys from '@/components/ManagePasskeys.vue';
+import type { Props as ManageTwoFactorProps } from '@/components/ManageTwoFactor.vue';
+import ManageTwoFactor from '@/components/ManageTwoFactor.vue';
+import PasswordInput from '@/components/PasswordInput.vue';
+import { Button } from '@/components/ui/button';
+import { Label } from '@/components/ui/label';
+import { edit } from '@/routes/security';
+
+type Props = {
+    passwordRules: string;
+} & ManagePasskeysProps &
+    ManageTwoFactorProps;
+
+const props = defineProps<Props>();
+
+defineOptions({
+    layout: {
+        breadcrumbs: [
+            {
+                title: 'Security settings',
+                href: edit(),
+            },
+        ],
+    },
+});
+</script>
+
+<template>
+    <Head title="Security settings" />
+
+    <h1 class="sr-only">Security settings</h1>
+
+    <div class="space-y-6">
+        <Heading
+            variant="small"
+            title="Update password"
+            description="Ensure your account is using a long, random password to stay secure"
+        />
+
+        <Form
+            v-bind="SecurityController.update.form()"
+            :options="{
+                preserveScroll: true,
+            }"
+            reset-on-success
+            :reset-on-error="[
+                'password',
+                'password_confirmation',
+                'current_password',
+            ]"
+            class="space-y-6"
+            v-slot="{ errors, processing }"
+        >
+            <div class="grid gap-2">
+                <Label for="current_password">Current password</Label>
+                <PasswordInput
+                    id="current_password"
+                    name="current_password"
+                    class="mt-1 block w-full"
+                    autocomplete="current-password"
+                    placeholder="Current password"
+                />
+                <InputError :message="errors.current_password" />
+            </div>
+
+            <div class="grid gap-2">
+                <Label for="password">New password</Label>
+                <PasswordInput
+                    id="password"
+                    name="password"
+                    class="mt-1 block w-full"
+                    autocomplete="new-password"
+                    placeholder="New password"
+                    :passwordrules="props.passwordRules"
+                />
+                <InputError :message="errors.password" />
+            </div>
+
+            <div class="grid gap-2">
+                <Label for="password_confirmation">Confirm password</Label>
+                <PasswordInput
+                    id="password_confirmation"
+                    name="password_confirmation"
+                    class="mt-1 block w-full"
+                    autocomplete="new-password"
+                    placeholder="Confirm password"
+                    :passwordrules="props.passwordRules"
+                />
+                <InputError :message="errors.password_confirmation" />
+            </div>
+
+            <div class="flex items-center gap-4">
+                <Button
+                    :disabled="processing"
+                    data-test="update-password-button"
+                >
+                    Save
+                </Button>
+            </div>
+        </Form>
+    </div>
+
+    <ManageTwoFactor
+        :canManageTwoFactor="canManageTwoFactor"
+        :requiresConfirmation="requiresConfirmation"
+        :twoFactorEnabled="twoFactorEnabled"
+    />
+
+    <ManagePasskeys
+        :canManagePasskeys="canManagePasskeys"
+        :passkeys="passkeys"
+    />
+</template>