import React from "react" import {AutoScrollMixin, Router} from "./common.js" import {Query} from "../actions.js" import { VirtualScrollMixin } from "./virtualscroll.js" import {StoreView} from "../store/view.js" import _ from "lodash" var LogMessage = React.createClass({ render: function () { var entry = this.props.entry; var indicator; switch (entry.level) { case "web": indicator = ; break; case "debug": indicator = ; break; default: indicator = ; } return (
{ this.getPlaceholderTop(entries.length) } {rows} { this.getPlaceholderBottom(entries.length) }; } }); var ToggleFilter = React.createClass({ toggle: function (e) { e.preventDefault(); return this.props.toggleLevel(this.props.name); }, render: function () { var className = "label "; if (this.props.active) { className += "label-primary"; } else { className += "label-default"; } return ( {this.props.name} ); } }); var EventLog = React.createClass({ mixins: [Router], getInitialState: function () { return { filter: { "debug": false, "info": true, "web": true } }; }, close: function () { var d = {}; d[Query.SHOW_EVENTLOG] = undefined; this.updateLocation(undefined, d); }, toggleLevel: function (level) { var filter = _.extend({}, this.state.filter); filter[level] = !filter[level]; this.setState({filter: filter}); }, render: function () { return (