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

add clickedCount to PostTeaser

Browse Source
This commit is contained in:
Moriz Wahl 2021-02-22 21:13:24 +01:00
parent 4611e298f5
commit d3eafc9b69
4 changed files with 137 additions and 129 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -34,6 +34,11 @@
:count="post.commentsCount" :count="post.commentsCount"
:title="$t('contribution.amount-comments', { amount: post.commentsCount })" :title="$t('contribution.amount-comments', { amount: post.commentsCount })"
/> />
<counter-icon
icon="eye"
:count="post.clickedCount"
:title="$t('contribution.amount-clicks', { amount: post.clickedCount })"
/>
<client-only> <client-only>
<content-menu <content-menu
resource-type="contribution" resource-type="contribution"
@ -54,14 +59,14 @@
</template> </template>
<script> <script>
import UserTeaser from '~/components/UserTeaser/UserTeaser' import UserTeaser from '~/components/UserTeaser/UserTeaser'
import ContentMenu from '~/components/ContentMenu/ContentMenu' import ContentMenu from '~/components/ContentMenu/ContentMenu'
import HcRibbon from '~/components/Ribbon' import HcRibbon from '~/components/Ribbon'
import CounterIcon from '~/components/_new/generic/CounterIcon/CounterIcon' import CounterIcon from '~/components/_new/generic/CounterIcon/CounterIcon'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { postMenuModalsData, deletePostMutation } from '~/components/utils/PostHelpers' import { postMenuModalsData, deletePostMutation } from '~/components/utils/PostHelpers'
export default { export default {
name: 'PostTeaser', name: 'PostTeaser',
components: { components: {
UserTeaser, UserTeaser,
@ -131,12 +136,12 @@ export default {
this.$emit('unpinPost', post) this.$emit('unpinPost', post)
}, },
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.post-teaser, .post-teaser,
.post-teaser:hover, .post-teaser:hover,
.post-teaser:active { .post-teaser:active {
position: relative; position: relative;
display: block; display: block;
height: 100%; height: 100%;
@ -147,9 +152,9 @@ export default {
top: 50%; top: 50%;
right: -7px; right: -7px;
} }
} }
.post-teaser > .base-card { .post-teaser > .base-card {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
@ -192,5 +197,5 @@ export default {
.user-teaser { .user-teaser {
margin-bottom: $space-small; margin-bottom: $space-small;
} }
} }
</style> </style>

1
webapp/graphql/Fragments.js
View File

@ -67,6 +67,7 @@ export const postCountsFragment = gql`
shoutedCount shoutedCount
shoutedByCurrentUser shoutedByCurrentUser
emotionsCount emotionsCount
clickedCount
} }
` `

1
webapp/locales/de.json
View File

@ -174,6 +174,7 @@
} }
}, },
"contribution": { "contribution": {
"amount-clicks": "{amount} clicks",
"amount-comments": "{amount} comments", "amount-comments": "{amount} comments",
"amount-shouts": "{amount} recommendations", "amount-shouts": "{amount} recommendations",
"categories": { "categories": {

1
webapp/locales/en.json
View File

@ -174,6 +174,7 @@
} }
}, },
"contribution": { "contribution": {
"amount-clicks": "{amount} clicks",
"amount-comments": "{amount} comments", "amount-comments": "{amount} comments",
"amount-shouts": "{amount} recommendations", "amount-shouts": "{amount} recommendations",
"categories": { "categories": {