mailtrain/client/src/users/List.js
2018-09-28 14:51:55 +02:00

76 lines
No EOL
2.3 KiB
JavaScript

'use strict';
import React, {Component} from "react";
import {translate} from "react-i18next";
import {NavButton, requiresAuthenticatedUser, Title, Toolbar, withPageHelpers} from "../lib/page";
import {Table} from "../lib/table";
import mailtrainConfig from "mailtrainConfig";
import {Icon} from "../lib/bootstrap-components";
import {
tableDeleteDialogAddDeleteButton,
tableDeleteDialogInit,
tableDeleteDialogRender
} from "../lib/modals";
@translate()
@withPageHelpers
@requiresAuthenticatedUser
export default class List extends Component {
constructor(props) {
super(props);
this.state = {};
tableDeleteDialogInit(this);
}
render() {
// There are no permissions checks here because this page makes no sense for anyone who does not have manageUsers permission
// Once someone has this permission, then all on this page can be used.
const t = this.props.t;
const columns = [
{ data: 1, title: "Username" },
];
if (mailtrainConfig.isAuthMethodLocal) {
columns.push({ data: 2, title: "Full Name" });
}
columns.push({ data: 3, title: "Namespace" });
columns.push({ data: 4, title: "Role" });
columns.push({
actions: data => {
const actions = [];
actions.push({
label: <Icon icon="edit" title={t('Edit')}/>,
link: `/users/${data[0]}/edit`
});
actions.push({
label: <Icon icon="share" title={t('Share')}/>,
link: `/users/${data[0]}/shares`
});
tableDeleteDialogAddDeleteButton(actions, this, null, data[0], data[1]);
return actions;
}
});
return (
<div>
{tableDeleteDialogRender(this, `rest/users`, t('Deleting user ...'), t('User deleted'))}
<Toolbar>
<NavButton linkTo="/users/create" className="btn-primary" icon="plus" label={t('Create User')}/>
</Toolbar>
<Title>{t('Users')}</Title>
<Table ref={node => this.table = node} withHeader dataUrl="rest/users-table" columns={columns} />
</div>
);
}
}