+ 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" />