diff options
Diffstat (limited to 'webapp/components')
-rw-r--r-- | webapp/components/admin_console/configuration_settings.jsx | 2 | ||||
-rw-r--r-- | webapp/components/admin_console/purge_caches.jsx | 112 |
2 files changed, 114 insertions, 0 deletions
diff --git a/webapp/components/admin_console/configuration_settings.jsx b/webapp/components/admin_console/configuration_settings.jsx index 4653a5df9..a5e5abe87 100644 --- a/webapp/components/admin_console/configuration_settings.jsx +++ b/webapp/components/admin_console/configuration_settings.jsx @@ -10,6 +10,7 @@ import {FormattedMessage, FormattedHTMLMessage} from 'react-intl'; import SettingsGroup from './settings_group.jsx'; import TextSetting from './text_setting.jsx'; import ReloadConfigButton from './reload_config.jsx'; +import PurgeCachesButton from './purge_caches.jsx'; import WebserverModeDropdownSetting from './webserver_mode_dropdown_setting.jsx'; import {ConnectionSecurityDropdownSettingWebserver} from './connection_security_dropdown_setting.jsx'; import BooleanSetting from './boolean_setting.jsx'; @@ -252,6 +253,7 @@ export default class ConfigurationSettings extends AdminSettings { disabled={false} /> <ReloadConfigButton/> + <PurgeCachesButton/> </SettingsGroup> ); } diff --git a/webapp/components/admin_console/purge_caches.jsx b/webapp/components/admin_console/purge_caches.jsx new file mode 100644 index 000000000..a999f090e --- /dev/null +++ b/webapp/components/admin_console/purge_caches.jsx @@ -0,0 +1,112 @@ +// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved. +// See License.txt for license information. + +import React from 'react'; + +import Client from 'client/web_client.jsx'; + +import {FormattedMessage} from 'react-intl'; + +export default class PurgeCachesButton extends React.Component { + constructor(props) { + super(props); + + this.handlePurge = this.handlePurge.bind(this); + + this.state = { + loading: false, + fail: null + }; + } + + handlePurge(e) { + e.preventDefault(); + + this.setState({ + loading: true, + fail: null + }); + + Client.invalidateAllCaches( + () => { + this.setState({ + loading: false + }); + }, + (err) => { + this.setState({ + loading: false, + fail: err.message + ' - ' + err.detailed_error + }); + } + ); + } + + render() { + if (global.window.mm_license.IsLicensed !== 'true') { + return <div/>; + } + + let testMessage = null; + if (this.state.fail) { + testMessage = ( + <div className='alert alert-warning'> + <i className='fa fa-warning'/> + <FormattedMessage + id='admin.purge.purgeFail' + defaultMessage='Purging unsuccessful: {error}' + values={{ + error: this.state.fail + }} + /> + </div> + ); + } + + const helpText = ( + <FormattedMessage + id='admin.purge.purgeDescription' + defaultMessage='This will purge all the in-memory caches for things like sessions, accounts, channels, etc. Deployments using High Availability will attempt to purge all the servers in the cluster. Purging the caches may adversly impact performance.' + /> + ); + + let contents = null; + if (this.state.loading) { + contents = ( + <span> + <span className='fa fa-refresh icon--rotate'/> + <FormattedMessage + id='admin.purge.loading' + defaultMessage='Loading...' + /> + </span> + ); + } else { + contents = ( + <FormattedMessage + id='admin.purge.button' + defaultMessage='Purge All Caches' + /> + ); + } + + return ( + <div className='form-group reload-config'> + <div className='col-sm-offset-4 col-sm-8'> + <div> + <button + className='btn btn-default' + onClick={this.handlePurge} + > + {contents} + </button> + {testMessage} + </div> + <div className='help-text'> + {helpText} + </div> + </div> + </div> + ); + } +} |