- {modalView}
- {editUserModal}
- {editAuthenticationModal}
- {data}
-
- )
-}
-
-export default Admin
diff --git a/frontend/src/App.js b/frontend/src/App.js
deleted file mode 100644
index c162b774..00000000
--- a/frontend/src/App.js
+++ /dev/null
@@ -1,169 +0,0 @@
-import React, {useState, useEffect} from 'react';
-
-import {Route} from 'react-router';
-import {BrowserRouter} from 'react-router-dom';
-import { CookiesProvider } from 'react-cookie';
-import { useCookies } from 'react-cookie';
-
-import EditSchedule from "./EditSchedule";
-import Schedules from "./Schedules";
-import Webhooks from "./Webhooks";
-import Workflows from "./Workflows";
-import EditWebhook from "./EditWebhook";
-import AngularWorkflow from "./AngularWorkflow";
-import ForgotPassword from "./ForgotPassword";
-import ForgotPasswordLink from "./ForgotPasswordLink";
-
-import Header from './Header';
-import Apps from './Apps';
-import AppCreator from './AppCreator';
-import Contact from './Contact';
-import Oauth2 from './Oauth2';
-import About from "./About";
-import Post from "./Post";
-import Dashboard from "./Dashboard";
-import AdminSetup from "./AdminSetup";
-import Admin from "./Admin";
-import Docs from "./Docs";
-import RegisterLink from "./RegisterLink";
-import LandingPage from "./Landingpage";
-import LandingPageNew from "./LandingpageNew";
-import LoginPage from "./LoginPage";
-import SettingsPage from "./SettingsPage";
-
-import MuiThemeProvider from '@material-ui/core/styles/MuiThemeProvider';
-import { createMuiTheme } from '@material-ui/core/styles';
-
-import AlertTemplate from "react-alert-template-basic";
-import { positions, Provider } from "react-alert";
-
-// Production - backend proxy forwarding in nginx
-var globalUrl = window.location.origin
-
-// CORS used for testing purposes. Should only happen with specific port and http
-if (window.location.protocol == "http:" && window.location.port === "3000") {
- globalUrl = "http://localhost:5001"
-}
-
-const surfaceColor = "#27292D"
-const inputColor = "#383B40"
-
-const theme = createMuiTheme({
- palette: {
- primary: {
- main: "#f85a3e"
- },
- secondary: {
- main: '#e8eaf6',
- },
- },
- typography: {
- useNextVariants: true
- },
- overrides: {
- MuiMenu: {
- list: {
- backgroundColor: inputColor,
- },
- },
- },
-});
-
-
-// FIXME - set client side cookies
-const App = (message, props) => {
- const [userdata, setUserData] = useState({});
- //const [homePage, ] = useState(true);
- const [cookies, setCookie, removeCookie] = useCookies([]);
- const [isLoggedIn, setIsLoggedIn] = useState(false);
- const [dataset, setDataset] = useState(false);
- const [isLoaded, setIsLoaded] = useState(false);
-
- useEffect(() => {
- if (dataset === false) {
- checkLogin()
- setDataset(true)
- }})
-
- if (isLoaded && !isLoggedIn && (!window.location.pathname.startsWith("/login") && (!window.location.pathname.startsWith("/docs") && (!window.location.pathname.startsWith("/adminsetup"))))) {
- window.location = "/login"
- }
-
- const checkLogin = () => {
- var baseurl = globalUrl
- fetch(baseurl+"/api/v1/users/getinfo", {
- credentials: "include",
- headers: {
- 'Content-Type': 'application/json',
- },
- })
- .then(response => response.json())
- .then(responseJson => {
- if (responseJson.success === true) {
- setUserData(responseJson)
- setIsLoggedIn(true)
-
- // Updating cookie every request
- for (var key in responseJson["cookies"]) {
- setCookie(responseJson["cookies"][key].key, responseJson["cookies"][key].value, {path: "/"})
- }
- }
- setIsLoaded(true)
- })
- .catch(error => {
- setIsLoaded(true)
- });
- }
-
- // Dumb for content load (per now), but good for making the site not suddenly reload parts (ajax thingies)
-
- const options = {
- timeout: 5000,
- position: positions.BOTTOM_CENTER
- };
-
- const includedData = window.location.pathname === "/home" || window.location.pathname === "/features" ?
-
- // backgroundColor: "#213243",
- // This is a mess hahahah
- return (
-
-
-
-
- {includedData}
-
-
-
-
- );
-};
-
-export default App;
-
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
new file mode 100644
index 00000000..2c23c389
--- /dev/null
+++ b/frontend/src/App.jsx
@@ -0,0 +1,168 @@
+import React, { useState, useEffect } from 'react';
+
+import { Route } from 'react-router';
+import { BrowserRouter } from 'react-router-dom';
+import { CookiesProvider } from 'react-cookie';
+import { useCookies } from 'react-cookie';
+
+import EditSchedule from "./views/EditSchedule";
+import Schedules from "./views/Schedules";
+import Webhooks from "./views/Webhooks";
+import Workflows from "./views/Workflows";
+import EditWebhook from "./views/EditWebhook";
+import AngularWorkflow from "./views/AngularWorkflow";
+// import ForgotPassword from "./views/ForgotPassword";
+// import ForgotPasswordLink from "./components/ForgotPasswordLink";
+
+import Header from './components/Header';
+import Apps from './views/Apps';
+import AppCreator from './views/AppCreator';
+import Contact from './views/Contact';
+import Oauth2 from './views/Oauth2';
+// import About from "./views/About";
+// import Post from "./views/Post";
+import Dashboard from "./views/Dashboard";
+import AdminSetup from "./views/AdminSetup";
+import Admin from "./views/Admin";
+import Docs from "./views/Docs";
+// import RegisterLink from "./views/RegisterLink";
+// import LandingPage from "./views/Landingpage";
+import LandingPageNew from "./views/LandingpageNew";
+import LoginPage from "./views/LoginPage";
+import SettingsPage from "./views/SettingsPage";
+
+import { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';
+
+import AlertTemplate from "react-alert-template-basic";
+import { positions, Provider } from "react-alert";
+
+// Production - backend proxy forwarding in nginx
+var globalUrl = window.location.origin
+
+// CORS used for testing purposes. Should only happen with specific port and http
+if (window.location.protocol == "http:" && window.location.port === "3000") {
+ globalUrl = "http://localhost:5001"
+}
+
+const theme = createMuiTheme({
+ palette: {
+ primary: {
+ main: "#f85a3e"
+ },
+ secondary: {
+ main: '#e8eaf6',
+ },
+ surfaceColor: "#27292d",
+ inputColor: "#383B40"
+ },
+ typography: {
+ useNextVariants: true
+ },
+ overrides: {
+ MuiMenu: {
+ list: {
+ backgroundColor: "#383B40",
+ },
+ },
+ },
+});
+
+
+// FIXME - set client side cookies
+const App = (message, props) => {
+ const [userdata, setUserData] = useState({});
+ //const [homePage, ] = useState(true);
+ const [cookies, setCookie, removeCookie] = useCookies([]);
+ const [isLoggedIn, setIsLoggedIn] = useState(false);
+ const [dataset, setDataset] = useState(false);
+ const [isLoaded, setIsLoaded] = useState(false);
+
+ useEffect(() => {
+ if (dataset === false) {
+ checkLogin()
+ setDataset(true)
+ }
+ })
+
+ if (isLoaded && !isLoggedIn && (!window.location.pathname.startsWith("/login") && (!window.location.pathname.startsWith("/docs") && (!window.location.pathname.startsWith("/adminsetup"))))) {
+ window.location = "/login"
+ }
+
+ const checkLogin = () => {
+ var baseurl = globalUrl
+ fetch(baseurl + "/api/v1/users/getinfo", {
+ credentials: "include",
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ })
+ .then(response => response.json())
+ .then(responseJson => {
+ if (responseJson.success === true) {
+ setUserData(responseJson)
+ setIsLoggedIn(true)
+
+ // Updating cookie every request
+ for (var key in responseJson["cookies"]) {
+ setCookie(responseJson["cookies"][key].key, responseJson["cookies"][key].value, { path: "/" })
+ }
+ }
+ setIsLoaded(true)
+ })
+ .catch(error => {
+ setIsLoaded(true)
+ });
+ }
+
+ // Dumb for content load (per now), but good for making the site not suddenly reload parts (ajax thingies)
+
+ const options = {
+ timeout: 5000,
+ position: positions.BOTTOM_CENTER
+ };
+
+ const includedData = window.location.pathname === "/home" || window.location.pathname === "/features" ?
+
+
:
+
+
+
{ window.location.pathname = "/docs/about" }} />
+ { window.location.pathname = "/login" }} />
+
+
+ //
+ // backgroundColor: "#213243",
+ // This is a mess hahahah
+ return (
+
+
+
+
+ {includedData}
+
+
+
+
+ );
+};
+
+export default App;
+
diff --git a/frontend/src/Flows.js b/frontend/src/Flows.js
deleted file mode 100644
index aa1a35a3..00000000
--- a/frontend/src/Flows.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-
-const Flows = () => {
- return (
-
-
Flows
-
-
- Built to suit any organization
-
-
-
- WAT
-
-
-
-
-
-
-
-
- )
-}
-
-export default Flows;
diff --git a/frontend/src/Hookpost.js b/frontend/src/Hookpost.js
deleted file mode 100644
index 566a26d4..00000000
--- a/frontend/src/Hookpost.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-
-const Hooks = () => {
- return (
-
-
Hooks
-
-
- Built to suit any organization
-
-
-
- WAT
-
-
-
-
-
-
-
-
- )
-}
-
-export default Hooks;
diff --git a/frontend/src/Schedulespost.js b/frontend/src/Schedulespost.js
deleted file mode 100644
index 102144e7..00000000
--- a/frontend/src/Schedulespost.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-
-const Schedules = () => {
- return (
-
-
Schedules
-
-
- Built to suit any organization
-
-
-
- WAT
-
-
-
-
-
-
-
-
- )
-}
-
-export default Schedules;
diff --git a/frontend/src/appdata.js b/frontend/src/__test__/appdata.js
similarity index 100%
rename from frontend/src/appdata.js
rename to frontend/src/__test__/appdata.js
diff --git a/frontend/src/environmentdata.js b/frontend/src/__test__/environmentdata.js
similarity index 100%
rename from frontend/src/environmentdata.js
rename to frontend/src/__test__/environmentdata.js
diff --git a/frontend/src/scheduledata.js b/frontend/src/__test__/scheduledata.js
similarity index 100%
rename from frontend/src/scheduledata.js
rename to frontend/src/__test__/scheduledata.js
diff --git a/frontend/src/webhookdata.js b/frontend/src/__test__/webhookdata.js
similarity index 100%
rename from frontend/src/webhookdata.js
rename to frontend/src/__test__/webhookdata.js
diff --git a/frontend/src/workflowdata.js b/frontend/src/__test__/workflowdata.js
similarity index 100%
rename from frontend/src/workflowdata.js
rename to frontend/src/__test__/workflowdata.js
diff --git a/frontend/src/AlertPopup.js b/frontend/src/components/AlertPopup.js
similarity index 100%
rename from frontend/src/AlertPopup.js
rename to frontend/src/components/AlertPopup.js
diff --git a/frontend/src/AlertTemplate.js b/frontend/src/components/AlertTemplate.js
similarity index 100%
rename from frontend/src/AlertTemplate.js
rename to frontend/src/components/AlertTemplate.js
diff --git a/frontend/src/FooterNew.js b/frontend/src/components/FooterNew.js
similarity index 100%
rename from frontend/src/FooterNew.js
rename to frontend/src/components/FooterNew.js
diff --git a/frontend/src/Header.js b/frontend/src/components/Header.js
similarity index 100%
rename from frontend/src/Header.js
rename to frontend/src/components/Header.js
diff --git a/frontend/src/LoginPopup.js b/frontend/src/components/LoginPopup.js
similarity index 100%
rename from frontend/src/LoginPopup.js
rename to frontend/src/components/LoginPopup.js
diff --git a/frontend/src/SettingsPopup.js b/frontend/src/components/SettingsPopup.js
similarity index 100%
rename from frontend/src/SettingsPopup.js
rename to frontend/src/components/SettingsPopup.js
diff --git a/frontend/src/About.js b/frontend/src/views/About.jsx
similarity index 85%
rename from frontend/src/About.js
rename to frontend/src/views/About.jsx
index 913eff3d..9c4044f9 100644
--- a/frontend/src/About.js
+++ b/frontend/src/views/About.jsx
@@ -1,7 +1,7 @@
import React from 'react';
const hrefStyle = {
- color: "#f85a3e",
+ color: "#f85a3e",
textDecoration: "none"
}
@@ -12,17 +12,17 @@ const About = () => {
About
- Endao was started as a project in late 2018 as a free service to analyze APK (and soon IPA) files for vulnerabilities. The project was started after I,
+ Endao was started as a project in late 2018 as a free service to analyze APK (and soon IPA) files for vulnerabilities. The project was started after I,
@frikkylikeme
, found multiple vulnerabilities in IoT devices based purely on their apps. As I wanted to learn more about these kind of vulnerabilities, I looked for solutions that work for my purpose, but didn't find any good, free and easy to use service - hence this site was born.
- My personal goal has and will always be to make the internet safer. As the IoT sphere grows, I want to be able to add ways of finding possible vulnerabilities fast to this website. This will hopefully include blogposts when I get around to it, as well as actual implementations. The vulnerability discovery field is in no way new, but I'll try my best to add whatever I can to it. As a disclaimer, I'm an "Ops" person, and I had never done frontend before creating this site. This is as much of a learning project within web development as it is in vulnerability discovery.
+ My personal goal has and will always be to make the internet safer. As the IoT sphere grows, I want to be able to add ways of finding possible vulnerabilities fast to this website. This will hopefully include blogposts when I get around to it, as well as actual implementations. The vulnerability discovery field is in no way new, but I'll try my best to add whatever I can to it. As a disclaimer, I'm an "Ops" person, and I had never done frontend before creating this site. This is as much of a learning project within web development as it is in vulnerability discovery.
- This site currently uses the following projects
+ This site currently uses the following projects
SUPER Android Analyzer Hopefully it is of use to some people :)
Thanks
-
- Thanks to Andy for the initial frontend help :)
+
+ Thanks to Andy for the initial frontend help :)
Regards
diff --git a/frontend/src/views/Admin.jsx b/frontend/src/views/Admin.jsx
new file mode 100644
index 00000000..112c29f8
--- /dev/null
+++ b/frontend/src/views/Admin.jsx
@@ -0,0 +1,1039 @@
+import React, { useEffect } from 'react';
+
+import { Link } from 'react-router-dom';
+import Paper from '@material-ui/core/Paper';
+import Select from '@material-ui/core/Select';
+import MenuItem from '@material-ui/core/MenuItem';
+import List from '@material-ui/core/List';
+import Divider from '@material-ui/core/Divider';
+import TextField from '@material-ui/core/TextField';
+import ListItem from '@material-ui/core/ListItem';
+import Button from '@material-ui/core/Button';
+import Tabs from '@material-ui/core/Tabs';
+import Tab from '@material-ui/core/Tab';
+import ListItemText from '@material-ui/core/ListItemText';
+import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
+
+import { useAlert } from "react-alert";
+
+import { Dialog, DialogTitle, DialogActions, DialogContent } from '@material-ui/core';
+import { useTheme } from '@material-ui/core/styles';
+
+
+import CachedIcon from '@material-ui/icons/Cached';
+
+const Admin = (props) => {
+ const { globalUrl } = props;
+
+ const theme = useTheme();
+
+ const [firstRequest, setFirstRequest] = React.useState(true);
+ const [modalUser, setModalUser] = React.useState({});
+ const [modalOpen, setModalOpen] = React.useState(false);
+ const [loginInfo, setLoginInfo] = React.useState("");
+ const [curTab, setCurTab] = React.useState(0);
+ const [users, setUsers] = React.useState([]);
+ const [environments, setEnvironments] = React.useState([]);
+ const [authentication, setAuthentication] = React.useState([]);
+ const [schedules, setSchedules] = React.useState([])
+ const [selectedUser, setSelectedUser] = React.useState({})
+ const [newPassword, setNewPassword] = React.useState("");
+ const [selectedUserModalOpen, setSelectedUserModalOpen] = React.useState(false)
+ const [selectedAuthentication, setSelectedAuthentication] = React.useState({})
+ const [selectedAuthenticationModalOpen, setSelectedAuthenticationModalOpen] = React.useState(false)
+
+ const alert = useAlert()
+
+ const deleteAuthentication = (data) => {
+ alert.info("Deleting auth " + data.label)
+
+ // Just use this one?
+ const url = globalUrl + '/api/v1/apps/authentication/' + data.id
+ console.log("URL: ", url)
+ fetch(url, {
+ method: 'DELETE',
+ credentials: "include",
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ })
+ .then(response =>
+ response.json().then(responseJson => {
+ console.log("RESP: ", responseJson)
+ if (responseJson["success"] === false) {
+ alert.error("Failed stopping schedule")
+ } else {
+ getAppAuthentication()
+ alert.success("Successfully stopped schedule!")
+ }
+ }),
+ )
+ .catch(error => {
+ console.log("Error in userdata: ", error)
+ });
+ }
+
+ const deleteSchedule = (data) => {
+ // FIXME - add some check here ROFL
+ console.log("INPUT: ", data)
+
+ // Just use this one?
+ const url = globalUrl + '/api/v1/workflows/' + data["workflow_id"] + "/schedule/" + data.id
+ console.log("URL: ", url)
+ fetch(url, {
+ method: 'DELETE',
+ credentials: "include",
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ })
+ .then(response =>
+ response.json().then(responseJson => {
+ console.log("RESP: ", responseJson)
+ if (responseJson["success"] === false) {
+ alert.error("Failed stopping schedule")
+ } else {
+ getSchedules()
+ alert.success("Successfully stopped schedule!")
+ }
+ }),
+ )
+ .catch(error => {
+ console.log("Error in userdata: ", error)
+ });
+ }
+
+ const onPasswordChange = () => {
+ const data = { "username": selectedUser.username, "newpassword": newPassword }
+ const url = globalUrl + '/api/v1/users/passwordchange';
+ fetch(url, {
+ mode: 'cors',
+ method: 'POST',
+ body: JSON.stringify(data),
+ credentials: 'include',
+ crossDomain: true,
+ withCredentials: true,
+ headers: {
+ 'Content-Type': 'application/json; charset=utf-8',
+ },
+ })
+ .then(response =>
+ response.json().then(responseJson => {
+ if (responseJson["success"] === false) {
+ alert.error("Failed setting new password")
+ } else {
+ alert.success("Changed password!")
+ }
+ }),
+ )
+ .catch(error => {
+ alert.error("Err: " + error.toString())
+ });
+ }
+
+ const deleteUser = (data) => {
+ // Just use this one?
+ const url = globalUrl + '/api/v1/users/' + data.id
+ fetch(url, {
+ method: 'DELETE',
+ credentials: "include",
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ })
+ .then(response => {
+ if (response.status === 200) {
+ getUsers()
+ }
+
+ return response.json()
+ })
+ .then((responseJson) => {
+ if (!responseJson.success && responseJson.reason !== undefined) {
+ alert.error("Failed to deactivate user: " + responseJson.reason)
+ } else {
+ alert.success("Deactivated user " + data.id)
+ }
+ })
+
+ .catch(error => {
+ console.log("Error in userdata: ", error)
+ });
+ }
+
+ const submitUser = (data) => {
+ // FIXME - add some check here ROFL
+ console.log("INPUT: ", data)
+
+ // Just use this one?
+ var data = { "username": data.Username, "password": data.Password }
+ var baseurl = globalUrl
+ const url = baseurl + '/api/v1/users/register';
+ fetch(url, {
+ method: 'POST',
+ credentials: "include",
+ body: JSON.stringify(data),
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ })
+ .then(response =>
+ response.json().then(responseJson => {
+ if (responseJson["success"] === false) {
+ setLoginInfo("Error in input: " + responseJson.reason)
+ } else {
+ setLoginInfo("")
+ setModalOpen(false)
+ getUsers()
+ }
+ }),
+ )
+ .catch(error => {
+ console.log("Error in userdata: ", error)
+ });
+ }
+
+ const deleteEnvironment = (name) => {
+ // FIXME - add some check here ROFL
+ alert.info("Deleting environment " + name)
+ var newEnv = []
+ for (var key in environments) {
+ if (environments[key].Name == name) {
+ continue
+ }
+
+ newEnv.push(environments[key])
+ }
+
+ // Just use this one?
+ const url = globalUrl + '/api/v1/setenvironments';
+ fetch(url, {
+ method: 'PUT',
+ credentials: "include",
+ body: JSON.stringify(newEnv),
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ })
+ .then(response =>
+ response.json().then(responseJson => {
+ if (responseJson["success"] === false) {
+ alert.error(responseJson.reason)
+ } else {
+ setLoginInfo("")
+ setModalOpen(false)
+ getEnvironments()
+ }
+ }),
+ )
+ //.catch(error => {
+ // console.log("Error in userdata: ", error)
+ //});
+ }
+
+ const submitEnvironment = (data) => {
+ // FIXME - add some check here ROFL
+ environments.push({ "name": data.environment, "type": "onprem" })
+
+ // Just use this one?
+ var baseurl = globalUrl
+ const url = baseurl + '/api/v1/setenvironments';
+ fetch(url, {
+ method: 'PUT',
+ credentials: "include",
+ body: JSON.stringify(environments),
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ })
+ .then(response =>
+ response.json().then(responseJson => {
+ if (responseJson["success"] === false) {
+ setLoginInfo("Error in input: " + responseJson.reason)
+ } else {
+ setLoginInfo("")
+ setModalOpen(false)
+ getEnvironments()
+ }
+ }),
+ )
+ .catch(error => {
+ console.log("Error in userdata: ", error)
+ });
+ }
+
+ const getSchedules = () => {
+ fetch(globalUrl + "/api/v1/workflows/schedules", {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Accept': 'application/json',
+ },
+ credentials: "include",
+ })
+ .then((response) => {
+ if (response.status !== 200) {
+ console.log("Status not 200 for apps :O!")
+ return
+ }
+
+ return response.json()
+ })
+ .then((responseJson) => {
+ setSchedules(responseJson)
+ })
+ .catch(error => {
+ alert.error(error.toString())
+ });
+ }
+
+ const getAppAuthentication = () => {
+ fetch(globalUrl + "/api/v1/apps/authentication", {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Accept': 'application/json',
+ },
+ credentials: "include",
+ })
+ .then((response) => {
+ if (response.status !== 200) {
+ console.log("Status not 200 for apps :O!")
+ return
+ }
+
+ return response.json()
+ })
+ .then((responseJson) => {
+ if (responseJson.success) {
+ console.log(responseJson.data)
+ setAuthentication(responseJson.data)
+ } else {
+ alert.error("Failed getting authentications")
+ }
+ })
+ .catch(error => {
+ alert.error(error.toString())
+ });
+ }
+
+ const getEnvironments = () => {
+ fetch(globalUrl + "/api/v1/getenvironments", {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Accept': 'application/json',
+ },
+ credentials: "include",
+ })
+ .then((response) => {
+ if (response.status !== 200) {
+ console.log("Status not 200 for apps :O!")
+ return
+ }
+
+ return response.json()
+ })
+ .then((responseJson) => {
+ console.log(responseJson)
+ setEnvironments(responseJson)
+ })
+ .catch(error => {
+ alert.error(error.toString())
+ });
+ }
+
+ const getUsers = () => {
+ fetch(globalUrl + "/api/v1/getusers", {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Accept': 'application/json',
+ },
+ credentials: "include",
+ })
+ .then((response) => {
+ if (response.status !== 200) {
+ console.log("Status not 200 for apps :O!")
+ return
+ }
+
+ return response.json()
+ })
+ .then((responseJson) => {
+ console.log(responseJson)
+ setUsers(responseJson)
+ })
+ .catch(error => {
+ alert.error(error.toString())
+ });
+ }
+
+ if (firstRequest) {
+ setFirstRequest(false)
+ getUsers()
+ }
+
+ const paperStyle = {
+ maxWidth: 1250,
+ margin: "auto",
+ color: "white",
+ backgroundColor: theme.palette.surfaceColor,
+ marginBottom: 10,
+ padding: 20,
+ }
+
+ const changeModalData = (field, value) => {
+ modalUser[field] = value
+ }
+
+ const setUser = (userId, field, value) => {
+ const data = { "user_id": userId }
+ data[field] = value
+ console.log("DATA: ", data)
+
+ fetch(globalUrl + "/api/v1/users/updateuser", {
+ method: 'PUT',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Accept': 'application/json',
+ },
+ body: JSON.stringify(data),
+ credentials: "include",
+ })
+ .then((response) => {
+ if (response.status !== 200) {
+ console.log("Status not 200 for WORKFLOW EXECUTION :O!")
+ } else {
+ getUsers()
+ }
+
+ return response.json()
+ })
+ .then((responseJson) => {
+ if (!responseJson.success && responseJson.reason !== undefined) {
+ alert.error("Failed setting user: " + responseJson.reason)
+ } else {
+ alert.success("Set the user field " + field + " to " + value)
+ }
+ })
+ .catch(error => {
+ console.log(error)
+ });
+ }
+
+
+
+ const generateApikey = (userId) => {
+ const data = { "user_id": userId }
+
+ fetch(globalUrl + "/api/v1/generateapikey", {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Accept': 'application/json',
+ },
+ body: JSON.stringify(data),
+ credentials: "include",
+ })
+ .then((response) => {
+ if (response.status !== 200) {
+ console.log("Status not 200 for WORKFLOW EXECUTION :O!")
+ } else {
+ getUsers()
+ }
+
+ return response.json()
+ })
+ .then((responseJson) => {
+ console.log("RESP: ", responseJson)
+ if (!responseJson.success && responseJson.reason !== undefined) {
+ alert.error("Failed getting new: " + responseJson.reason)
+ } else {
+ alert.success("Got new API key")
+ }
+ })
+ .catch(error => {
+ console.log(error)
+ });
+ }
+
+ const editAuthenticationModal =
+ { setSelectedAuthenticationModalOpen(false) }}
+ PaperProps={{
+ style: {
+ backgroundColor: theme.palette.surfaceColor,
+ color: "white",
+ minWidth: "800px",
+ minHeight: "320px",
+ },
+ }}
+ >
+ Edit authentication
+
+ setNewPassword(e.target.value)}
+ />
+ onPasswordChange()}
+ >
+ Submit
+
+
+ deleteUser(selectedUser)}
+ >
+ {selectedUser.active ? "Deactivate" : "Activate"}
+
+ generateApikey(selectedUser.id)}
+ >
+ Get new API key
+
+
+
+
+ const editUserModal =
+ { setSelectedUserModalOpen(false) }}
+ PaperProps={{
+ style: {
+ backgroundColor: theme.palette.surfaceColor,
+ color: "white",
+ minWidth: "800px",
+ minHeight: "320px",
+ },
+ }}
+ >
+ Edit user
+
+ setNewPassword(e.target.value)}
+ />
+ onPasswordChange()}
+ >
+ Submit
+
+
+ deleteUser(selectedUser)}
+ >
+ {selectedUser.active ? "Deactivate" : "Activate"}
+
+ generateApikey(selectedUser.id)}
+ >
+ Get new API key
+
+
+
+
+ const modalView =
+ { setModalOpen(false) }}
+ PaperProps={{
+ style: {
+ backgroundColor: theme.palette.surfaceColor,
+ color: "white",
+ minWidth: "800px",
+ minHeight: "320px",
+ },
+ }}
+ >
+
+ {curTab === 0 ? "Add user" : "Add environment"}
+
+ {curTab === 0 ?
+
+ Username
+ changeModalData("Username", event.target.value)}
+ />
+ Password
+ changeModalData("Password", event.target.value)}
+ />
+
+ : curTab === 2 ?
+
+ Environment Name
+ changeModalData("environment", event.target.value)}
+ />
+
+ : null}
+ {loginInfo}
+
+
+ setModalOpen(false)} color="primary">
+ Cancel
+
+ {
+ if (curTab === 0) {
+ submitUser(modalUser)
+ } else if (curTab === 2) {
+ submitEnvironment(modalUser)
+ }
+ }} color="primary">
+ Submit
+
+
+
+
+ const usersView = curTab === 0 ?
+
+
+
User management
+ Add, edit, block or change passwords
+
+
+
setModalOpen(true)}
+ >
+ Add user
+
+
+
+
+
+ {users === undefined ? null : users.map(data => {
+ return (
+
+ {
+ console.log("VALUE: ", e.target.value)
+ setUser(data.id, "role", e.target.value)
+ }}
+ style={{ backgroundColor: theme.palette.surfaceColor, color: "white", height: "50px" }}
+ >
+
+ Admin
+
+
+ User
+
+ }
+ style = {{ minWidth: 150, maxWidth: 150}}
+ />
+
+ {
+ setSelectedUserModalOpen(true)
+ setSelectedUser(data)
+ }}
+ >
+ Edit user
+
+
+
+ )
+ })}
+
+
+
+
Schedules
+ Schedules used in Workflows. Makes locating and control easier.
+
+
+
+
+
+ {schedules === undefined || schedules === null ? null : schedules.map(schedule => {
+ return (
+
+
+ deleteSchedule(schedule)}
+ >
+ Delete
+
+
+
+ )
+ })}
+
+
+
+
App Authentication
+ Control the authentication options for individual apps. Actions can be destructive!
+
+
+
+
+
+ {authentication === undefined ? null : authentication.map(data => {
+ return (
+
+ {
+ return data.key
+ }).join(", ")}
+ style={{ minWidth: 200, maxWidth: 200, overflow: "hidden" }}
+ />
+
+ {
+ deleteAuthentication(data)
+ }}
+ >
+ Delete
+
+
+
+ )
+ })}
+
+
+
+
Environments
+ Decides what Orborus environment to execute an action in a workflow in.
+
+
setModalOpen(true)}
+ >
+ Add environment
+
+
getEnvironments()}
+ >
+
+
+
+
+
+ {environments === undefined ? null : environments.map(environment => {
+ return (
+
+
+ deleteEnvironment(environment.Name)} color="primary">Delete
+
+
+ )
+ })}
+
+
+
+
+
+
+ {authenticationView}
+ {usersView}
+ {environmentView}
+ {schedulesView}
+
+
+
+ {modalView}
+ {editUserModal}
+ {editAuthenticationModal}
+ {data}
+
+)
+}
+
+export default Admin;
diff --git a/frontend/src/AdminSetup.js b/frontend/src/views/AdminSetup.jsx
similarity index 100%
rename from frontend/src/AdminSetup.js
rename to frontend/src/views/AdminSetup.jsx
diff --git a/frontend/src/AngularWorkflow.js b/frontend/src/views/AngularWorkflow.jsx
similarity index 99%
rename from frontend/src/AngularWorkflow.js
rename to frontend/src/views/AngularWorkflow.jsx
index 31f792c4..db31586e 100644
--- a/frontend/src/AngularWorkflow.js
+++ b/frontend/src/views/AngularWorkflow.jsx
@@ -68,8 +68,7 @@ import CytoscapeComponent from 'react-cytoscapejs';
import undoRedo from 'cytoscape-undo-redo';
import Draggable from 'react-draggable';
-import environmentdata from './environmentdata';
-import cytoscapestyle from './defaultCytoscapeStyle';
+import cytoscapestyle from '../defaultCytoscapeStyle';
import cxtmenu from 'cytoscape-cxtmenu';
import { w3cwebsocket as W3CWebSocket } from "websocket";
@@ -4774,7 +4773,7 @@ const AngularWorkflow = (props) => {
Exit on Error
+ label={
Exit on Error
}
control={
{
workflow.configuration.exit_on_error = !workflow.configuration.exit_on_error
@@ -4786,7 +4785,7 @@ const AngularWorkflow = (props) => {
/>
Start from top