2020-10-12 21:49:05 +00:00
|
|
|
<template>
|
2020-10-13 18:17:00 +00:00
|
|
|
<div>
|
|
|
|
<q-page
|
|
|
|
padding
|
|
|
|
class="fit row justify-center content-center items-center"
|
2020-10-15 01:36:25 +00:00
|
|
|
v-if="true"
|
2020-10-13 18:17:00 +00:00
|
|
|
>
|
2020-10-15 01:36:25 +00:00
|
|
|
<q-card
|
|
|
|
class="col-4"
|
|
|
|
height=""
|
|
|
|
>
|
2020-10-13 18:17:00 +00:00
|
|
|
<q-card-section>
|
2020-10-15 01:36:25 +00:00
|
|
|
Name: {{ userState.user.firstname }} {{ userState.user.lastname }}<br />
|
|
|
|
E-Mail: {{ userState.user.mail }}<br />
|
|
|
|
Roles: <ul
|
|
|
|
v-for="role in userState.user.roles"
|
|
|
|
v-bind:key="role"
|
|
|
|
>
|
|
|
|
<li>{{ role }}</li>
|
|
|
|
</ul><br />
|
|
|
|
Token expires: {{ userState.token.expires }}
|
2020-10-13 18:17:00 +00:00
|
|
|
</q-card-section>
|
|
|
|
</q-card>
|
|
|
|
</q-page>
|
2020-10-12 21:49:05 +00:00
|
|
|
<router-view />
|
2020-10-13 18:17:00 +00:00
|
|
|
</div>
|
2020-10-12 21:49:05 +00:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
2020-10-15 01:36:25 +00:00
|
|
|
import { defineComponent, computed } from '@vue/composition-api';
|
|
|
|
import { UserStateInterface } from '../../../store/module-user/state';
|
|
|
|
|
2020-10-12 21:49:05 +00:00
|
|
|
export default defineComponent({
|
|
|
|
// name: 'PageName'
|
2020-10-15 01:36:25 +00:00
|
|
|
setup(_, { root }) {
|
|
|
|
const userState = computed(
|
|
|
|
() => <UserStateInterface>root.$store.state.user
|
|
|
|
);
|
2020-10-14 20:27:20 +00:00
|
|
|
const a = ctx.root.$flaschengeistPlugins.mainLinks;
|
2020-10-15 01:36:25 +00:00
|
|
|
return { a, userState };
|
|
|
|
},
|
2020-10-12 21:49:05 +00:00
|
|
|
});
|
|
|
|
</script>
|