Ghost/ghost/admin/app/components/gh-event-timeline.js
Fabien O'Carroll d03e1ae0e2 Added links to member details page from dashboard
refs https://github.com/TryGhost/Team/issues/469

This also fixes the top members list displaying
2021-02-19 17:30:29 +00:00

100 lines
2.5 KiB
JavaScript

import Component from '@glimmer/component';
import moment from 'moment';
import {getNonDecimal, getSymbol} from 'ghost-admin/utils/currency';
import {tracked} from '@glimmer/tracking';
export default class EventTimeline extends Component {
@tracked
parsedEvents = null;
constructor(...args) {
super(...args);
this.parseEvents(this.args.events);
}
getIcon(event) {
return event.type;
}
getAction(event) {
if (event.type === 'login_event') {
return 'logged in';
}
if (event.type === 'payment_event') {
return 'made a payment';
}
if (event.type === 'newsletter_event') {
if (event.data.subscribed) {
return 'subscribed to';
} else {
return 'unsubscribed from';
}
}
if (event.type === 'subscription_event') {
if (event.data.from_plan === null) {
return 'started';
}
if (event.data.to_plan === null) {
return 'cancelled';
}
return 'changed';
}
}
getObject(event) {
if (event.type === 'login_event') {
return '';
}
if (event.type === 'payment_event') {
return '';
}
if (event.type === 'newsletter_event') {
return 'emails';
}
if (event.type === 'subscription_event') {
return 'their subscription';
}
}
getInfo(event) {
if (event.type === 'subscription_event') {
let mrrDelta = getNonDecimal(event.data.mrr_delta, event.data.currency);
if (mrrDelta === 0) {
return;
}
let sign = mrrDelta > 0 ? '+' : '-';
let symbol = getSymbol(event.data.currency);
return `(MRR ${sign}${symbol}${mrrDelta})`;
}
return;
}
parseEvents(events) {
this.parsedEvents = events.map((event) => {
let subject = event.data.member.name;
let icon = this.getIcon(event);
let action = this.getAction(event);
let object = this.getObject(event);
let info = this.getInfo(event);
let timestamp = moment(event.data.created_at).fromNow();
return {
member_id: event.data.member_id,
icon,
subject,
action,
object,
info,
timestamp
};
});
}
}