mirror
/
social
kopia lustrzana https://github.com/nextcloud/social
1
0
Forkuj 1
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Add link to instance in user's profile 

+ Properly space section in user profile
+ Translate string

Signed-off-by: Louis Chemineau <louis@chmn.me>
pull/1571/head
Louis Chemineau 2023-01-11 18:05:20 +01:00
rodzic 0332ca2b31
commit 47c7383bd5
1 zmienionych plików z 43 dodań i 31 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

74
src/components/ProfileInfo.vue
Wyświetl plik

@ -32,7 +32,7 @@
:size="128" /> :size="128" />
<h2>{{ displayName }}</h2> <h2>{{ displayName }}</h2>
<!-- TODO: we have no details, timeline and follower list for non-local accounts for now --> <!-- TODO: we have no details, timeline and follower list for non-local accounts for now -->
<ul v-if="accountInfo.details && accountInfo.local" class="user-profile--sections"> <ul v-if="accountInfo.details && accountInfo.local" class="user-profile__info user-profile__sections">
<li> <li>
<router-link :to="{ name: 'profile', params: { account: uid } }" class="icon-category-monitoring"> <router-link :to="{ name: 'profile', params: { account: uid } }" class="icon-category-monitoring">
{{ getCount('post') }} {{ t('social', 'posts') }} {{ getCount('post') }} {{ t('social', 'posts') }}
@ -49,14 +49,18 @@
</router-link> </router-link>
</li> </li>
</ul> </ul>
<p>@{{ accountInfo.account }}</p> <p class="user-profile__info">
<p v-if="accountInfo.website"> <a :href="accountInfo.url" target="_blank">@{{ accountInfo.account }}</a>
Website: <a :href="accountInfo.website.value">
{{ accountInfo.website.value }}
</a>
</p> </p>
<FollowButton :account="accountInfo.account" :uid="uid" />
<NcButton v-if="serverData.public" class="primary" @click="followRemote"> <p v-if="accountInfo.website" class="user-profile__info">
{{ t('social', 'Website') }}: <a :href="accountInfo.website.value">{{ accountInfo.website.value }}</a>
</p>
<FollowButton class="user-profile__info" :account="accountInfo.account" :uid="uid" />
<NcButton v-if="serverData.public"
class="user-profile__info primary"
@click="followRemote">
{{ t('social', 'Follow') }} {{ t('social', 'Follow') }}
</NcButton> </NcButton>
</div> </div>
@ -126,7 +130,7 @@ export default {
} }
</script> </script>
<style scoped> <style scoped lang="scss">
.user-profile { .user-profile {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -137,28 +141,36 @@ export default {
padding-top: 20px; padding-top: 20px;
align-items: center; align-items: center;
margin-bottom: 20px; margin-bottom: 20px;
}
h2 {
margin-bottom: 5px;
}
.user-profile--sections { &__info {
display: flex; margin-bottom: 12px;
}
.user-profile--sections li { a:hover {
flex-grow: 1; text-decoration: underline;
} }
.user-profile--sections li a { }
padding: 10px;
padding-left: 24px; &__sections {
display: inline-block; display: flex;
background-position: 0 center;
height: 40px; li {
opacity: .6; flex-grow: 1;
}
.user-profile--sections li a.router-link-exact-active, a {
.user-profile--sections li a:focus{ padding: 10px;
opacity: 1; padding-left: 24px;
border-bottom: 1px solid var(--color-main-text); display: inline-block;
background-position: 0 center;
height: 40px;
opacity: .6;
&.router-link-exact-active,
&:focus {
opacity: 1;
border-bottom: 1px solid var(--color-main-text);
}
}
}
}
} }
</style> </style>