mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-28 22:43:30 +03:00
22b0586667
- Has better column widths and fixed a bug with the time one - Now allows to show alternative icons for feature flag refs https://github.com/TryGhost/Team/issues/1851
228 lines
6.4 KiB
JavaScript
228 lines
6.4 KiB
JavaScript
import Helper from '@ember/component/helper';
|
|
import moment from 'moment';
|
|
import {getNonDecimal, getSymbol} from 'ghost-admin/utils/currency';
|
|
import {inject as service} from '@ember/service';
|
|
|
|
export default class ParseMemberEventHelper extends Helper {
|
|
@service feature;
|
|
|
|
compute([event, hasMultipleNewsletters]) {
|
|
const subject = event.data.member.name || event.data.member.email;
|
|
const icon = this.getIcon(event);
|
|
const action = this.getAction(event, hasMultipleNewsletters);
|
|
const info = this.getInfo(event);
|
|
|
|
const join = this.getJoin(event);
|
|
const object = this.getObject(event);
|
|
const url = this.getURL(event);
|
|
const timestamp = moment(event.data.created_at);
|
|
|
|
return {
|
|
memberId: event.data.member_id ?? event.data.member?.id,
|
|
member: event.data.member,
|
|
emailId: event.data.email_id,
|
|
email: event.data.email,
|
|
icon,
|
|
subject,
|
|
action,
|
|
join,
|
|
object,
|
|
info,
|
|
url,
|
|
timestamp
|
|
};
|
|
}
|
|
|
|
/* internal helper functions */
|
|
getIcon(event) {
|
|
let icon;
|
|
|
|
if (event.type === 'signup_event') {
|
|
icon = 'signed-up';
|
|
}
|
|
|
|
if (event.type === 'login_event') {
|
|
icon = 'logged-in';
|
|
}
|
|
|
|
if (event.type === 'payment_event') {
|
|
icon = 'subscriptions';
|
|
}
|
|
|
|
if (event.type === 'newsletter_event') {
|
|
if (event.data.subscribed) {
|
|
icon = 'subscribed-to-email';
|
|
} else {
|
|
icon = 'unsubscribed-from-email';
|
|
}
|
|
}
|
|
|
|
if (event.type === 'subscription_event') {
|
|
icon = 'subscriptions';
|
|
|
|
if (event.data.type === 'canceled') {
|
|
icon = 'canceled-subscription';
|
|
}
|
|
}
|
|
|
|
if (event.type === 'email_opened_event') {
|
|
icon = 'opened-email';
|
|
}
|
|
|
|
if (event.type === 'email_delivered_event') {
|
|
icon = 'received-email';
|
|
}
|
|
|
|
if (event.type === 'email_failed_event') {
|
|
icon = 'email-delivery-failed';
|
|
}
|
|
|
|
if (event.type === 'comment_event') {
|
|
icon = 'comment';
|
|
}
|
|
|
|
return 'event-' + icon + (this.feature.get('memberAttribution') ? '--feature-attribution' : '');
|
|
}
|
|
|
|
getAction(event, hasMultipleNewsletters) {
|
|
if (event.type === 'signup_event') {
|
|
return 'signed up';
|
|
}
|
|
|
|
if (event.type === 'login_event') {
|
|
return 'logged in';
|
|
}
|
|
|
|
if (event.type === 'payment_event') {
|
|
return 'made payment';
|
|
}
|
|
|
|
if (event.type === 'newsletter_event') {
|
|
let newsletter = 'newsletter';
|
|
if (hasMultipleNewsletters && event.data.newsletter && event.data.newsletter.name) {
|
|
newsletter = event.data.newsletter.name;
|
|
}
|
|
|
|
if (event.data.subscribed) {
|
|
return 'subscribed to ' + newsletter;
|
|
} else {
|
|
return 'unsubscribed from ' + newsletter;
|
|
}
|
|
}
|
|
|
|
if (event.type === 'subscription_event') {
|
|
if (event.data.type === 'created') {
|
|
return 'started paid subscription';
|
|
}
|
|
if (event.data.type === 'updated') {
|
|
return 'changed paid subscription';
|
|
}
|
|
if (event.data.type === 'canceled') {
|
|
return 'canceled paid subscription';
|
|
}
|
|
if (event.data.type === 'reactivated') {
|
|
return 'reactivated paid subscription';
|
|
}
|
|
if (event.data.type === 'expired') {
|
|
return 'ended paid subscription';
|
|
}
|
|
|
|
return 'changed paid subscription';
|
|
}
|
|
|
|
if (event.type === 'email_opened_event') {
|
|
return 'opened email';
|
|
}
|
|
|
|
if (event.type === 'email_delivered_event') {
|
|
return 'received email';
|
|
}
|
|
|
|
if (event.type === 'email_failed_event') {
|
|
return 'failed to receive email';
|
|
}
|
|
|
|
if (event.type === 'comment_event') {
|
|
if (event.data.parent) {
|
|
return 'replied to comment';
|
|
}
|
|
return 'commented';
|
|
}
|
|
}
|
|
|
|
/**
|
|
* When we need to append the action and object in one sentence, you can add extra words here.
|
|
* E.g.,
|
|
* action: 'Signed up'.
|
|
* object: 'My blog post'
|
|
* When both words need to get appended, we'll add 'on'
|
|
* -> do this by returning 'on' in getJoin()
|
|
* This string is not added when action and object are in a separete table column, or when the getObject/getURL is empty
|
|
*/
|
|
getJoin(event) {
|
|
if (event.type === 'signup_event' || event.type === 'subscription_event') {
|
|
if (event.data.attribution?.title) {
|
|
return 'on';
|
|
}
|
|
}
|
|
|
|
if (event.type === 'comment_event') {
|
|
if (event.data.post) {
|
|
return 'on';
|
|
}
|
|
}
|
|
|
|
return '';
|
|
}
|
|
|
|
/**
|
|
* Clickable object, shown between action and info, or in a separate column in some views
|
|
*/
|
|
getObject(event) {
|
|
if (event.type === 'signup_event' || event.type === 'subscription_event') {
|
|
if (event.data.attribution?.title) {
|
|
return event.data.attribution.title;
|
|
}
|
|
}
|
|
|
|
if (event.type === 'comment_event') {
|
|
if (event.data.post) {
|
|
return event.data.post.title;
|
|
}
|
|
}
|
|
|
|
return '';
|
|
}
|
|
|
|
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}${Math.abs(mrrDelta)})`;
|
|
}
|
|
return;
|
|
}
|
|
|
|
/**
|
|
* Make the object clickable
|
|
*/
|
|
getURL(event) {
|
|
if (event.type === 'comment_event') {
|
|
if (event.data.post) {
|
|
return event.data.post.url;
|
|
}
|
|
}
|
|
|
|
if (event.type === 'signup_event' || event.type === 'subscription_event') {
|
|
if (event.data.attribution && event.data.attribution.url) {
|
|
return event.data.attribution.url;
|
|
}
|
|
}
|
|
return;
|
|
}
|
|
}
|