aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/components/Header.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/components/Header.jsx')
-rw-r--r--frontend/src/components/Header.jsx99
1 files changed, 0 insertions, 99 deletions
diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx
deleted file mode 100644
index 4695bd9..0000000
--- a/frontend/src/components/Header.jsx
+++ /dev/null
@@ -1,99 +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 {Link, withRouter} from "react-router-dom";
-import Typed from "typed.js";
-import {cleanNumber, validatePort} from "../utils";
-import ButtonField from "./fields/ButtonField";
-import AdvancedFilters from "./filters/AdvancedFilters";
-import BooleanConnectionsFilter from "./filters/BooleanConnectionsFilter";
-import ExitSearchFilter from "./filters/ExitSearchFilter";
-import RulesConnectionsFilter from "./filters/RulesConnectionsFilter";
-import StringConnectionsFilter from "./filters/StringConnectionsFilter";
-import "./Header.scss";
-
-import classNames from 'classnames';
-
-class Header extends Component {
-
- componentDidMount() {
- const options = {
- strings: ["caronte$ "],
- typeSpeed: 50,
- cursorChar: "❚"
- };
- this.typed = new Typed(this.el, options);
- }
-
- componentWillUnmount() {
- this.typed.destroy();
- }
-
- render() {
- return (
- <header className={classNames("header", {"configured": this.props.configured})}>
- <div className="header-content">
- <h1 className="header-title type-wrap">
- <Link to="/">
- <span style={{whiteSpace: "pre"}} ref={(el) => {
- this.el = el;
- }}/>
- </Link>
- </h1>
-
- {this.props.configured &&
- <div className="filters-bar">
- <StringConnectionsFilter filterName="service_port"
- defaultFilterValue="all_ports"
- replaceFunc={cleanNumber}
- validateFunc={validatePort}
- key="service_port_filter"
- width={200} small inline/>
- <RulesConnectionsFilter/>
- <BooleanConnectionsFilter filterName={"marked"}/>
- <ExitSearchFilter/>
- <AdvancedFilters onClick={this.props.onOpenFilters}/>
- </div>
- }
-
- {this.props.configured &&
- <div className="header-buttons">
- <Link to={"/searches" + this.props.location.search}>
- <ButtonField variant="pink" name="searches" bordered/>
- </Link>
- <Link to={"/pcaps" + this.props.location.search}>
- <ButtonField variant="purple" name="pcaps" bordered/>
- </Link>
- <Link to={"/rules" + this.props.location.search}>
- <ButtonField variant="deep-purple" name="rules" bordered/>
- </Link>
- <Link to={"/services" + this.props.location.search}>
- <ButtonField variant="indigo" name="services" bordered/>
- </Link>
- <Link to={"/stats" + this.props.location.search}>
- <ButtonField variant="blue" name="stats" bordered/>
- </Link>
- </div>
- }
- </div>
- </header>
- );
- }
-}
-
-export default withRouter(Header);