mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-08 08:12:17 +01:00
27140d4ffc
* add linter, prettier and typescript support for jetstream * add github actions for lint, build and typecheck * add composer install to build action * fix composer lock * add ext-intl and fixed php version * fix intl php extension install * add tip php extension to github npm build action * fix php version to 8.3.1 * change github php base action * fix primary button default type * updated typescript types from Team to Organization --------- Co-authored-by: Gregor Vostrak <gregorvostrak@Gregors-MacBook-Pro.local>
102 lines
3.4 KiB
Vue
102 lines
3.4 KiB
Vue
<script setup lang="ts">
|
|
import { ref } from 'vue';
|
|
import { useForm } from '@inertiajs/vue3';
|
|
import ActionSection from '@/Components/ActionSection.vue';
|
|
import DangerButton from '@/Components/DangerButton.vue';
|
|
import DialogModal from '@/Components/DialogModal.vue';
|
|
import InputError from '@/Components/InputError.vue';
|
|
import SecondaryButton from '@/Components/SecondaryButton.vue';
|
|
import TextInput from '@/Components/TextInput.vue';
|
|
|
|
const confirmingUserDeletion = ref(false);
|
|
const passwordInput = ref<HTMLElement | null>(null);
|
|
|
|
const form = useForm({
|
|
password: '',
|
|
});
|
|
|
|
const confirmUserDeletion = () => {
|
|
confirmingUserDeletion.value = true;
|
|
|
|
setTimeout(() => passwordInput.value?.focus(), 250);
|
|
};
|
|
|
|
const deleteUser = () => {
|
|
form.delete(route('current-user.destroy'), {
|
|
preserveScroll: true,
|
|
onSuccess: () => closeModal(),
|
|
onError: () => passwordInput.value?.focus(),
|
|
onFinish: () => form.reset(),
|
|
});
|
|
};
|
|
|
|
const closeModal = () => {
|
|
confirmingUserDeletion.value = false;
|
|
|
|
form.reset();
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<ActionSection>
|
|
<template #title> Delete Account </template>
|
|
|
|
<template #description> Permanently delete your account. </template>
|
|
|
|
<template #content>
|
|
<div class="max-w-xl text-sm text-gray-600 dark:text-gray-400">
|
|
Once your account is deleted, all of its resources and data will
|
|
be permanently deleted. Before deleting your account, please
|
|
download any data or information that you wish to retain.
|
|
</div>
|
|
|
|
<div class="mt-5">
|
|
<DangerButton @click="confirmUserDeletion">
|
|
Delete Account
|
|
</DangerButton>
|
|
</div>
|
|
|
|
<!-- Delete Account Confirmation Modal -->
|
|
<DialogModal :show="confirmingUserDeletion" @close="closeModal">
|
|
<template #title> Delete Account </template>
|
|
|
|
<template #content>
|
|
Are you sure you want to delete your account? Once your
|
|
account is deleted, all of its resources and data will be
|
|
permanently deleted. Please enter your password to confirm
|
|
you would like to permanently delete your account.
|
|
|
|
<div class="mt-4">
|
|
<TextInput
|
|
ref="passwordInput"
|
|
v-model="form.password"
|
|
type="password"
|
|
class="mt-1 block w-3/4"
|
|
placeholder="Password"
|
|
autocomplete="current-password"
|
|
@keyup.enter="deleteUser" />
|
|
|
|
<InputError
|
|
:message="form.errors.password"
|
|
class="mt-2" />
|
|
</div>
|
|
</template>
|
|
|
|
<template #footer>
|
|
<SecondaryButton @click="closeModal">
|
|
Cancel
|
|
</SecondaryButton>
|
|
|
|
<DangerButton
|
|
class="ms-3"
|
|
:class="{ 'opacity-25': form.processing }"
|
|
:disabled="form.processing"
|
|
@click="deleteUser">
|
|
Delete Account
|
|
</DangerButton>
|
|
</template>
|
|
</DialogModal>
|
|
</template>
|
|
</ActionSection>
|
|
</template>
|