IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add slug to user profile page

Browse Source
This commit is contained in:
roschaefer 2019-09-18 17:15:04 +02:00
parent ade92e387d
commit 85f1773211
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
webapp/pages/profile/_id/_slug.vue
View File

@ -27,7 +27,12 @@
/>
</client-only>
<ds-space margin="small">
<ds-heading tag="h3" align="center" no-margin>{{ userName }}</ds-heading>
<ds-heading tag="h3" align="center" no-margin>
{{ userName }}
</ds-heading>
<ds-text size="large" align="center" color="soft">
{{ userSlug }}
</ds-text>
<ds-text v-if="user.location" align="center" color="soft" size="small">
<ds-icon name="map-marker" />
{{ user.location.name }}
@ -143,7 +148,7 @@
<ds-card style="position: relative; height: auto;">
<ds-space margin="x-small">
<ds-text tag="h5" color="soft">
{{ $t('profile.socialMedia') }} {{ user.name | truncate(15) }}?
{{ $t('profile.socialMedia') }} {{ userName | truncate(15) }}?
</ds-text>
<template>
<ds-space v-for="link in socialMediaLinks" :key="link.username" margin="x-small">
@ -336,6 +341,10 @@ export default {
const { name } = this.user || {}
return name || this.$t('profile.userAnonym')
},
userSlug() {
const { slug } = this.user || {}
return slug && `@${slug}`
},
},
watch: {
User(val) {