Ghost-Admin/app/components/gh-members-import-table.js

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

export default class GhMembersImportTable extends Component {
    @tracked dataPreviewIndex = 0;

    get currentlyDisplayedData() {
        let rows = [];

        if (this.args && this.args.importData && this.args.mapping && this.args.mapping.mapping) {
            let currentRecord = this.args.importData[this.dataPreviewIndex];

            for (const [key, value] of Object.entries(currentRecord)) {
                rows.push({
                    key: key,
                    value: value,
                    mapTo: this.args.mapping.get(key)
                });
            }
        }

        return rows;
    }

    get hasNextRecord() {
        return this.args.importData && !!(this.args.importData[this.dataPreviewIndex + 1]);
    }

    get hasPrevRecord() {
        return this.args.importData && !!(this.args.importData[this.dataPreviewIndex - 1]);
    }

    get currentRecord() {
        return this.dataPreviewIndex + 1;
    }

    get allRecords() {
        if (this.args.importData) {
            return this.args.importData.length;
        } else {
            return 0;
        }
    }

    @action
    updateMapping(mapFrom, mapTo) {
        this.args.updateMapping(mapFrom, mapTo);
    }

    @action
    next() {
        const nextValue = this.dataPreviewIndex + 1;

        if (this.args.importData[nextValue]) {
            this.dataPreviewIndex = nextValue;
        }
    }

    @action
    prev() {
        const nextValue = this.dataPreviewIndex - 1;

        if (this.args.importData[nextValue]) {
            this.dataPreviewIndex = nextValue;
        }
    }
}