mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-08 00:02:15 +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>
80 lines
2.6 KiB
Vue
80 lines
2.6 KiB
Vue
<script setup lang="ts">
|
|
import AppLayout from '@/Layouts/AppLayout.vue';
|
|
import DeleteUserForm from '@/Pages/Profile/Partials/DeleteUserForm.vue';
|
|
import LogoutOtherBrowserSessionsForm from '@/Pages/Profile/Partials/LogoutOtherBrowserSessionsForm.vue';
|
|
import SectionBorder from '@/Components/SectionBorder.vue';
|
|
import TwoFactorAuthenticationForm from '@/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue';
|
|
import UpdatePasswordForm from '@/Pages/Profile/Partials/UpdatePasswordForm.vue';
|
|
import UpdateProfileInformationForm from '@/Pages/Profile/Partials/UpdateProfileInformationForm.vue';
|
|
import { usePage } from '@inertiajs/vue3';
|
|
import type { User } from '@/types/models';
|
|
import type { Session } from '@/types/jetstream';
|
|
|
|
defineProps<{
|
|
confirmsTwoFactorAuthentication: boolean;
|
|
sessions: Session[];
|
|
}>();
|
|
|
|
const page = usePage<{
|
|
jetstream: {
|
|
canUpdateProfileInformation: boolean;
|
|
canUpdatePassword: boolean;
|
|
canManageTwoFactorAuthentication: boolean;
|
|
hasAccountDeletionFeatures: boolean;
|
|
};
|
|
auth: {
|
|
user: User;
|
|
};
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<AppLayout title="Profile">
|
|
<template #header>
|
|
<h2
|
|
class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
|
|
Profile
|
|
</h2>
|
|
</template>
|
|
|
|
<div>
|
|
<div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
|
|
<div v-if="page.props.jetstream.canUpdateProfileInformation">
|
|
<UpdateProfileInformationForm
|
|
:user="page.props.auth.user" />
|
|
|
|
<SectionBorder />
|
|
</div>
|
|
|
|
<div v-if="page.props.jetstream.canUpdatePassword">
|
|
<UpdatePasswordForm class="mt-10 sm:mt-0" />
|
|
|
|
<SectionBorder />
|
|
</div>
|
|
|
|
<div
|
|
v-if="
|
|
page.props.jetstream.canManageTwoFactorAuthentication
|
|
">
|
|
<TwoFactorAuthenticationForm
|
|
:requires-confirmation="confirmsTwoFactorAuthentication"
|
|
class="mt-10 sm:mt-0" />
|
|
|
|
<SectionBorder />
|
|
</div>
|
|
|
|
<LogoutOtherBrowserSessionsForm
|
|
:sessions="sessions"
|
|
class="mt-10 sm:mt-0" />
|
|
|
|
<template
|
|
v-if="page.props.jetstream.hasAccountDeletionFeatures">
|
|
<SectionBorder />
|
|
|
|
<DeleteUserForm class="mt-10 sm:mt-0" />
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</AppLayout>
|
|
</template>
|