IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2026-02-06 09:55:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed issue in postteaser

Browse Source
This commit is contained in:
Markus 2024-02-01 15:48:42 +01:00
parent d70fd979fb
commit d8ceca17da
1 changed files with 29 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
webapp/components/PostTeaser/PostTeaser.vue
View File

@ -16,7 +16,6 @@
</template> </template>
<client-only> <client-only>
<div class="post-user-row"> <div class="post-user-row">
<!-- <user-teaser :user="post.author" :group="post.group" :date-time="post.createdAt" /> -->
<user-teaser :user="post.author" :group="post.group" /> <user-teaser :user="post.author" :group="post.group" />
<hc-ribbon <hc-ribbon
:class="[isPinned ? '--pinned' : '', post.image ? 'post-ribbon-w-img' : 'post-ribbon']" :class="[isPinned ? '--pinned' : '', post.image ? 'post-ribbon-w-img' : 'post-ribbon']"
@ -26,25 +25,27 @@
</div> </div>
</client-only> </client-only>
<h2 class="title hyphenate-text">{{ post.title }}</h2> <h2 class="title hyphenate-text">{{ post.title }}</h2>
<ds-space <client-only>
v-if="post && post.postType[0] === 'Event'" <ds-space
margin-bottom="small" v-if="post && post.postType[0] === 'Event'"
style="padding: 5px" margin-bottom="small"
> style="padding: 5px"
<location-teaser >
class="event-info" <location-teaser
size="base" class="event-info"
:venue="post.eventVenue" size="base"
:locationName="post.eventLocationName" :venue="post.eventVenue"
:isOnline="post.eventIsOnline" :locationName="post.eventLocationName"
/> :isOnline="post.eventIsOnline"
<date-time-range />
class="event-info" <date-time-range
size="base" class="event-info"
:startDate="post.eventStart" size="base"
:endDate="post.eventEnd" :startDate="post.eventStart"
/> :endDate="post.eventEnd"
</ds-space> />
</ds-space>
</client-only>
<!-- TODO: replace editor content with tiptap render view --> <!-- TODO: replace editor content with tiptap render view -->
<!-- eslint-disable-next-line vue/no-v-html --> <!-- eslint-disable-next-line vue/no-v-html -->
<div class="content hyphenate-text" v-html="excerpt" /> <div class="content hyphenate-text" v-html="excerpt" />
@ -99,12 +100,14 @@
/> />
</client-only> </client-only>
</footer> </footer>
<div class="date-row"> <client-only>
<span class="text"> <div class="date-row" v-if="post.createdAt">
<relative-date-time :date-time="post.createdAt" /> <span class="text">
<slot name="dateTime"></slot> <relative-date-time :date-time="post.createdAt" />
</span> <slot name="dateTime"></slot>
</div> </span>
</div>
</client-only>
</base-card> </base-card>
</nuxt-link> </nuxt-link>
</template> </template>