diff options
Diffstat (limited to 'frontend/src/components/pages/MainPage.jsx')
-rw-r--r-- | frontend/src/components/pages/MainPage.jsx | 97 |
1 files changed, 0 insertions, 97 deletions
diff --git a/frontend/src/components/pages/MainPage.jsx b/frontend/src/components/pages/MainPage.jsx deleted file mode 100644 index b9a9e6e..0000000 --- a/frontend/src/components/pages/MainPage.jsx +++ /dev/null @@ -1,97 +0,0 @@ -/* - * This file is part of caronte (https://github.com/eciavatta/caronte). - * Copyright (c) 2020 Emiliano Ciavatta. - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU General Public License as published by - * the Free Software Foundation, version 3. - * - * This program is distributed in the hope that it will be useful, but - * WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU - * General Public License for more details. - * - * You should have received a copy of the GNU General Public License - * along with this program. If not, see <http://www.gnu.org/licenses/>. - */ - -import React, {Component} from "react"; -import {ReflexContainer, ReflexElement, ReflexSplitter} from "react-reflex"; -import "react-reflex/styles.css" -import {Route, Switch} from "react-router-dom"; -import Filters from "../dialogs/Filters"; -import Header from "../Header"; -import Connections from "../panels/ConnectionsPane"; -import MainPane from "../panels/MainPane"; -import PcapsPane from "../panels/PcapsPane"; -import RulesPane from "../panels/RulesPane"; -import SearchPane from "../panels/SearchPane"; -import ServicesPane from "../panels/ServicesPane"; -import StatsPane from "../panels/StatsPane"; -import StreamsPane from "../panels/StreamsPane"; -import "./MainPage.scss"; - -class MainPage extends Component { - - state = { - timelineHeight: 210 - }; - - handleTimelineResize = (e) => { - if (this.timelineTimeoutHandle) { - clearTimeout(this.timelineTimeoutHandle); - } - - this.timelineTimeoutHandle = setTimeout(() => - this.setState({timelineHeight: e.domElement.clientHeight}), 100); - }; - - render() { - let modal; - if (this.state.filterWindowOpen) { - modal = <Filters onHide={() => this.setState({filterWindowOpen: false})}/>; - } - - return ( - <ReflexContainer orientation="horizontal" className="page main-page"> - <div className="fuck-css"> - <ReflexElement className="page-header"> - <Header onOpenFilters={() => this.setState({filterWindowOpen: true})} configured={true}/> - {modal} - </ReflexElement> - </div> - - <ReflexElement className="page-content" flex={1}> - <ReflexContainer orientation="vertical" className="page-content"> - <ReflexElement className="pane connections-pane"> - <Connections onSelected={(c) => this.setState({selectedConnection: c})}/> - </ReflexElement> - - <ReflexSplitter/> - - <ReflexElement className="pane details-pane"> - <Switch> - <Route path="/searches" children={<SearchPane/>}/> - <Route path="/pcaps" children={<PcapsPane/>}/> - <Route path="/rules" children={<RulesPane/>}/> - <Route path="/services" children={<ServicesPane/>}/> - <Route path="/stats" children={<StatsPane/>}/> - <Route exact path="/connections/:id" - children={<StreamsPane connection={this.state.selectedConnection}/>}/> - <Route children={<MainPane version={this.props.version}/>}/> - </Switch> - </ReflexElement> - </ReflexContainer> - </ReflexElement> - - <ReflexSplitter propagate={true}/> - - <ReflexElement className="page-footer" onResize={this.handleTimelineResize}> - - </ReflexElement> - </ReflexContainer> - ); - } -} - -export default MainPage; |