Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-04 02:01:58 -05:00
Code Issues Activity

Added POC for activity feed comment post name

Browse source 
refs https://github.com/TryGhost/Team/issues/1731

- Includes the post title and url in the activity feed
- For now only implemented on the member page (not yet in remaining 2 activity feeds)
- No styling added
This commit is contained in:
Simon Backx 2022-08-02 17:02:42 +02:00
parent a5ec6cca06
commit 2d5c9ff5d7
2 changed files with 42 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
ghost/admin/app/components/member/activity-feed.hbs
View file

@ -23,14 +23,21 @@
</div>
<div class="gh-member-feed-detail">
<div class="gh-member-feed-event">
<span class="gh-members-activity-description">
{{capitalize-first-letter event.action}}
{{event.object}}
</span>
{{#if event.email}}
"<GhEmailPreviewLink @data={{event.email}} />"
<div>
<span class="gh-members-activity-description">
{{capitalize-first-letter event.action}}
{{event.object}}
</span>
{{#if event.email}}
"<GhEmailPreviewLink @data={{event.email}} />"
{{/if}}
{{event.info}}
</div>
{{#if event.subtitle}}
<a class="ghost-memebrs-activity-subtitle" href="{{event.url}}">
{{event.subtitle}}
</a>
{{/if}}
{{event.info}}
</div>
<div class="gh-member-feed-time">
{{moment-from-now event.timestamp}}

28
ghost/admin/app/helpers/parse-member-event.js
View file

@ -7,6 +7,8 @@ export default function parseMemberEvent(event, hasMultipleNewsletters) {
let action = getAction(event);
let object = getObject(event, hasMultipleNewsletters);
let info = getInfo(event);
const subtitle = getSubtitle(event);
const url = getURL(event);
let timestamp = moment(event.data.created_at);
return {
@ -19,6 +21,8 @@ export default function parseMemberEvent(event, hasMultipleNewsletters) {
action,
object,
info,
subtitle,
url,
timestamp
};
}
@ -186,3 +190,27 @@ function getInfo(event) {
}*/
return;
}
/**
* subtitle with an optional url property that is shown in gray and can be clickable
*/
function getSubtitle(event) {
if (event.type === 'comment_event') {
if (event.data.post) {
return event.data.post.title;
}
}
return;
}
/**
* Make the event clickable
*/
function getURL(event) {
if (event.type === 'comment_event') {
if (event.data.post) {
return event.data.post.url;
}
}
return;
}