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

Implement join button on Group profile, a start

Browse Source
This commit is contained in:
Wolfgang Huß 2022-09-07 11:12:34 +02:00
parent d11b512bfb
commit fa79c25e9b
1 changed files with 28 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
webapp/pages/group/_id/_slug.vue
View File

@ -7,7 +7,11 @@
:class="{ 'disabled-content': group.disabled }" :class="{ 'disabled-content': group.disabled }"
style="position: relative; height: auto; overflow: visible" style="position: relative; height: auto; overflow: visible"
> >
<avatar-uploader v-if="isGroupOwner" :profile="group" :updateMutation="updateGroupMutation"> <avatar-uploader
v-if="isGroupOwner"
:profile="group"
:updateMutation="updateGroupMutation"
>
<profile-avatar :profile="group" class="profile-page-avatar" size="large" /> <profile-avatar :profile="group" class="profile-page-avatar" size="large" />
</avatar-uploader> </avatar-uploader>
<profile-avatar v-else :profile="group" class="profile-page-avatar" size="large" /> <profile-avatar v-else :profile="group" class="profile-page-avatar" size="large" />
@ -41,9 +45,6 @@
{{ $t('profile.groupSince') }} {{ group.createdAt | date('MMMM yyyy') }} {{ $t('profile.groupSince') }} {{ group.createdAt | date('MMMM yyyy') }}
</ds-text> </ds-text>
</ds-space> </ds-space>
<!-- Wolle: <ds-space v-if="user.badges && user.badges.length" margin="x-small">
<hc-badges :badges="user.badges" />
</ds-space> -->
<ds-flex> <ds-flex>
<ds-flex-item> <ds-flex-item>
<!-- Wolle: <client-only> <!-- Wolle: <client-only>
@ -64,13 +65,20 @@
</client-only> --> </client-only> -->
</ds-flex-item> </ds-flex-item>
</ds-flex> </ds-flex>
<!-- Wolle: <div v-if="!isGroupMember" class="action-buttons"> <div v-if="!isGroupMember" class="action-buttons">
<base-button v-if="user.isBlocked" @click="unblockUser(user)"> <!-- Wolle: <base-button v-if="user.isBlocked" @click="unblockUser(user)">
{{ $t('settings.blocked-users.unblock') }} {{ $t('settings.blocked-users.unblock') }}
</base-button> </base-button>
<base-button v-if="user.isMuted" @click="unmuteUser(user)"> <base-button v-if="user.isMuted" @click="unmuteUser(user)">
{{ $t('settings.muted-users.unmute') }} {{ $t('settings.muted-users.unmute') }}
</base-button> </base-button>
<hc-follow-button
v-if="!user.isMuted && !user.isBlocked"
:follow-id="user.id"
:is-followed="user.followedByCurrentUser"
@optimistic="optimisticFollow"
@update="updateFollow"
/> -->
<hc-follow-button <hc-follow-button
v-if="!user.isMuted && !user.isBlocked" v-if="!user.isMuted && !user.isBlocked"
:follow-id="user.id" :follow-id="user.id"
@ -78,7 +86,20 @@
@optimistic="optimisticFollow" @optimistic="optimisticFollow"
@update="updateFollow" @update="updateFollow"
/> />
</div> --> <base-button
class="track-button"
:disabled="disabled || !followId"
:loading="loading"
:icon="icon"
:filled="isFollowed && !hovered"
:danger="isFollowed && hovered"
@mouseenter.native="onHover"
@mouseleave.native="hovered = false"
@click.prevent="toggle"
>
{{ label }}
</base-button>
</div>
<template v-if="group.about"> <template v-if="group.about">
<hr /> <hr />
<ds-space margin-top="small" margin-bottom="small"> <ds-space margin-top="small" margin-bottom="small">