ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: profile org data

This commit is contained in:
Reto Aebersold 2024-01-24 21:27:27 +01:00
parent 19548b2b07
commit b8f9a56e1d
1 changed files with 25 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
client/src/pages/personalProfile/PersonalProfilePage.vue
View File

@ -1,7 +1,18 @@
<script setup lang="ts"> <script setup lang="ts">
import { useUserStore } from "@/stores/user"; import { useUserStore } from "@/stores/user";
import { useEntities } from "@/services/onboarding";
import { computed } from "vue";
const user = useUserStore(); const user = useUserStore();
const { organisations } = useEntities();
const organisationName = computed(() => {
const org = organisations.value.find((c) => c.id === user.organisation);
if (org) {
return org.name;
}
return "Keine Organisation";
});
</script> </script>
<template> <template>
@ -26,21 +37,28 @@ const user = useUserStore();
<div class="flex justify-end"> <div class="flex justify-end">
<button class="btn btn-secondary">{{ $t("a.Profil bearbeiten") }}</button> <button class="btn btn-secondary">{{ $t("a.Profil bearbeiten") }}</button>
</div> </div>
<div class="bg-white p-3 md:p-6"> <div class="mb-4 bg-white p-3 md:p-6">
<h3 class="mb-2">{{ $t("a.Persönliche Informationen") }}</h3> <h3 class="mb-2">{{ $t("a.Persönliche Informationen") }}</h3>
<div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-8 sm:py-6"> <div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-8 sm:py-6">
<label class="block font-semibold leading-6">{{ $t("a.Vorname") }}</label> <label class="block font-semibold leading-6">{{ $t("a.Vorname") }}</label>
<div class="mb-3 sm:col-span-2 sm:mb-0">{{ user.first_name }}</div> <div class="mb-3 sm:col-span-2 sm:mb-0">{{ user.first_name }}</div>
<label class="block font-semibold leading-6">{{ $t("a.Name") }}</label> <label class="block font-semibold leading-6">{{ $t("a.Name") }}</label>
<div class="sm:col-span-2">{{ user.last_name }}</div> <div class="mb-3 sm:col-span-2 sm:mb-0">{{ user.last_name }}</div>
<label class="block font-semibold leading-6">
{{ $t("a.E-Mail Adresse") }}
</label>
<div class="sm:col-span-2">{{ user.email }}</div>
<label class="block font-semibold leading-6"> <label class="block font-semibold leading-6">
{{ $t("a.Privatadresse") }} {{ $t("a.Privatadresse") }}
</label> </label>
<div class="sm:col-span-2">Strasse</div> <div class="mb-3 sm:col-span-2 sm:mb-0">Strasse</div>
<label class="block font-semibold leading-6">
{{ $t("a.Rechnungsadresse") }}
</label>
<div class="sm:col-span-2">Gleich wie die Privatadresse</div>
</div>
</div>
<div class="bg-white p-3 md:p-6">
<h3 class="my-2">{{ $t("a.Geschäftsdaten") }}</h3>
<div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-8 sm:py-6">
<label class="block font-semibold leading-6">{{ $t("a.Unternehmen") }}</label>
<div class="mb-3 sm:col-span-2 sm:mb-0">{{ organisationName }}</div>
<label class="block font-semibold leading-6"> <label class="block font-semibold leading-6">
{{ $t("a.Rechnungsadresse") }} {{ $t("a.Rechnungsadresse") }}
</label> </label>