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

feat: edit mode

This commit is contained in:
Reto Aebersold 2024-01-25 11:10:10 +01:00
parent a0888fe966
commit f7748dec43
1 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,20 +1,21 @@
<script setup lang="ts">
import { useUserStore } from "@/stores/user";
import { useEntities } from "@/services/onboarding";
import { computed } from "vue";
import { computed, ref } from "vue";
import { useTranslation } from "i18next-vue";
const { t } = useTranslation();
const user = useUserStore();
const { organisations } = useEntities();
const { t } = useTranslation();
const editMode = ref(false);
const organisationName = computed(() => {
const org = organisations.value.find((c) => c.id === user.organisation);
if (org) {
return org.name;
}
return "Keine Organisation";
return t("a.Keine Angabe");
});
const privateAddress = computed(() => {
@ -61,15 +62,17 @@ const invoiceAddress = computed(() => {
<h3>{{ user.first_name }} {{ user.last_name }}</h3>
<div>{{ user.email }}</div>
</section>
<!-- <section class="mt-8 w-full border-t pt-6">-->
<!-- <h3 class="mb-2">{{ $t("a.Lehrgang") }}</h3>-->
<!-- <router-link class="link" to="/">Überbetriebliche Kurse</router-link>-->
<!-- </section>-->
</div>
<div class="flex flex-grow flex-col space-y-4 px-8 py-8 md:px-16">
<div class="flex justify-end">
<button class="btn btn-secondary">{{ $t("a.Profil bearbeiten") }}</button>
<div class="flex justify-end space-x-4">
<template v-if="editMode">
<button class="btn btn-secondary">{{ $t("general.cancel") }}</button>
<button class="btn btn-primary">{{ $t("general.save") }}</button>
</template>
<template v-else>
<button class="btn btn-secondary">{{ $t("a.Profil bearbeiten") }}</button>
</template>
</div>
<div class="mb-4 bg-white p-3 md:p-6">
<h3 class="mb-2">{{ $t("a.Persönliche Informationen") }}</h3>
@ -78,6 +81,10 @@ const invoiceAddress = computed(() => {
<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>
<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="mb-3 sm:col-span-2 sm:mb-0">{{ user.email }}</div>
<label class="block font-semibold leading-6">
{{ $t("a.Privatadresse") }}
</label>