Arno Kaimbacher
36cd7a757b
All checks were successful
CI / container-job (push) Successful in 41s
- adonisrc.ts: Load official drive_provider and unload custom driver_provider. - packages.json: Add @headlessui/vue dependency for tab components. - AvatarController.ts: Rewrite avatar generation logic to always return the same avatar per user. - auth/UserController.ts: Add profile and profileUpdate methods to support user profile editing. - Submitter/datasetController.ts & app/models/file.ts: Adapt code to use the official drive_provider. - app/models/user.ts: Introduce “isAdmin” getter. - config/drive.ts: Create new configuration for the official drive_provider. - providers/vinejs_provider.ts: Adapt allowedExtensions control to use provided options or database enabled extensions. - resource/js/app.ts: Load default Head and Link components. - resources/js/menu.ts: Add settings-profile.edit menu point. - resources/js/Components/action-message.vue: Add new component for improved user feedback after form submissions. - New avatar-input.vue component: Enable profile picture selection. - Components/CardBox.vue: Alter layout to optionally show HeaderIcon in title bar. - FormControl.vue: Define a readonly prop for textareas. - Improve overall UI with updates to NavBar.vue, UserAvatar.vue, UserAvatarCurrentUser.vue, and add v-model support to password-meter.vue. - Remove profile editing logic from AccountInfo.vue and introduce new profile components (show.vue, update-password-form.vue, update-profile-information.vue). - app.edge: Modify page (add @inertiaHead tag) for better meta management. - routes.ts: Add new routes for editing user profiles. - General npm updates.
44 lines
1.5 KiB
Vue
44 lines
1.5 KiB
Vue
<script lang="ts" setup>
|
|
import { computed, ref } from 'vue';
|
|
import { MainService } from '@/Stores/main';
|
|
import { mdiCheckDecagram } from '@mdi/js';
|
|
import BaseLevel from '@/Components/BaseLevel.vue';
|
|
import UserAvatarCurrentUser from '@/Components/UserAvatarCurrentUser.vue';
|
|
import CardBox from '@/Components/CardBox.vue';
|
|
import FormCheckRadioGroup from '@/Components/FormCheckRadioGroup.vue';
|
|
import PillTag from '@/Components/PillTag.vue';
|
|
import { usePage } from '@inertiajs/vue3';
|
|
import type { User } from '@/Dataset';
|
|
import type { ComputedRef } from 'vue';
|
|
|
|
const mainService = MainService();
|
|
|
|
const userName = computed(() => mainService.userName);
|
|
|
|
const user: ComputedRef<User> = computed(() => {
|
|
return usePage().props.authUser as User;
|
|
});
|
|
|
|
const userSwitchVal = ref([]);
|
|
</script>
|
|
|
|
<template>
|
|
<CardBox>
|
|
<BaseLevel type="justify-around lg:justify-center">
|
|
<UserAvatarCurrentUser :user="user" class="lg:mx-12" />
|
|
<div class="space-y-3 text-center md:text-left lg:mx-12">
|
|
<div class="flex justify-center md:block">
|
|
<FormCheckRadioGroup v-model="userSwitchVal" name="sample-switch" type="switch"
|
|
:options="{ one: 'Notifications' }" />
|
|
</div>
|
|
<h1 class="text-2xl">
|
|
Howdy, <b>{{ userName }}</b>!
|
|
</h1>
|
|
<p>Last login <b>12 mins ago</b> from <b>127.0.0.1</b></p>
|
|
<div class="flex justify-center md:block">
|
|
<PillTag text="Verified" type="info" :icon="mdiCheckDecagram" />
|
|
</div>
|
|
</div>
|
|
</BaseLevel>
|
|
</CardBox>
|
|
</template>
|