diff options
author | Christopher Speller <crspeller@gmail.com> | 2015-09-15 15:59:29 -0400 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2015-09-15 15:59:29 -0400 |
commit | 1bbb5265be24476faa2d44f8538918708391bde8 (patch) | |
tree | 5f1b30ec8a4cf1dfa1366b7945accb502add43ba /web/react/components/admin_console/logs.jsx | |
parent | bbb0607e1ddf3e3d530095ba2aa28abd9c49a3e4 (diff) | |
parent | 23a1311ef5f9ecac0a250419a49e74b290e63516 (diff) | |
download | chat-1bbb5265be24476faa2d44f8538918708391bde8.tar.gz chat-1bbb5265be24476faa2d44f8538918708391bde8.tar.bz2 chat-1bbb5265be24476faa2d44f8538918708391bde8.zip |
Merge pull request #681 from mattermost/PLT-12-log
PLT-12 Adding server logs viewer to admin console
Diffstat (limited to 'web/react/components/admin_console/logs.jsx')
-rw-r--r-- | web/react/components/admin_console/logs.jsx | 88 |
1 files changed, 88 insertions, 0 deletions
diff --git a/web/react/components/admin_console/logs.jsx b/web/react/components/admin_console/logs.jsx new file mode 100644 index 000000000..d7de76a94 --- /dev/null +++ b/web/react/components/admin_console/logs.jsx @@ -0,0 +1,88 @@ +// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved. +// See License.txt for license information. + +var AdminStore = require('../../stores/admin_store.jsx'); +var LoadingScreen = require('../loading_screen.jsx'); +var AsyncClient = require('../../utils/async_client.jsx'); + +export default class Logs extends React.Component { + constructor(props) { + super(props); + + this.onLogListenerChange = this.onLogListenerChange.bind(this); + this.reload = this.reload.bind(this); + + this.state = { + logs: AdminStore.getLogs() + }; + } + + componentDidMount() { + AdminStore.addLogChangeListener(this.onLogListenerChange); + AsyncClient.getLogs(); + } + componentWillUnmount() { + AdminStore.removeLogChangeListener(this.onLogListenerChange); + } + onLogListenerChange() { + this.setState({ + logs: AdminStore.getLogs() + }); + } + + reload() { + AdminStore.saveLogs(null); + this.setState({ + logs: null + }); + + AsyncClient.getLogs(); + } + + render() { + var content = null; + + if (this.state.logs === null) { + content = <LoadingScreen />; + } else { + content = []; + + for (var i = 0; i < this.state.logs.length; i++) { + var style = { + whiteSpace: 'nowrap', + fontFamily: 'monospace' + }; + + if (this.state.logs[i].indexOf('[EROR]') > 0) { + style.color = 'red'; + } + + content.push(<br key={'br_' + i} />); + content.push( + <span + key={'log_' + i} + style={style} + > + {this.state.logs[i]} + </span> + ); + } + } + + return ( + <div className='panel'> + <h3>{'Server Logs'}</h3> + <button + type='submit' + className='btn btn-primary' + onClick={this.reload} + > + {'Reload'} + </button> + <div className='log__panel'> + {content} + </div> + </div> + ); + } +}
\ No newline at end of file |