Ghost/ghost/admin/app/components/posts/post-activity-feed.js

import Component from '@glimmer/component';
import {action} from '@ember/object';

const eventTypes = {
    sent: ['email_sent_event'],
    opened: ['email_opened_event'],
    clicked: ['aggregated_click_event'],
    feedback: ['feedback_event'],
    conversion: ['subscription_event', 'signup_event']
};

export default class PostActivityFeed extends Component {
    tooltipNode = null;
    _pageSize = 5;

    get getEventTypes() {
        return eventTypes[this.args.eventType];
    }

    get pageSize() {
        return this._pageSize;
    }

    @action
    onTooltipInsert(node) {
        this.tooltipNode = node;
    }

    @action
    onMouseleave() {
        this.tooltipNode.style.opacity = '0';
        this.tooltipNode.style.position = 'fixed';
        this.tooltipNode.style.left = '2000';
    }

    get eventType() {
        return this.args.eventType;
    }

    // calculate amount of empty rows which require to keep table height the same for each tab/page
    @action
    getAmountOfStubs({data}) {
        const stubs = this._pageSize - data.length;

        return new Array(stubs).fill(1);
    }

    @action
    isPreviousButtonDisabled({hasReachedStart, isLoading}) {
        return hasReachedStart || isLoading;
    }

    @action
    isNextButtonDisabled({hasReachedEnd, isLoading}) {
        return hasReachedEnd || isLoading;
    }

    @action
    isPaginationNotNeeded({totalEvents}) {
        return (totalEvents <= this._pageSize);
    }

    @action
    areStubsNeeded({totalEvents}) {
        return totalEvents > this._pageSize || this.args.eventType === 'feedback';
    }
}