PLT-6657 Move system console to use v4 endpoints and redux (#6572)
* Move system console to use v4 endpoints and redux * Rename logs dir to get past gitignore * Fix test email * Update brand unit test * Updates per feedback
Этот коммит содержится в:
Joram Wilander
коммит произвёл
Harrison Healey
Harrison Healey
родитель
40efd8367a
Коммит
1138dd6770
@@ -0,0 +1,394 @@
|
||||
// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
|
||||
// See License.txt for license information.
|
||||
|
||||
import LoadingScreen from 'components/loading_screen.jsx';
|
||||
|
||||
import * as Utils from 'utils/utils.jsx';
|
||||
import UserStore from 'stores/user_store.jsx';
|
||||
import {Client4} from 'mattermost-redux/client';
|
||||
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import {FormattedMessage, FormattedDate, FormattedTime} from 'react-intl';
|
||||
|
||||
export default class ComplianceReports extends React.PureComponent {
|
||||
static propTypes = {
|
||||
|
||||
/*
|
||||
* Set if compliance reports are enabled in the config
|
||||
*/
|
||||
enabled: PropTypes.bool.isRequired,
|
||||
|
||||
/*
|
||||
* Array of reports to render
|
||||
*/
|
||||
reports: PropTypes.arrayOf(PropTypes.object).isRequired,
|
||||
|
||||
/*
|
||||
* Error message to display
|
||||
*/
|
||||
serverError: PropTypes.string,
|
||||
|
||||
actions: PropTypes.shape({
|
||||
|
||||
/*
|
||||
* Function to get compliance reports
|
||||
*/
|
||||
getComplianceReports: PropTypes.func.isRequired,
|
||||
|
||||
/*
|
||||
* Function to save compliance reports
|
||||
*/
|
||||
createComplianceReport: PropTypes.func.isRequired
|
||||
}).isRequired
|
||||
}
|
||||
|
||||
constructor(props) {
|
||||
super(props);
|
||||
|
||||
this.state = {
|
||||
loadingReports: true
|
||||
};
|
||||
}
|
||||
|
||||
componentDidMount() {
|
||||
if (global.window.mm_license.IsLicensed !== 'true' || !this.props.enabled) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.props.actions.getComplianceReports().then(
|
||||
() => this.setState({loadingReports: false})
|
||||
);
|
||||
}
|
||||
|
||||
reload = () => {
|
||||
this.setState({loadingReports: true});
|
||||
|
||||
this.props.actions.getComplianceReports().then(
|
||||
() => this.setState({loadingReports: false})
|
||||
);
|
||||
}
|
||||
|
||||
runReport = (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
this.setState({runningReport: true});
|
||||
|
||||
const job = {};
|
||||
job.desc = this.refs.desc.value;
|
||||
job.emails = this.refs.emails.value;
|
||||
job.keywords = this.refs.keywords.value;
|
||||
job.start_at = Date.parse(this.refs.from.value);
|
||||
job.end_at = Date.parse(this.refs.to.value);
|
||||
|
||||
this.props.actions.createComplianceReport(job).then(
|
||||
(data) => {
|
||||
if (data) {
|
||||
this.refs.emails.value = '';
|
||||
this.refs.keywords.value = '';
|
||||
this.refs.desc.value = '';
|
||||
this.refs.from.value = '';
|
||||
this.refs.to.value = '';
|
||||
}
|
||||
this.setState({runningReport: false});
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
getDateTime(millis) {
|
||||
const date = new Date(millis);
|
||||
return (
|
||||
<span style={{whiteSpace: 'nowrap'}}>
|
||||
<FormattedDate
|
||||
value={date}
|
||||
day='2-digit'
|
||||
month='short'
|
||||
year='numeric'
|
||||
/>
|
||||
{' - '}
|
||||
<FormattedTime
|
||||
value={date}
|
||||
hour='2-digit'
|
||||
minute='2-digit'
|
||||
/>
|
||||
</span>
|
||||
);
|
||||
}
|
||||
|
||||
render() {
|
||||
if (global.window.mm_license.IsLicensed !== 'true' || !this.props.enabled) {
|
||||
return <div/>;
|
||||
}
|
||||
|
||||
let content = null;
|
||||
if (this.state.loadingReports) {
|
||||
content = <LoadingScreen/>;
|
||||
} else {
|
||||
var list = [];
|
||||
|
||||
for (var i = 0; i < this.props.reports.length; i++) {
|
||||
const report = this.props.reports[i];
|
||||
|
||||
let params = '';
|
||||
if (report.type === 'adhoc') {
|
||||
params = (
|
||||
<span>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_reports.from'
|
||||
defaultMessage='From:'
|
||||
/>{' '}{this.getDateTime(report.start_at)}
|
||||
<br/>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_reports.to'
|
||||
defaultMessage='To:'
|
||||
/>{' '}{this.getDateTime(report.end_at)}
|
||||
<br/>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_reports.emails'
|
||||
defaultMessage='Emails:'
|
||||
/>{' '}{report.emails}
|
||||
<br/>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_reports.keywords'
|
||||
defaultMessage='Keywords:'
|
||||
/>{' '}{report.keywords}
|
||||
</span>);
|
||||
}
|
||||
|
||||
let download = '';
|
||||
if (report.status === 'finished') {
|
||||
download = (
|
||||
<a href={`${Client4.getBaseRoute()}/compliance/reports/${report.id}/download`}>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_table.download'
|
||||
defaultMessage='Download'
|
||||
/>
|
||||
</a>
|
||||
);
|
||||
}
|
||||
|
||||
let status = report.status;
|
||||
if (report.status === 'finished') {
|
||||
status = (
|
||||
<span style={{color: 'green'}}>{report.status}</span>
|
||||
);
|
||||
}
|
||||
|
||||
if (report.status === 'failed') {
|
||||
status = (
|
||||
<span style={{color: 'red'}}>{report.status}</span>
|
||||
);
|
||||
}
|
||||
|
||||
let user = report.user_id;
|
||||
const profile = UserStore.getProfile(report.user_id);
|
||||
if (profile) {
|
||||
user = profile.email;
|
||||
}
|
||||
|
||||
list[i] = (
|
||||
<tr key={report.id}>
|
||||
<td style={{whiteSpace: 'nowrap'}}>{download}</td>
|
||||
<td>{this.getDateTime(report.create_at)}</td>
|
||||
<td>{status}</td>
|
||||
<td>{report.count}</td>
|
||||
<td>{report.type}</td>
|
||||
<td style={{whiteSpace: 'nowrap'}}>{report.desc}</td>
|
||||
<td>{user}</td>
|
||||
<td style={{whiteSpace: 'nowrap'}}>{params}</td>
|
||||
</tr>
|
||||
);
|
||||
}
|
||||
|
||||
content = (
|
||||
<div style={{margin: '10px'}}>
|
||||
<table className='table'>
|
||||
<thead>
|
||||
<tr>
|
||||
<th/>
|
||||
<th>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_table.timestamp'
|
||||
defaultMessage='Timestamp'
|
||||
/>
|
||||
</th>
|
||||
<th>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_table.status'
|
||||
defaultMessage='Status'
|
||||
/>
|
||||
</th>
|
||||
<th>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_table.records'
|
||||
defaultMessage='Records'
|
||||
/>
|
||||
</th>
|
||||
<th>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_table.type'
|
||||
defaultMessage='Type'
|
||||
/>
|
||||
</th>
|
||||
<th>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_table.desc'
|
||||
defaultMessage='Description'
|
||||
/>
|
||||
</th>
|
||||
<th>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_table.userId'
|
||||
defaultMessage='Requested By'
|
||||
/>
|
||||
</th>
|
||||
<th>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_table.params'
|
||||
defaultMessage='Params'
|
||||
/>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{list}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
let serverError = '';
|
||||
if (this.props.serverError) {
|
||||
serverError = (
|
||||
<div
|
||||
className='form-group has-error'
|
||||
style={{marginTop: '10px'}}
|
||||
>
|
||||
<label className='control-label'>{this.props.serverError}</label>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className='panel compliance-panel'>
|
||||
<h3>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_reports.title'
|
||||
defaultMessage='Compliance Reports'
|
||||
/>
|
||||
</h3>
|
||||
<div className='row'>
|
||||
<div className='col-sm-6 col-md-4 form-group'>
|
||||
<label>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_reports.desc'
|
||||
defaultMessage='Job Name:'
|
||||
/>
|
||||
</label>
|
||||
<input
|
||||
type='text'
|
||||
className='form-control'
|
||||
id='desc'
|
||||
ref='desc'
|
||||
placeholder={Utils.localizeMessage('admin.compliance_reports.desc_placeholder', 'E.g. "Audit 445 for HR"')}
|
||||
/>
|
||||
</div>
|
||||
<div className='col-sm-3 col-md-2 form-group'>
|
||||
<label>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_reports.from'
|
||||
defaultMessage='From:'
|
||||
/>
|
||||
</label>
|
||||
<input
|
||||
type='text'
|
||||
className='form-control'
|
||||
id='from'
|
||||
ref='from'
|
||||
placeholder={Utils.localizeMessage('admin.compliance_reports.from_placeholder', 'E.g. "2016-03-11"')}
|
||||
/>
|
||||
</div>
|
||||
<div className='col-sm-3 col-md-2 form-group'>
|
||||
<label>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_reports.to'
|
||||
defaultMessage='To:'
|
||||
/>
|
||||
</label>
|
||||
<input
|
||||
type='text'
|
||||
className='form-control'
|
||||
id='to'
|
||||
ref='to'
|
||||
placeholder={Utils.localizeMessage('admin.compliance_reports.to_placeholder', 'E.g. "2016-03-15"')}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className='row'>
|
||||
<div className='col-sm-6 col-md-4 form-group'>
|
||||
<label>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_reports.emails'
|
||||
defaultMessage='Emails:'
|
||||
/>
|
||||
</label>
|
||||
<input
|
||||
type='text'
|
||||
className='form-control'
|
||||
id='emails'
|
||||
ref='emails'
|
||||
placeholder={Utils.localizeMessage('admin.compliance_reports.emails_placeholder', 'E.g. "bill@example.com, bob@example.com"')}
|
||||
/>
|
||||
</div>
|
||||
<div className='col-sm-6 col-md-4 form-group'>
|
||||
<label>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_reports.keywords'
|
||||
defaultMessage='Keywords:'
|
||||
/>
|
||||
</label>
|
||||
<input
|
||||
type='text'
|
||||
className='form-control'
|
||||
id='keywords'
|
||||
ref='keywords'
|
||||
placeholder={Utils.localizeMessage('admin.compliance_reports.keywords_placeholder', 'E.g. "shorting stock"')}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className='clearfix'>
|
||||
<button
|
||||
id='run-button'
|
||||
type='submit'
|
||||
className='btn btn-primary'
|
||||
onClick={this.runReport}
|
||||
>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_reports.run'
|
||||
defaultMessage='Run Compliance Report'
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
{serverError}
|
||||
<div className='text-right'>
|
||||
<button
|
||||
type='submit'
|
||||
className='btn btn-link'
|
||||
disabled={this.state.runningReport}
|
||||
onClick={this.reload}
|
||||
>
|
||||
<i className='fa fa-refresh'/>
|
||||
<FormattedMessage
|
||||
id='admin.compliance_reports.reload'
|
||||
defaultMessage='Reload Completed Compliance Reports'
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
<div className='compliance-panel__table'>
|
||||
{content}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
42
webapp/components/admin_console/compliance_reports/index.js
Обычный файл
42
webapp/components/admin_console/compliance_reports/index.js
Обычный файл
@@ -0,0 +1,42 @@
|
||||
// Copyright (c) 2017 Mattermost, Inc. All Rights Reserved.
|
||||
// See License.txt for license information.
|
||||
|
||||
import {connect} from 'react-redux';
|
||||
import {bindActionCreators} from 'redux';
|
||||
import {getComplianceReports, createComplianceReport} from 'mattermost-redux/actions/admin';
|
||||
|
||||
import {getComplianceReports as selectComplianceReports, getConfig} from 'mattermost-redux/selectors/entities/admin';
|
||||
|
||||
import ComplianceReports from './compliance_reports.jsx';
|
||||
|
||||
function mapStateToProps(state, ownProps) {
|
||||
let enabled = false;
|
||||
const config = getConfig(state);
|
||||
if (config && config.ComplianceSettings) {
|
||||
enabled = config.ComplianceSettings.Enable;
|
||||
}
|
||||
|
||||
let serverError;
|
||||
const error = state.requests.admin.createCompliance.error;
|
||||
if (error) {
|
||||
serverError = error.message;
|
||||
}
|
||||
|
||||
return {
|
||||
...ownProps,
|
||||
enabled,
|
||||
reports: Object.values(selectComplianceReports(state)),
|
||||
serverError
|
||||
};
|
||||
}
|
||||
|
||||
function mapDispatchToProps(dispatch) {
|
||||
return {
|
||||
actions: bindActionCreators({
|
||||
getComplianceReports,
|
||||
createComplianceReport
|
||||
}, dispatch)
|
||||
};
|
||||
}
|
||||
|
||||
export default connect(mapStateToProps, mapDispatchToProps)(ComplianceReports);
|
||||
Ссылка в новой задаче
Block a user