ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Implement 'categories' on group profile, next step

Browse Source
This commit is contained in:
Wolfgang Huß 2022-09-16 07:14:56 +02:00
parent 1d3fc9b88a
commit b26c500bd0
1 changed files with 31 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -142,19 +142,10 @@
</ds-chip> </ds-chip>
</div> </div>
</ds-space> </ds-space>
<hr v-if="(group && group.about) || categoriesActive" />
<ds-space margin-top="small" margin-bottom="small">
<!-- Group goal -->
<template v-if="group && group.about">
<ds-text class="centered-text hyphenate-text" color="soft" size="small">
{{ $t('group.goal') }}
</ds-text>
<div class="chip" align="center">
<ds-chip>{{ group ? group.about : '' }}</ds-chip>
</div>
</template>
<!-- Group categories --> <!-- Group categories -->
<template v-if="categoriesActive"> <template v-if="categoriesActive">
<hr />
<ds-space margin-top="small" margin-bottom="small">
<ds-text class="centered-text hyphenate-text" color="soft" size="small"> <ds-text class="centered-text hyphenate-text" color="soft" size="small">
{{ {{
$t( $t(
@ -165,17 +156,32 @@
}} }}
</ds-text> </ds-text>
<div class="categories"> <div class="categories">
<ds-space margin="xx-large" /> <div v-for="category in group.categories" :key="category.id" align="center">
<ds-space margin="xx-small" /> <category
<!-- <hc-category
v-for="category in post.categories"
:key="category.id"
:icon="category.icon" :icon="category.icon"
:name="$t(`contribution.category.name.${category.slug}`)" :name="$t(`contribution.category.name.${category.slug}`)"
/> --> v-tooltip="{
content: $t(`contribution.category.name.${category.slug}`),
placement: 'bottom-start',
}"
/>
<ds-space margin="xxx-small" />
</div>
</div> </div>
</template>
</ds-space> </ds-space>
</template>
<!-- Group goal -->
<template v-if="group && group.about">
<hr />
<ds-space margin-top="small" margin-bottom="small">
<ds-text class="centered-text hyphenate-text" color="soft" size="small">
{{ $t('group.goal') }}
</ds-text>
<div class="chip" align="center">
<ds-chip>{{ group ? group.about : '' }}</ds-chip>
</div>
</ds-space>
</template>
</base-card> </base-card>
<ds-space /> <ds-space />
<ds-heading tag="h3" soft style="text-align: center; margin-bottom: 10px"> <ds-heading tag="h3" soft style="text-align: center; margin-bottom: 10px">
@ -226,7 +232,6 @@
ghost ghost
@click="isDescriptionCollapsed = !isDescriptionCollapsed" @click="isDescriptionCollapsed = !isDescriptionCollapsed"
> >
<!-- Wolle: locales, full description -->
{{ isDescriptionCollapsed ? $t('comment.show.more') : $t('comment.show.less') }} {{ isDescriptionCollapsed ? $t('comment.show.more') : $t('comment.show.less') }}
</base-button> </base-button>
</base-card> </base-card>
@ -237,7 +242,6 @@
v-tooltip="{ v-tooltip="{
content: $t('contribution.newPost'), content: $t('contribution.newPost'),
placement: 'left', placement: 'left',
delay: { show: 500 },
}" }"
:path="{ name: 'post-create' }" :path="{ name: 'post-create' }"
class="profile-post-add-button" class="profile-post-add-button"
@ -297,6 +301,7 @@ import { updateGroupMutation, groupQuery, groupMembersQuery } from '~/graphql/gr
// import UpdateQuery from '~/components/utils/UpdateQuery' // import UpdateQuery from '~/components/utils/UpdateQuery'
import postListActions from '~/mixins/postListActions' import postListActions from '~/mixins/postListActions'
import AvatarUploader from '~/components/Uploader/AvatarUploader' import AvatarUploader from '~/components/Uploader/AvatarUploader'
import Category from '~/components/Category'
// import ContentMenu from '~/components/ContentMenu/ContentMenu' // import ContentMenu from '~/components/ContentMenu/ContentMenu'
import ContentViewer from '~/components/Editor/ContentViewer' import ContentViewer from '~/components/Editor/ContentViewer'
import CountTo from '~/components/CountTo.vue' import CountTo from '~/components/CountTo.vue'
@ -323,6 +328,7 @@ import ProfileList from '~/components/features/ProfileList/ProfileList'
export default { export default {
components: { components: {
AvatarUploader, AvatarUploader,
Category,
// ContentMenu, // ContentMenu,
ContentViewer, ContentViewer,
CountTo, CountTo,