mirror/Checkmate
1
0
Fork 0
mirror of https://github.com/bluewave-labs/Checkmate.git synced 2026-01-15 14:19:41 -06:00
Code Issues Packages Projects Releases Wiki Activity

Doomsday cleanup part 2

Browse Source
This commit is contained in:
Daniel Cojocea
2024-07-17 20:15:45 -04:00
parent a3f1e73755
commit ef746c2afa
26 changed files with 265 additions and 1016 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
Client/src/App.jsx
View File

@@ -1,24 +1,24 @@
import { Routes, Route, Navigate } from "react-router-dom";
import { Routes, Route } from "react-router-dom";
// import "./App.css";
import NotFound from "./Pages/NotFound";
import Login from "./Pages/Login";
import Register from "./Pages/Register";
import Login from "./Pages/Auth/Login";
import Register from "./Pages/Auth/Register";
import HomeLayout from "./Layouts/HomeLayout";
import Demo from "./Pages/Demo/Demo";
import PlayGround from "./Pages/PlayGround/PlayGround";
import Account from "./Pages/Account";
import Monitors from "./Pages/Monitors";
import CreateNewMonitor from "./Pages/CreateNewMonitor";
import CreateMonitor from "./Pages/Monitors/CreateMonitor";
import Incidents from "./Pages/Incidents";
import Status from "./Pages/Status";
import Integrations from "./Pages/Integrations";
import Settings from "./Pages/Settings";
import ForgotPassword from "./Pages/ForgotPassword";
import CheckEmail from "./Pages/CheckEmail";
import SetNewPassword from "./Pages/SetNewPassword";
import NewPasswordConfirmed from "./Pages/NewPasswordConfirmed";
import ForgotPassword from "./Pages/Auth/ForgotPassword";
import CheckEmail from "./Pages/Auth/CheckEmail";
import SetNewPassword from "./Pages/Auth/SetNewPassword";
import NewPasswordConfirmed from "./Pages/Auth/NewPasswordConfirmed";
import ProtectedRoute from "./Components/ProtectedRoute";
import Details from "./Pages/Details";
import Details from "./Pages/Monitors/Details";
import Maintenance from "./Pages/Maintenance";
import "react-toastify/dist/ReactToastify.css";
import { ToastContainer } from "react-toastify";
@@ -39,7 +39,7 @@ function App() {
/>
<Route
path="/monitors/create"
element={<ProtectedRoute Component={CreateNewMonitor} />}
element={<ProtectedRoute Component={CreateMonitor} />}
/>
<Route
path="/monitors/:monitorId/"

19
Client/src/Components/Dashboard/DashboardProgressBars/index.jsx
View File

@@ -1,19 +0,0 @@
import { BarChart } from "@mui/x-charts/BarChart";
const ChartsOverviewDemo = () => {
return (
<BarChart
series={[
{ data: [35, 44, 24, 34] },
{ data: [51, 6, 49, 30] },
{ data: [15, 25, 30, 50] },
{ data: [60, 50, 15, 25] },
]}
height={290}
xAxis={[{ data: ["Q1", "Q2", "Q3", "Q4"], scaleType: "band" }]}
margin={{ top: 10, bottom: 30, left: 40, right: 10 }}
/>
);
};
export default ChartsOverviewDemo;

9
Client/src/Components/Dashboard/DashboardSettingsIcon/index.css
View File

@@ -1,9 +0,0 @@
#dashboard-setting-menu-item {
width: 135px;
padding: 6px;
margin: 5px 12px;
}
#menu-appbar {
padding: var(--env-var-spacing-1);
}

94
Client/src/Components/Dashboard/DashboardSettingsIcon/index.jsx
View File

@@ -1,94 +0,0 @@
import "./index.css";
import { useState } from "react";
import Box from "@mui/material/Box";
import IconButton from "@mui/material/IconButton";
import Menu from "@mui/material/Menu";
import Tooltip from "@mui/material/Tooltip";
import MenuItem from "@mui/material/MenuItem";
import Typography from "@mui/material/Typography";
import SvgIcon from "@mui/material/SvgIcon";
import SettingsIcon from "@mui/icons-material/Settings";
import { useTheme } from "@mui/material/styles";
const settings = [
"Open Site",
"Detailed View",
"Incidents",
"Configure",
"Remove",
];
/**
* DashboardSettings component
*
* A component that provides a settings menu accessible from an icon.
*
* @component
* @example
* return (
* <DashboardSettings />
* )
*/
function DashboardSettings() {
const theme = useTheme();
const [anchorElUser, setAnchorElUser] = useState(null);
/**
* Handles opening the user menu.
*
* @param {React.MouseEvent<HTMLElement>} event - The event triggered by clicking the user menu button.
*/
const handleOpenUserMenu = (event) => {
setAnchorElUser(event.currentTarget);
};
/**
* Handles closing the user menu.
*/
const handleCloseUserMenu = () => {
setAnchorElUser(null);
};
return (
<Box sx={{ flexGrow: 0 }}>
<Tooltip title="Open settings">
<IconButton onClick={handleOpenUserMenu} sx={{ p: 0 }}>
<SvgIcon component={SettingsIcon} />
</IconButton>
</Tooltip>
<Menu
sx={{ mt: theme.spacing(5.5) }}
id="menu-appbar"
anchorEl={anchorElUser}
anchorOrigin={{
vertical: "top",
horizontal: "right",
}}
keepMounted
transformOrigin={{
vertical: "top",
horizontal: "right",
}}
open={Boolean(anchorElUser)}
onClose={handleCloseUserMenu}
>
{settings.map((setting) => (
<MenuItem
id="dashboard-setting-menu-item"
key={setting}
onClick={handleCloseUserMenu}
>
<Typography
style={{ fontSize: "var(--env-var-font-size-medium)" }}
textAlign="center"
>
{setting}
</Typography>
</MenuItem>
))}
</Menu>
</Box>
);
}
export default DashboardSettings;

534
Client/src/Mock/sample_data.json
View File

@@ -1,534 +0,0 @@
{
"success": true,
"msg": "Got monitor for 666c9146c9bfa20db790b1df successfully\"",
"data": [
{
"_id": "6671d8469ba14f9f260eed23",
"userId": "666c9146c9bfa20db790b1df",
"name": "Google Monitor",
"description": "Google",
"type": "ping",
"url": "127.0.0.1",
"isActive": true,
"interval": 10000,
"createdAt": "2024-06-18T18:56:06.212Z",
"updatedAt": "2024-06-18T18:56:06.212Z",
"__v": 0,
"checks": [
{
"_id": "6671d84a9ba14f9f260eed27",
"monitorId": "6671d8469ba14f9f260eed23",
"status": true,
"responseTime": 143,
"createdAt": "2024-06-18T18:56:10.082Z",
"updatedAt": "2024-06-18T18:56:10.082Z",
"__v": 0
},
{
"_id": "6671d84a9ba14f9f260eed27",
"monitorId": "6671d8469ba14f9f260eed23",
"status": true,
"responseTime": 70,
"createdAt": "2024-06-18T18:56:10.082Z",
"updatedAt": "2024-06-18T18:56:10.082Z",
"__v": 0
},
{
"_id": "6671d84a9ba14f9f260eed27",
"monitorId": "6671d8469ba14f9f260eed23",
"status": true,
"responseTime": 143,
"createdAt": "2024-06-18T18:56:10.082Z",
"updatedAt": "2024-06-18T18:56:10.082Z",
"__v": 0
},
{
"_id": "6671d84a9ba14f9f260eed27",
"monitorId": "6671d8469ba14f9f260eed23",
"status": true,
"responseTime": 70,
"createdAt": "2024-06-18T18:56:10.082Z",
"updatedAt": "2024-06-18T18:56:10.082Z",
"__v": 0
},
{
"_id": "6671d8549ba14f9f260eed2d",
"monitorId": "6671d8469ba14f9f260eed23",
"status": false,
"responseTime": 120,
"createdAt": "2024-06-18T18:56:20.016Z",
"updatedAt": "2024-06-18T18:56:20.016Z",
"__v": 0
},
{
"_id": "6671d84a9ba14f9f260eed27",
"monitorId": "6671d8469ba14f9f260eed23",
"status": true,
"responseTime": 200,
"createdAt": "2024-06-18T18:56:10.082Z",
"updatedAt": "2024-06-18T18:56:10.082Z",
"__v": 0
},
{
"_id": "6671d8549ba14f9f260eed2d",
"monitorId": "6671d8469ba14f9f260eed23",
"status": false,
"responseTime": 250,
"createdAt": "2024-06-18T18:56:20.016Z",
"updatedAt": "2024-06-18T18:56:20.016Z",
"__v": 0
},
{
"_id": "6671d84a9ba14f9f260eed27",
"monitorId": "6671d8469ba14f9f260eed23",
"status": false,
"responseTime": 180,
"createdAt": "2024-06-18T18:56:10.082Z",
"updatedAt": "2024-06-18T18:56:10.082Z",
"__v": 0
},
{
"_id": "6671d8549ba14f9f260eed2d",
"monitorId": "6671d8469ba14f9f260eed23",
"status": true,
"responseTime": 200,
"createdAt": "2024-06-18T18:56:20.016Z",
"updatedAt": "2024-06-18T18:56:20.016Z",
"__v": 0
},
{
"_id": "6671d84a9ba14f9f260eed27",
"monitorId": "6671d8469ba14f9f260eed23",
"status": false,
"responseTime": 100,
"createdAt": "2024-06-18T18:56:10.082Z",
"updatedAt": "2024-06-18T18:56:10.082Z",
"__v": 0
},
{
"_id": "6671d8549ba14f9f260eed2d",
"monitorId": "6671d8469ba14f9f260eed23",
"status": true,
"responseTime": 210,
"createdAt": "2024-06-18T18:56:20.016Z",
"updatedAt": "2024-06-18T18:56:20.016Z",
"__v": 0
},
{
"_id": "6671d85e9ba14f9f260eed3c",
"monitorId": "6671d8469ba14f9f260eed23",
"status": true,
"responseTime": 200,
"createdAt": "2024-06-18T18:56:30.050Z",
"updatedAt": "2024-06-18T18:56:30.050Z",
"__v": 0
}
]
},
{
"_id": "6671d8529ba14f9f260eed2b",
"userId": "666c9146c9bfa20db790b1df",
"name": "Google Monitor",
"description": "Google",
"type": "http",
"url": "https://www.google.com/404",
"isActive": true,
"interval": 10000,
"createdAt": "2024-06-18T18:56:18.555Z",
"updatedAt": "2024-06-18T18:56:18.555Z",
"__v": 0,
"checks": [
{
"_id": "6671d8549ba14f9f260eed31",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 167,
"statusCode": 404,
"createdAt": "2024-06-18T18:56:20.190Z",
"updatedAt": "2024-06-18T18:56:20.190Z",
"__v": 0
},
{
"_id": "6671d85e9ba14f9f260eed3e",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 228,
"statusCode": 404,
"createdAt": "2024-06-18T18:56:30.279Z",
"updatedAt": "2024-06-18T18:56:30.279Z",
"__v": 0
},
{
"_id": "6671d8669ba14f9f260eed47",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 112,
"statusCode": 200,
"createdAt": "2024-06-18T18:56:38.381Z",
"updatedAt": "2024-06-18T18:56:38.381Z",
"__v": 0
},
{
"_id": "6671d8809ba14f9f260eed6b",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 134,
"statusCode": 200,
"createdAt": "2024-06-18T18:57:04.846Z",
"updatedAt": "2024-06-18T18:57:04.846Z",
"__v": 0
},
{
"_id": "6671d86d9ba14f9f260eed50",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 301,
"statusCode": 404,
"createdAt": "2024-06-18T18:56:45.492Z",
"updatedAt": "2024-06-18T18:56:45.492Z",
"__v": 0
},
{
"_id": "6671d8739ba14f9f260eed59",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 84,
"statusCode": 200,
"createdAt": "2024-06-18T18:56:51.614Z",
"updatedAt": "2024-06-18T18:56:51.614Z",
"__v": 0
},
{
"_id": "6671d87a9ba14f9f260eed62",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 189,
"statusCode": 404,
"createdAt": "2024-06-18T18:56:58.734Z",
"updatedAt": "2024-06-18T18:56:58.734Z",
"__v": 0
},
{
"_id": "6671d8809ba14f9f260eed6b",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 134,
"statusCode": 200,
"createdAt": "2024-06-18T18:57:04.846Z",
"updatedAt": "2024-06-18T18:57:04.846Z",
"__v": 0
},
{
"_id": "6671d8549ba14f9f260eed31",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 167,
"statusCode": 404,
"createdAt": "2024-06-18T18:56:20.190Z",
"updatedAt": "2024-06-18T18:56:20.190Z",
"__v": 0
},
{
"_id": "6671d85e9ba14f9f260eed3e",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 228,
"statusCode": 404,
"createdAt": "2024-06-18T18:56:30.279Z",
"updatedAt": "2024-06-18T18:56:30.279Z",
"__v": 0
},
{
"_id": "6671d8669ba14f9f260eed47",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 112,
"statusCode": 200,
"createdAt": "2024-06-18T18:56:38.381Z",
"updatedAt": "2024-06-18T18:56:38.381Z",
"__v": 0
},
{
"_id": "6671d8879ba14f9f260eed74",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 247,
"statusCode": 404,
"createdAt": "2024-06-18T18:57:11.958Z",
"updatedAt": "2024-06-18T18:57:11.958Z",
"__v": 0
}
]
},
{
"_id": "6671d8619ba14f9f260eed4c",
"userId": "666c9146c9bfa20db790b1df",
"name": "Amazon Monitor",
"description": "Amazon website",
"type": "http",
"url": "https://www.amazon.com",
"isActive": true,
"interval": 15000,
"createdAt": "2024-06-18T18:56:49.419Z",
"updatedAt": "2024-06-18T18:56:49.419Z",
"__v": 0,
"checks": [
{
"_id": "6671d8919ba14f9f260eed7d",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 92,
"statusCode": 200,
"createdAt": "2024-06-18T18:57:21.076Z",
"updatedAt": "2024-06-18T18:57:21.076Z",
"__v": 0
},
{
"_id": "6671d8989ba14f9f260eed86",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 205,
"statusCode": 404,
"createdAt": "2024-06-18T18:57:28.188Z",
"updatedAt": "2024-06-18T18:57:28.188Z",
"__v": 0
},
{
"_id": "6671d89e9ba14f9f260eed8f",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 159,
"statusCode": 200,
"createdAt": "2024-06-18T18:57:34.300Z",
"updatedAt": "2024-06-18T18:57:34.300Z",
"__v": 0
},
{
"_id": "6671d8a59ba14f9f260eed98",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 271,
"statusCode": 404,
"createdAt": "2024-06-18T18:57:41.421Z",
"updatedAt": "2024-06-18T18:57:41.421Z",
"__v": 0
},
{
"_id": "6671d8ac9ba14f9f260eeda1",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 127,
"statusCode": 200,
"createdAt": "2024-06-18T18:57:48.532Z",
"updatedAt": "2024-06-18T18:57:48.532Z",
"__v": 0
},
{
"_id": "6671d8a59ba14f9f260eed98",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 271,
"statusCode": 404,
"createdAt": "2024-06-18T18:57:41.421Z",
"updatedAt": "2024-06-18T18:57:41.421Z",
"__v": 0
},
{
"_id": "6671d8ac9ba14f9f260eeda1",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 127,
"statusCode": 200,
"createdAt": "2024-06-18T18:57:48.532Z",
"updatedAt": "2024-06-18T18:57:48.532Z",
"__v": 0
},
{
"_id": "6671d8b29ba14f9f260eedaa",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 193,
"statusCode": 404,
"createdAt": "2024-06-18T18:57:54.643Z",
"updatedAt": "2024-06-18T18:57:54.643Z",
"__v": 0
},
{
"_id": "6671d8b89ba14f9f260eedb3",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 104,
"statusCode": 200,
"createdAt": "2024-06-18T18:58:00.754Z",
"updatedAt": "2024-06-18T18:58:00.754Z",
"__v": 0
},
{
"_id": "6671d8bf9ba14f9f260eedbc",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 231,
"statusCode": 404,
"createdAt": "2024-06-18T18:58:07.865Z",
"updatedAt": "2024-06-18T18:58:07.865Z",
"__v": 0
},
{
"_id": "6671d8c59ba14f9f260eedc5",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 147,
"statusCode": 200,
"createdAt": "2024-06-18T18:58:13.977Z",
"updatedAt": "2024-06-18T18:58:13.977Z",
"__v": 0
},
{
"_id": "6671d8cc9ba14f9f260eedce",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 283,
"statusCode": 404,
"createdAt": "2024-06-18T18:58:20.088Z",
"updatedAt": "2024-06-18T18:58:20.088Z",
"__v": 0
}
]
},
{
"_id": "6671d8789ba14f9f260eed66",
"userId": "666c9146c9bfa20db790b1df",
"name": "Facebook Monitor",
"description": "Facebook website",
"type": "http",
"url": "https://www.facebook.com",
"isActive": true,
"interval": 20000,
"createdAt": "2024-06-18T18:57:12.798Z",
"updatedAt": "2024-06-18T18:57:12.798Z",
"__v": 0,
"checks": [
{
"_id": "6671d8d29ba14f9f260eedd7",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 81,
"statusCode": 200,
"createdAt": "2024-06-18T18:58:26.199Z",
"updatedAt": "2024-06-18T18:58:26.199Z",
"__v": 0
},
{
"_id": "6671d8d89ba14f9f260eede0",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 218,
"statusCode": 404,
"createdAt": "2024-06-18T18:58:32.311Z",
"updatedAt": "2024-06-18T18:58:32.311Z",
"__v": 0
},
{
"_id": "6671d8df9ba14f9f260eede9",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 138,
"statusCode": 200,
"createdAt": "2024-06-18T18:58:39.422Z",
"updatedAt": "2024-06-18T18:58:39.422Z",
"__v": 0
},
{
"_id": "6671d8e59ba14f9f260eedf2",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 257,
"statusCode": 404,
"createdAt": "2024-06-18T18:58:45.533Z",
"updatedAt": "2024-06-18T18:58:45.533Z",
"__v": 0
},
{
"_id": "6671d8eb9ba14f9f260eedfb",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 116,
"statusCode": 200,
"createdAt": "2024-06-18T18:58:51.644Z",
"updatedAt": "2024-06-18T18:58:51.644Z",
"__v": 0
},
{
"_id": "6671d8f19ba14f9f260eee04",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 184,
"statusCode": 404,
"createdAt": "2024-06-18T18:58:57.755Z",
"updatedAt": "2024-06-18T18:58:57.755Z",
"__v": 0
},
{
"_id": "6671d8f79ba14f9f260eee0d",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 97,
"statusCode": 200,
"createdAt": "2024-06-18T18:59:03.867Z",
"updatedAt": "2024-06-18T18:59:03.867Z",
"__v": 0
},
{
"_id": "6671d8fd9ba14f9f260eee16",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 240,
"statusCode": 404,
"createdAt": "2024-06-18T18:59:09.978Z",
"updatedAt": "2024-06-18T18:59:09.978Z",
"__v": 0
},
{
"_id": "6671d9039ba14f9f260eee1f",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 135,
"statusCode": 200,
"createdAt": "2024-06-18T18:59:16.089Z",
"updatedAt": "2024-06-18T18:59:16.089Z",
"__v": 0
},
{
"_id": "6671d8d89ba14f9f260eede0",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 218,
"statusCode": 404,
"createdAt": "2024-06-18T18:58:32.311Z",
"updatedAt": "2024-06-18T18:58:32.311Z",
"__v": 0
},
{
"_id": "6671d8df9ba14f9f260eede9",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": true,
"responseTime": 138,
"statusCode": 200,
"createdAt": "2024-06-18T18:58:39.422Z",
"updatedAt": "2024-06-18T18:58:39.422Z",
"__v": 0
},
{
"_id": "6671d9089ba14f9f260eee28",
"monitorId": "6671d8529ba14f9f260eed2b",
"status": false,
"responseTime": 269,
"statusCode": 404,
"createdAt": "2024-06-18T18:59:22.200Z",
"updatedAt": "2024-06-18T18:59:22.200Z",
"__v": 0
}
]
}
]
}

0
Client/src/Pages/CheckEmail/index.jsx → Client/src/Pages/Auth/CheckEmail.jsx
View File

0
Client/src/Pages/ForgotPassword/index.jsx → Client/src/Pages/Auth/ForgotPassword.jsx
View File

0
Client/src/Pages/Login/index.jsx → Client/src/Pages/Auth/Login.jsx
View File

0
Client/src/Pages/NewPasswordConfirmed/index.jsx → Client/src/Pages/Auth/NewPasswordConfirmed.jsx
View File

0
Client/src/Pages/Register/index.jsx → Client/src/Pages/Auth/Register.jsx
View File

0
Client/src/Pages/SetNewPassword/index.jsx → Client/src/Pages/Auth/SetNewPassword.jsx
View File

138
Client/src/Pages/Auth/index.css Normal file
View File

@@ -0,0 +1,138 @@
/* ////// */
/* SHARED */
/* ////// */
.register-page,
.login-page,
.set-new-password-page,
.password-confirmed-page,
.forgot-password-page,
.check-email-page {
display: flex;
justify-content: center;
height: var(--env-var-height-1);
}
.register-page h1.MuiTypography-root,
.set-new-password-page h1.MuiTypography-root,
.password-confirmed-page h1.MuiTypography-root,
.forgot-password-page h1.MuiTypography-root,
.check-email-page h1.MuiTypography-root {
font-size: var(--env-var-font-size-large);
color: var(--env-var-color-1);
font-weight: 600;
}
.register-page p.MuiTypography-root,
.register-page span,
.register-page button,
.login-page p.MuiTypography-root,
.login-page span,
.login-page button,
.set-new-password-page p.MuiTypography-root,
.set-new-password-page button,
.password-confirmed-page p.MuiTypography-root,
.password-confirmed-page button,
.forgot-password-page p.MuiTypography-root,
.forgot-password-page button,
.check-email-page p.MuiTypography-root,
.check-email-page button,
.check-email-page span.MuiTypography-root {
font-size: var(--env-var-font-size-medium);
}
.register-page p.MuiTypography-root,
.login-page p.MuiTypography-root {
color: var(--env-var-color-2);
opacity: 0.8;
}
.register-page button:not(.MuiIconButton-root),
.login-page button:not(.MuiIconButton-root),
.set-new-password-page button:not(.MuiIconButton-root),
.password-confirmed-page button:not(.MuiIconButton-root),
.forgot-password-page button:not(.MuiIconButton-root),
.check-email-page button:not(.MuiIconButton-root) {
height: 34px;
border-radius: var(--env-var-radius-2);
line-height: 0;
}
.register-page svg rect,
.login-page svg rect {
fill: none;
}
.register-form,
.login-form {
margin-top: 95px;
}
.set-new-password-form,
.password-confirmed-form,
.forgot-password-form,
.check-email-form {
margin-top: 65px;
width: var(--env-var-width-2);
}
.set-new-password-page p.MuiTypography-root,
.password-confirmed-page p.MuiTypography-root,
.forgot-password-page p.MuiTypography-root,
.check-email-page p.MuiTypography-root {
color: var(--env-var-color-2);
}
.login-page .MuiFormControlLabel-root .MuiButtonBase-root,
.set-new-password-page button:not(.MuiIconButton-root) svg,
.password-confirmed-page button:not(.MuiIconButton-root) svg,
.forgot-password-page button svg,
.check-email-page button svg {
margin-right: 5px;
}
.register-page
.MuiFormControl-root:has(#register-password-input)
+ span.MuiTypography-root,
.set-new-password-page
.MuiFormControl-root:has(#register-password-input)
+ span.MuiTypography-root,
.password-confirmed-page
.MuiFormControl-root:has(#register-password-input)
+ span.MuiTypography-root {
display: none;
visibility: hidden;
}
/* REGISTER */
.register-page h1.MuiTypography-root {
opacity: 0.5;
}
/* ///// */
/* LOGIN */
/* ///// */
.login-page span:not(.MuiTypography-root):not(.MuiButtonBase-root) {
color: var(--env-var-color-3);
cursor: pointer;
font-weight: 600;
}
.login-page .MuiFormControlLabel-root {
margin: 0;
}
.login-page .MuiFormControlLabel-root span:not(.Mui-checked) svg {
fill: var(--env-var-color-4);
}
.login-page .MuiFormControlLabel-root svg {
margin-bottom: 1px;
}
.login-page .MuiFormControlLabel-root .MuiTypography-root {
color: var(--env-var-color-5);
user-select: none;
}
.google-enter {
width: var(--env-var-img-width-1);
height: var(--env-var-img-width-1);
margin-right: 10px;
}
/* /////////// */
/* Check Email */
/* /////////// */
.check-email-page span.MuiTypography-root {
font-weight: 600;
}

34
Client/src/Pages/CheckEmail/index.css
View File

@@ -1,34 +0,0 @@
.check-email-page {
display: flex;
justify-content: center;
height: var(--env-var-height-1);
}
.check-email-page button:not(.MuiIconButton-root) {
height: 34px;
border-radius: var(--env-var-radius-2);
line-height: 0;
}
.check-email-page h1.MuiTypography-root {
font-size: var(--env-var-font-size-large);
color: var(--env-var-color-1);
font-weight: 600;
}
.check-email-page p.MuiTypography-root,
.check-email-page button,
.check-email-page span.MuiTypography-root {
font-size: var(--env-var-font-size-medium);
}
.check-email-page span.MuiTypography-root {
font-weight: 600;
}
.check-email-page p.MuiTypography-root {
color: var(--env-var-color-2);
}
.check-email-page button svg {
margin-right: 5px;
}
.check-email-form {
margin-top: 65px;
width: var(--env-var-width-2);
}

0
Client/src/Pages/Details/index.css
View File

31
Client/src/Pages/ForgotPassword/index.css
View File

@@ -1,31 +0,0 @@
.forgot-password-page {
display: flex;
justify-content: center;
height: var(--env-var-height-1);
}
.forgot-password-page button:not(.MuiIconButton-root) {
height: 34px;
border-radius: var(--env-var-radius-2);
line-height: 0;
}
.forgot-password-page h1.MuiTypography-root {
font-size: var(--env-var-font-size-large);
color: var(--env-var-color-1);
font-weight: 600;
}
.forgot-password-page p.MuiTypography-root,
.forgot-password-page button {
font-size: var(--env-var-font-size-medium);
}
.forgot-password-page p.MuiTypography-root {
color: var(--env-var-color-2);
}
.forgot-password-page button svg{
margin-right: 5px;
}
.forgot-password-form {
margin-top: 65px;
width: var(--env-var-width-2);
}

58
Client/src/Pages/Login/index.css
View File

@@ -1,58 +0,0 @@
.login-page {
width: var(--env-var-width-1);
display: flex;
justify-content: center;
height: 100vh;
}
.login-page svg rect {
fill: none;
}
.login-page p.MuiTypography-root,
.login-page span,
.login-page button {
font-size: var(--env-var-font-size-medium);
}
.login-page p.MuiTypography-root {
color: var(--env-var-color-2);
opacity: 0.8;
}
.login-page button:not(.MuiIconButton-root) {
height: 34px;
border-radius: var(--env-var-radius-2);
line-height: 0;
}
.login-page span:not(.MuiTypography-root):not(.MuiButtonBase-root) {
color: var(--env-var-color-3);
cursor: pointer;
font-weight: 600;
}
.login-page .MuiFormControlLabel-root {
margin: 0;
}
.login-page .MuiFormControlLabel-root .MuiButtonBase-root {
margin-right: 5px;
}
.login-page .MuiFormControlLabel-root span:not(.Mui-checked) svg{
fill: var(--env-var-color-4);
}
.login-page .MuiFormControlLabel-root svg{
margin-bottom: 1px;
}
.login-page .MuiFormControlLabel-root .MuiTypography-root {
color: var(--env-var-color-5);
user-select: none;
}
/* .login-form-inputs .field h3.MuiTypography-root{
font-weight: 600;
} */
.login-form{
margin-top: 95px;
}
.google-enter {
width: var(--env-var-img-width-1);
height: var(--env-var-img-width-1);
margin-right: 10px;
}

0
Client/src/Pages/CreateNewMonitor/index.css → Client/src/Pages/Monitors/CreateMonitor/index.css
View File

23
Client/src/Pages/CreateNewMonitor/index.jsx → Client/src/Pages/Monitors/CreateMonitor/index.jsx
View File

@@ -1,19 +1,18 @@
import "./index.css";
import ConfigBox from "../../Components/ConfigBox";
import ConfigBox from "../../../Components/ConfigBox";
import React, { useState } from "react";
import RadioButton from "../../Components/RadioButton";
import CustomizableCheckBox from "../../Components/Checkbox/CustomizableCheckbox";
import Button from "../../Components/Button";
import RadioButton from "../../../Components/RadioButton";
import Button from "../../../Components/Button";
import { Box, MenuItem, Select, Stack, Typography } from "@mui/material";
import { useSelector, useDispatch } from "react-redux";
import { createMonitorValidation } from "../../Validation/validation";
import { createMonitor } from "../../Features/Monitors/monitorsSlice";
import { createMonitorValidation } from "../../../Validation/validation";
import { createMonitor } from "../../../Features/Monitors/monitorsSlice";
import { useNavigate } from "react-router-dom";
import { useTheme } from "@emotion/react";
import WestRoundedIcon from "@mui/icons-material/WestRounded";
import Field from "../../Components/Inputs/Field";
import Field from "../../../Components/Inputs/Field";
const CreateNewMonitor = () => {
const CreateMonitor = () => {
const MS_PER_MINUTE = 60000;
const { user, authToken } = useSelector((state) => state.auth);
const dispatch = useDispatch();
@@ -81,7 +80,7 @@ const CreateNewMonitor = () => {
// }));
// };
const handleCreateNewMonitor = async (event) => {
const handleCreateMonitor = async (event) => {
event.preventDefault();
//obj to submit
let monitor = {
@@ -126,7 +125,7 @@ const CreateNewMonitor = () => {
return (
<form
className="create-monitor-form"
onSubmit={handleCreateNewMonitor}
onSubmit={handleCreateMonitor}
noValidate
spellCheck="false"
style={{
@@ -441,7 +440,7 @@ const CreateNewMonitor = () => {
level="primary"
label="Create new monitor"
sx={{ width: "210px", fontSize: "var(--env-var-font-size-medium)" }}
onClick={handleCreateNewMonitor}
onClick={handleCreateMonitor}
disabled={Object.keys(errors).length !== 0 && true}
/>
</div>
@@ -449,4 +448,4 @@ const CreateNewMonitor = () => {
);
};
export default CreateNewMonitor;
export default CreateMonitor;

0
Client/src/Components/Dashboard/DashboardProgressBars/index.css → Client/src/Pages/Monitors/Details/index.css
View File

8
Client/src/Pages/Details/index.jsx → Client/src/Pages/Monitors/Details/index.jsx
View File

@@ -3,10 +3,10 @@ import PropTypes from "prop-types";
import { Box, Typography, useTheme } from "@mui/material";
import { useSelector } from "react-redux";
import { useParams } from "react-router-dom";
import axiosInstance from "../../Utils/axiosConfig";
import BasicTable from "../../Components/BasicTable";
import MonitorDetailsAreaChart from "../../Components/Charts/MonitorDetailsAreaChart";
import { StatusLabel } from "../../Components/Label";
import axiosInstance from "../../../Utils/axiosConfig";
import BasicTable from "../../../Components/BasicTable";
import MonitorDetailsAreaChart from "../../../Components/Charts/MonitorDetailsAreaChart";
import { StatusLabel } from "../../../Components/Label";
const formatDuration = (ms) => {
const seconds = Math.floor(ms / 1000);

102
Client/src/Pages/Monitors/index.css
View File

@@ -101,3 +101,105 @@
width: 226.8px;
height: 20px;
}
/* TODO */
.current-monitors {
margin-top: var(--env-var-spacing-2);
border: 1px solid #eaecf0;
padding: 40px;
border-radius: 4px;
}
.current-monitors-title-holder {
display: flex;
align-items: center;
}
.current-monitors-bar {
display: flex;
justify-content: space-between;
}
.current-monitors-title {
font-size: 1rem;
font-weight: bold;
margin-right: var(--env-var-spacing-1);
color: var(--env-var-color-1);
}
.current-monitors-counter {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 2px;
min-width: 22px;
min-height: 22px;
background-color: var(--env-var-color-15);
border: 1px solid var(--env-var-color-6);
border-radius: 50%;
font-size: var(--env-var-font-size-medium);
font-weight: 500;
color: var(--env-var-color-5);
}
.monitors-v-gaping {
height: var(--env-var-spacing-3);
}
.current-monitors-table {
width: 100%;
text-align: left;
}
.current-monitors-table {
width: 100%;
text-align: left;
border-collapse: collapse;
border: 1px solid var(--env-var-color-16);
border-radius: var(--env-var-radius-1);
}
.current-monitors-table th,
.current-monitors-table td {
border: 1px solid var(--env-var-color-16);
border-left: none;
border-right: none;
padding: 8px;
}
.theader-row {
background-color: var(--env-var-color-13);
color: var(--env-var-color-2);
font-weight: 500;
}
.theader-row td {
padding: var(--env-var-spacing-1) var(--env-var-spacing-2);
font-size: var(--env-var-font-size-medium);
}
.host-list-item-precentage {
font-size: var(--env-var-font-size-medium);
}
.tbody-row td {
padding: var(--env-var-spacing-2) var(--env-var-img-width-2);
}
.host-status-box {
display: flex;
width: fit-content;
border: 1px solid var(--env-var-color-4);
border-radius: var(--env-var-radius-2);
align-items: center;
padding: calc(var(--env-var-spacing-1) / 2);
}
.host-actions {
margin: auto;
cursor: pointer;
}
.tbody-row-cell.actions-cell {
padding-left: 30px;
}

1
Client/src/Pages/Monitors/index.jsx
View File

@@ -1,5 +1,4 @@
import "./index.css";
import "./monitors.css";
import { useEffect } from "react";
import { useSelector, useDispatch } from "react-redux";
import { getMonitorsByUserId } from "../../Features/Monitors/monitorsSlice";

100
Client/src/Pages/Monitors/monitors.css
View File

@@ -1,100 +0,0 @@
.current-monitors {
margin-top: var(--env-var-spacing-2);
border: 1px solid #eaecf0;
padding: 40px;
border-radius: 4px;
}
.current-monitors-title-holder {
display: flex;
align-items: center;
}
.current-monitors-bar {
display: flex;
justify-content: space-between;
}
.current-monitors-title {
font-size: 1rem;
font-weight: bold;
margin-right: var(--env-var-spacing-1);
color: var(--env-var-color-1);
}
.current-monitors-counter {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 2px;
min-width: 22px;
min-height: 22px;
background-color: var(--env-var-color-15);
border: 1px solid var(--env-var-color-6);
border-radius: 50%;
font-size: var(--env-var-font-size-medium);
font-weight: 500;
color: var(--env-var-color-5);
}
.monitors-v-gaping {
height: var(--env-var-spacing-3);
}
.current-monitors-table {
width: 100%;
text-align: left;
}
.current-monitors-table {
width: 100%;
text-align: left;
border-collapse: collapse;
border: 1px solid var(--env-var-color-16);
border-radius: var(--env-var-radius-1);
}
.current-monitors-table th,
.current-monitors-table td {
border: 1px solid var(--env-var-color-16);
border-left: none;
border-right: none;
padding: 8px;
}
.theader-row {
background-color: var(--env-var-color-13);
color: var(--env-var-color-2);
font-weight: 500;
}
.theader-row td {
padding: var(--env-var-spacing-1) var(--env-var-spacing-2);
font-size: var(--env-var-font-size-medium);
}
.host-list-item-precentage {
font-size: var(--env-var-font-size-medium);
}
.tbody-row td {
padding: var(--env-var-spacing-2) var(--env-var-img-width-2);
}
.host-status-box {
display: flex;
width: fit-content;
border: 1px solid var(--env-var-color-4);
border-radius: var(--env-var-radius-2);
align-items: center;
padding: calc(var(--env-var-spacing-1) / 2);
}
.host-actions {
margin: auto;
cursor: pointer;
}
.tbody-row-cell.actions-cell {
padding-left: 30px;
}

36
Client/src/Pages/NewPasswordConfirmed/index.css
View File

@@ -1,36 +0,0 @@
.password-confirmed-page {
display: flex;
justify-content: center;
height: var(--env-var-height-1);
}
.password-confirmed-page button:not(.MuiIconButton-root) {
height: 34px;
border-radius: var(--env-var-radius-2);
line-height: 0;
}
.password-confirmed-page h1.MuiTypography-root {
font-size: var(--env-var-font-size-large);
color: var(--env-var-color-1);
font-weight: 600;
}
.password-confirmed-page p.MuiTypography-root,
.password-confirmed-page button {
font-size: var(--env-var-font-size-medium);
}
.password-confirmed-page p.MuiTypography-root {
color: var(--env-var-color-2);
}
.password-confirmed-page button:not(.MuiIconButton-root) svg {
margin-right: 5px;
}
.password-confirmed-page
.MuiFormControl-root:has(#register-password-input)
+ span.MuiTypography-root {
display: none;
visibility: hidden;
}
.password-confirmed-form {
margin-top: 65px;
width: var(--env-var-width-2);
}

38
Client/src/Pages/Register/index.css
View File

@@ -1,38 +0,0 @@
.register-page {
display: flex;
justify-content: center;
height: var(--env-var-height-1);
}
.register-page h1.MuiTypography-root {
font-size: var(--env-var-font-size-large);
color: var(--env-var-color-1);
font-weight: 600;
opacity: 0.5;
}
.register-page p.MuiTypography-root,
.register-page span,
.register-page button {
font-size: var(--env-var-font-size-medium);
}
.register-page p.MuiTypography-root {
color: var(--env-var-color-2);
opacity: 0.8;
}
.register-page button:not(.MuiIconButton-root) {
height: 34px;
border-radius: var(--env-var-radius-2);
line-height: 0;
}
.register-page svg rect {
fill: none;
}
.register-page
.MuiFormControl-root:has(#register-password-input)
+ span.MuiTypography-root {
display: none;
visibility: hidden;
}
.register-form {
margin-top: 95px;
}

36
Client/src/Pages/SetNewPassword/index.css
View File

@@ -1,36 +0,0 @@
.set-new-password-page {
display: flex;
justify-content: center;
height: var(--env-var-height-1);
}
.set-new-password-page button:not(.MuiIconButton-root) {
height: 34px;
border-radius: var(--env-var-radius-2);
line-height: 0;
}
.set-new-password-page h1.MuiTypography-root {
font-size: var(--env-var-font-size-large);
color: var(--env-var-color-1);
font-weight: 600;
}
.set-new-password-page p.MuiTypography-root,
.set-new-password-page button {
font-size: var(--env-var-font-size-medium);
}
.set-new-password-page p.MuiTypography-root {
color: var(--env-var-color-2);
}
.set-new-password-page button:not(.MuiIconButton-root) svg {
margin-right: 5px;
}
.set-new-password-page
.MuiFormControl-root:has(#register-password-input)
+ span.MuiTypography-root {
display: none;
visibility: hidden;
}
.set-new-password-form {
margin-top: 65px;
width: var(--env-var-width-2);
}