admin.js

import Tabular from 'meteor/aldeed:tabular';

export const AdminConfig = {collections: {}};

globalThis.AdminConfig = AdminConfig; //TODO: delete this line

export const AdminTables = {};

export const adminTablesDom = '<"box"<"box-header"<"box-toolbar"<"pull-left"<lf>><"pull-right"p>>><"box-body"t>><r>';

export const adminEditButton = {
    data: '_id',
    title: 'Edit',
    createdCell(node, cellData, rowData) {
        return $(node).html(Blaze.toHTMLWithData(Template.adminEditBtn, {_id: cellData}));
    },
    width: '40px',
    orderable: false
};
export const adminDelButton = {
    data: '_id',
    title: 'Delete',
    createdCell(node, cellData, rowData) {
        return $(node).html(Blaze.toHTMLWithData(Template.adminDeleteBtn, {_id: cellData}));
    },
    width: '40px',
    orderable: false
};

export const adminEditDelButtons = [
    adminEditButton,
    adminDelButton
];

export const defaultColumns = () => [{
    data: '_id',
    title: 'ID'
}];

AdminTables.Users = new Tabular.Table({
    // Modify selector to allow search by email
    changeSelector(selector, userId) {
        const $or = selector['$or'];
        $or && (selector['$or'] = _.map($or, function (exp) {
            if ((exp.emails != null ? exp.emails['$regex'] : undefined) != null) {
                return {emails: {$elemMatch: {address: exp.emails}}};
            } else {
                return exp;
            }
        }));
        return selector;
    },

    name: 'Users',
    collection: Meteor.users,
    columns: _.union([
        {
            data: '_id',
            title: 'Admin',
            // TODO: use `tmpl`
            createdCell(node, cellData, rowData) {
                if (Meteor.isServer) return null;
                return $(node).html(Blaze.toHTMLWithData(Template.adminUsersIsAdmin, {_id: cellData}));
            },
            width: '40px'
        },
        {
            data: 'username',
            title: 'Username',
        },
        {
            data: 'emails',
            title: 'Email',
            render(value) {
                let result = '';
                value?.forEach(v => result += `${v.address}, `);
                return result.slice(0, -2);
            },
        },
        {
            data: 'emails',
            title: 'Mail',
            // TODO: use `tmpl`
            createdCell(node, cellData, rowData) {
                if (Meteor.isServer) return null;
                return $(node).html(Blaze.toHTMLWithData(Template.adminUsersMailBtn, {emails: cellData}));
            },
            width: '40px'
        },
        {data: 'createdAt', title: 'Joined'}
    ], adminEditDelButtons),
    dom: adminTablesDom
});