diff options
author | Aldo Cortesi <aldo@corte.si> | 2016-06-11 16:08:14 +1200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2016-06-11 16:08:14 +1200 |
commit | 227d762cace09bc315e57644da2135480bf32cb9 (patch) | |
tree | dd1b458e77d79a8f7867e31f7a352c19e586e129 /web/src/js/components/EventLog.jsx | |
parent | 250b47487aa071e61f0bd2960992e80222103a3a (diff) | |
parent | 0b241a1da71ef9eb7632fc0e32abcf061dcbd217 (diff) | |
download | mitmproxy-227d762cace09bc315e57644da2135480bf32cb9.tar.gz mitmproxy-227d762cace09bc315e57644da2135480bf32cb9.tar.bz2 mitmproxy-227d762cace09bc315e57644da2135480bf32cb9.zip |
Merge branch 'master' into toxfiddle
Diffstat (limited to 'web/src/js/components/EventLog.jsx')
-rw-r--r-- | web/src/js/components/EventLog.jsx | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/web/src/js/components/EventLog.jsx b/web/src/js/components/EventLog.jsx new file mode 100644 index 00000000..24b3c2bf --- /dev/null +++ b/web/src/js/components/EventLog.jsx @@ -0,0 +1,41 @@ +import React, { PropTypes } from 'react' +import { bindActionCreators } from 'redux' +import { connect } from 'react-redux' +import { toggleEventLogFilter, toggleEventLogVisibility } from '../ducks/eventLog' +import { ToggleButton } from './common' +import EventList from './EventLog/EventList' + +EventLog.propTypes = { + filters: PropTypes.object.isRequired, + events: PropTypes.array.isRequired, + onToggleFilter: PropTypes.func.isRequired, + onClose: PropTypes.func.isRequired +} + +function EventLog({ filters, events, onToggleFilter, onClose }) { + return ( + <div className="eventlog"> + <div> + Eventlog + <div className="pull-right"> + {['debug', 'info', 'web'].map(type => ( + <ToggleButton key={type} text={type} checked={filters[type]} onToggle={() => onToggleFilter(type)}/> + ))} + <i onClick={onClose} className="fa fa-close"></i> + </div> + </div> + <EventList events={events} /> + </div> + ) +} + +export default connect( + state => ({ + filters: state.eventLog.filter, + events: state.eventLog.filteredEvents, + }), + dispatch => bindActionCreators({ + onClose: toggleEventLogVisibility, + onToggleFilter: toggleEventLogFilter, + }, dispatch) +)(EventLog) |