diff --git a/webapp/src/main/webapp/vue-apps/activity-stream/components/activity/ActivityStreamActivity.vue b/webapp/src/main/webapp/vue-apps/activity-stream/components/activity/ActivityStreamActivity.vue index 341cc1825c6..6f47d8a451d 100644 --- a/webapp/src/main/webapp/vue-apps/activity-stream/components/activity/ActivityStreamActivity.vue +++ b/webapp/src/main/webapp/vue-apps/activity-stream/components/activity/ActivityStreamActivity.vue @@ -37,7 +37,7 @@ :activity-types="activityTypes" :activity-type-extension="activityTypeExtension" />
+ class="my-2 position-relative d-flex flex-column width-full"> {{ $t('UIActivity.label.seeMore') }} +
+ + fas fa-eye + + + {{ activityViewsCount }} + +
@@ -162,7 +175,8 @@ export default { displayReadMoreButton: false, useEmbeddedLinkView: true, summaryLinesToDisplay: 2, - isLandscapeThumbnail: false + isLandscapeThumbnail: false, + activityViews: null }), computed: { getTitle() { @@ -314,6 +328,15 @@ export default { 'min-height': '100%' }; }, + getActivityViews() { + return this.activityTypeExtension && this.activityTypeExtension.getActivityViews; + }, + activityViewsTooltip() { + return this.activityViews?.tooltip && this.$t(this.activityViews.tooltip, {0: this.activityViews?.originalViewsCount}); + }, + activityViewsCount() { + return this.activityViews?.viewsCount; + } }, watch: { activityTypeExtension(newVal, oldVal) { @@ -360,6 +383,7 @@ export default { } } } + this.activityViews = this.getActivityViews && this.getActivityViews(this.activity); }, displayReadMore() { const elem = this.$el?.querySelector?.('.rich-editor-content'); diff --git a/webapp/src/main/webapp/vue-apps/activity-stream/components/activity/footer/ActivityFooter.vue b/webapp/src/main/webapp/vue-apps/activity-stream/components/activity/footer/ActivityFooter.vue index 2226a8ebc05..0fff0691dde 100644 --- a/webapp/src/main/webapp/vue-apps/activity-stream/components/activity/footer/ActivityFooter.vue +++ b/webapp/src/main/webapp/vue-apps/activity-stream/components/activity/footer/ActivityFooter.vue @@ -6,6 +6,7 @@ :activity-types="activityTypes" class="no-border-bottom mb-0 pa-3" />