From c5434cccee8661de3082c0c777375eb8e6f76865 Mon Sep 17 00:00:00 2001 From: JJ Date: Thu, 18 Jul 2024 17:38:57 -0700 Subject: remove unnecessary jsx stuff --- .../src/components/pages/ConfigurationPage.jsx | 183 --------------------- frontend/src/components/pages/MainPage.jsx | 97 ----------- .../components/pages/ServiceUnavailablePage.jsx | 34 ---- 3 files changed, 314 deletions(-) delete mode 100644 frontend/src/components/pages/ConfigurationPage.jsx delete mode 100644 frontend/src/components/pages/MainPage.jsx delete mode 100644 frontend/src/components/pages/ServiceUnavailablePage.jsx (limited to 'frontend/src/components/pages') diff --git a/frontend/src/components/pages/ConfigurationPage.jsx b/frontend/src/components/pages/ConfigurationPage.jsx deleted file mode 100644 index c8646fb..0000000 --- a/frontend/src/components/pages/ConfigurationPage.jsx +++ /dev/null @@ -1,183 +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 . - */ - -import React, {Component} from "react"; -import {Col, Container, Row} from "react-bootstrap"; -import Table from "react-bootstrap/Table"; -import backend from "../../backend"; -import {createCurlCommand} from "../../utils"; -import validation from "../../validation"; -import ButtonField from "../fields/ButtonField"; -import CheckField from "../fields/CheckField"; -import InputField from "../fields/InputField"; -import TextField from "../fields/TextField"; -import Header from "../Header"; -import LinkPopover from "../objects/LinkPopover"; -import "../panels/common.scss"; -import "./ConfigurationPage.scss"; - -class ConfigurationPage extends Component { - - constructor(props) { - super(props); - this.state = { - settings: { - "config": { - "server_address": "", - "flag_regex": "", - "auth_required": false - }, - "accounts": {} - }, - newUsername: "", - newPassword: "" - }; - } - - saveSettings = () => { - if (this.validateSettings(this.state.settings)) { - backend.post("/setup", this.state.settings).then((_) => { - this.props.onConfigured(); - }).catch((res) => { - this.setState({setupStatusCode: res.status, setupResponse: JSON.stringify(res.json)}); - }); - } - }; - - validateSettings = (settings) => { - let valid = true; - if (!validation.isValidAddress(settings.config["server_address"], true)) { - this.setState({serverAddressError: "invalid ip_address"}); - valid = false; - } - if (settings.config["flag_regex"].length < 8) { - this.setState({flagRegexError: "flag_regex.length < 8"}); - valid = false; - } - - return valid; - }; - - updateParam = (callback) => { - callback(this.state.settings); - this.setState({settings: this.state.settings}); - }; - - addAccount = () => { - if (this.state.newUsername.length !== 0 && this.state.newPassword.length !== 0) { - const settings = this.state.settings; - settings.accounts[this.state.newUsername] = this.state.newPassword; - - this.setState({ - newUsername: "", - newPassword: "", - settings - }); - } else { - this.setState({ - newUsernameActive: this.state.newUsername.length === 0, - newPasswordActive: this.state.newPassword.length === 0 - }); - } - }; - - render() { - const settings = this.state.settings; - const curlCommand = createCurlCommand("/setup", "POST", settings); - - const accounts = Object.entries(settings.accounts).map(([username, password]) => - - {username} - - this.updateParam((s) => delete s.accounts[username])}/> - ).concat( - this.setState({newUsername: v})}/> - this.setState({newPassword: v})}/> - - ); - - return ( -
-
-
-
- -
-
-
-
- POST /setup - -
- -
- - - - this.updateParam((s) => s.config["server_address"] = v)}/> - this.updateParam((s) => s.config["flag_regex"] = v)} - error={this.state.flagRegexError}/> -
- this.updateParam((s) => s.config["auth_required"] = v)}/> -
- - - - - accounts: -
- - - - - - - - - - {accounts} - -
usernamepasswordactions
-
- - - - - -
- -
- -
-
-
-
-
- ); - } -} - -export default ConfigurationPage; 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 . - */ - -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 = this.setState({filterWindowOpen: false})}/>; - } - - return ( - -
- -
this.setState({filterWindowOpen: true})} configured={true}/> - {modal} - -
- - - - - this.setState({selectedConnection: c})}/> - - - - - - - }/> - }/> - }/> - }/> - }/> - }/> - }/> - - - - - - - - - - - - ); - } -} - -export default MainPage; diff --git a/frontend/src/components/pages/ServiceUnavailablePage.jsx b/frontend/src/components/pages/ServiceUnavailablePage.jsx deleted file mode 100644 index deb4cf8..0000000 --- a/frontend/src/components/pages/ServiceUnavailablePage.jsx +++ /dev/null @@ -1,34 +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 . - */ - -import React, {Component} from "react"; -import "./MainPage.scss"; - -class ServiceUnavailablePage extends Component { - - state = {}; - - render() { - return ( -
- -
- ); - } -} - -export default ServiceUnavailablePage; -- cgit v1.2.3-70-g09d2