diff options
author | =Corey Hulen <corey@hulen.com> | 2015-09-10 18:32:22 -0700 |
---|---|---|
committer | =Corey Hulen <corey@hulen.com> | 2015-09-10 18:32:22 -0700 |
commit | e06e292be71ca699d90bafbd635118aa47c2d7a5 (patch) | |
tree | 3f8f7ce86a1618f625e71084041746745139ba0c /web/react/components/admin_console/logs.jsx | |
parent | 41439eb801c6c8c0a55bcada3eeba3b4a561c663 (diff) | |
download | chat-e06e292be71ca699d90bafbd635118aa47c2d7a5.tar.gz chat-e06e292be71ca699d90bafbd635118aa47c2d7a5.tar.bz2 chat-e06e292be71ca699d90bafbd635118aa47c2d7a5.zip |
PLT-12 adding log viewer
Diffstat (limited to 'web/react/components/admin_console/logs.jsx')
-rw-r--r-- | web/react/components/admin_console/logs.jsx | 98 |
1 files changed, 98 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..959d99a30 --- /dev/null +++ b/web/react/components/admin_console/logs.jsx @@ -0,0 +1,98 @@ +// 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> + ); + } + } + + var divStyle = { + overflow: 'scroll', + width: '100%', + height: '800px', + border: '1px solid #ddd', + marginTop: '10px', + padding: '5px', + backgroundColor: 'white' + }; + + return ( + <div className='panel'> + <h3>{'Server Logs'}</h3> + <button + type='submit' + className='btn btn-primary' + onClick={this.reload} + > + {'Reload'} + </button> + <div style={divStyle}> + {content} + </div> + </div> + ); + } +}
\ No newline at end of file |