diff --git a/webapp/portlet/src/main/webapp/vue-apps/activity-stream/components/activity/content/ActivityLink.vue b/webapp/portlet/src/main/webapp/vue-apps/activity-stream/components/activity/content/ActivityLink.vue index 17ac963d16f..28ffb011ba0 100644 --- a/webapp/portlet/src/main/webapp/vue-apps/activity-stream/components/activity/content/ActivityLink.vue +++ b/webapp/portlet/src/main/webapp/vue-apps/activity-stream/components/activity/content/ActivityLink.vue @@ -99,7 +99,7 @@
+ 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');