ki-frontend/src/views/profile/View.vue

65 lines
1.7 KiB
Vue
Raw Normal View History

2021-09-19 12:55:33 +02:00
<!--
SPDX-FileCopyrightText: WTF Kooperative eG <https://wtf-eg.de/>
SPDX-License-Identifier: AGPL-3.0-or-later
-->
2021-06-07 17:41:25 +02:00
<template>
2021-07-26 17:10:28 +02:00
<div v-if="profile" class="container">
2021-08-15 20:35:15 +02:00
<h1>
{{profile.nickname}}
<span v-if="profile.pronouns">({{profile.pronouns}})</span>
</h1>
2021-07-26 17:10:28 +02:00
<p><label class="fw-bold">Vorstellung: </label> {{profile.freetext}}</p>
<p><label class="fw-bold">Ehrentamtliche Arbeit: </label> {{profile.volunteerwork}}</p>
<p><label class="fw-bold">Verfügbarkeit: </label> {{profile.availability}}</p>
2021-08-15 20:35:15 +02:00
<h3>Das kann ich:</h3>
2021-07-26 17:10:28 +02:00
<profile-list
:values="profile.skills"
type="skill"
></profile-list>
2021-08-15 20:35:15 +02:00
<h3>Das suche ich:</h3>
2021-07-26 17:10:28 +02:00
<profile-list
:values="profile.searchtopics"
type="skill"
></profile-list>
<h3>Meine Kontaktmöglichkeiten:</h3>
<profile-list
:values="profile.contacts"
type="contacttype"
></profile-list>
<h3>Ich Spreche Folgende Sprachen:</h3>
<profile-list
:values="profile.languages"
type="language"
></profile-list>
2021-08-16 18:40:55 +02:00
<div v-if="profile.address">
<h3>Meine Location:</h3>
2021-09-15 21:02:51 +02:00
{{profile.address.city}}<span v-if="profile.address && profile.address.postcode"> ({{profile.address.postcode}})</span>, {{profile.address.country}}
2021-08-16 18:40:55 +02:00
</div>
2021-07-26 17:10:28 +02:00
</div>
2021-06-07 17:41:25 +02:00
</template>
<script>
2021-09-19 17:30:37 +02:00
import { mapState } from 'vuex'
2021-08-18 22:59:44 +02:00
2021-09-19 17:30:37 +02:00
import RequestMixin from '@/mixins/request.mixin'
import ProfileList from '@/components/ProfileList';
2021-07-26 17:10:28 +02:00
2021-06-07 17:41:25 +02:00
export default {
2021-07-26 17:10:28 +02:00
name: "profileView",
2021-08-18 22:59:44 +02:00
mixins: [RequestMixin],
2021-07-26 17:10:28 +02:00
components: {
ProfileList,
},
2021-09-19 17:30:37 +02:00
computed: {
...mapState({
profile: 'currentProfile'
})
2021-07-26 17:10:28 +02:00
},
async created() {
2021-08-18 22:59:44 +02:00
await this.initViewPage();
}
2021-07-26 17:10:28 +02:00
};
2021-07-28 21:52:12 +02:00
</script>