57 lines
No EOL
2 KiB
JavaScript
57 lines
No EOL
2 KiB
JavaScript
'use strict';
|
|
|
|
import React, { Component } from 'react';
|
|
import { translate } from 'react-i18next';
|
|
import { DropdownMenu } from '../../lib/bootstrap-components';
|
|
import { requiresAuthenticatedUser, withPageHelpers, Title, Toolbar, DropdownLink } from '../../lib/page';
|
|
import { Table } from '../../lib/table';
|
|
import moment from 'moment';
|
|
|
|
@translate()
|
|
@withPageHelpers
|
|
@requiresAuthenticatedUser
|
|
export default class List extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
}
|
|
|
|
render() {
|
|
const t = this.props.t;
|
|
|
|
const actions = data => [
|
|
{
|
|
label: 'Edit',
|
|
link: '/reports/templates/edit/' + data[0]
|
|
},
|
|
{
|
|
label: 'Share',
|
|
link: '/reports/templates/share/' + data[0]
|
|
}
|
|
];
|
|
|
|
const columns = [
|
|
{ data: 0, title: "#" },
|
|
{ data: 1, title: t('Name') },
|
|
{ data: 2, title: t('Description') },
|
|
{ data: 3, title: t('Created'), render: data => moment(data).fromNow() },
|
|
{ data: 4, title: t('Namespace') }
|
|
];
|
|
|
|
return (
|
|
<div>
|
|
<Toolbar>
|
|
<DropdownMenu className="btn-primary" label={t('Create Report Template')}>
|
|
<DropdownLink to="/reports/templates/create">{t('Blank')}</DropdownLink>
|
|
<DropdownLink to="/reports/templates/create/subscribers-all">{t('All Subscribers')}</DropdownLink>
|
|
<DropdownLink to="/reports/templates/create/subscribers-grouped">{t('Grouped Subscribers')}</DropdownLink>
|
|
<DropdownLink to="/reports/templates/create/export-list-csv">{t('Export List as CSV')}</DropdownLink>
|
|
</DropdownMenu>
|
|
</Toolbar>
|
|
|
|
<Title>{t('Report Templates')}</Title>
|
|
|
|
<Table withHeader dataUrl="/rest/report-templates-table" columns={columns} actions={actions} />
|
|
</div>
|
|
);
|
|
}
|
|
} |