Skip to content
Snippets Groups Projects
Commit a4adbf15 authored by William Fitzgerald's avatar William Fitzgerald
Browse files

Added comments

parent 1e7216e2
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 155 additions and 109 deletions
src/App.css
+ 2
− 0
View file @ a4adbf15
...@@ -7,6 +7,8 @@ body, html{ ...@@ -7,6 +7,8 @@ body, html{
padding:0; padding:0;
} }
/* Layout: App -> html -> body -> main container -> row -> graph column & data column*/
.App-main-container { .App-main-container {
background-color: white; background-color: white;
min-height: 70vh; min-height: 70vh;
......
src/App.js
+ 4
− 1
View file @ a4adbf15
...@@ -9,7 +9,10 @@ import Controller3 from './pages/controller3'; ...@@ -9,7 +9,10 @@ import Controller3 from './pages/controller3';
import Controller4 from './pages/controller4'; import Controller4 from './pages/controller4';
import Controller5 from './pages/controller5'; import Controller5 from './pages/controller5';
import Controller6 from './pages/controller6'; import Controller6 from './pages/controller6';
/**
* Entry point for the dashboard page, handles all six routes to controllers
*
*/
function App() { function App() {
return ( return (
......
src/components/Navbar/NavbarElements.js
+ 5
− 1
View file @ a4adbf15
import { FaBars } from "react-icons/fa"; import { FaBars } from "react-icons/fa";
import { NavLink as Link } from "react-router-dom"; import { NavLink as Link } from "react-router-dom";
import styled from "styled-components"; import styled from "styled-components";
/**
* This file contians imported styling for the imported navbar component present on each controller page
*/
export const Nav = styled.nav` export const Nav = styled.nav`
background: #214184; background: #214184;
height: 100px; height: 100px;
......
src/components/Navbar/index.js
+ 5
− 1
View file @ a4adbf15
import React from "react"; import React from "react";
import { Nav, NavLink, NavMenu } import { Nav, NavLink, NavMenu }
from "./NavbarElements"; from "./NavbarElements";
/**
* Imported navbar element that contains routes to each of the six controllers
*
*/
const Navbar = () => { const Navbar = () => {
return ( return (
<> <>
......
src/index.js
+ 4
− 1
View file @ a4adbf15
import React from 'react'; import React from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import App from './App'; import App from './App';
/**
* Default index for App.js
*/
ReactDOM.render( ReactDOM.render(
<React.StrictMode> <React.StrictMode>
<App /> <App />
......
src/pages/controller1.js
+ 5
− 0
View file @ a4adbf15
...@@ -3,6 +3,7 @@ import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, Responsi ...@@ -3,6 +3,7 @@ import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, Responsi
import ssec from '../config/ssec-logo.png'; import ssec from '../config/ssec-logo.png';
import '../App.css'; import '../App.css';
// Static data for testing, use msgpack and create vars here
const data = [ const data = [
{ {
Temp: 240, Temp: 240,
...@@ -27,6 +28,10 @@ const data = [ ...@@ -27,6 +28,10 @@ const data = [
}, },
]; ];
/**
* React and HTML for main container for this controller
* Styled by App.css
*/
const controller1 = () => { const controller1 = () => {
return ( return (
<html> <html>
......
src/pages/controller2.js
+ 26
− 21
View file @ a4adbf15
...@@ -3,30 +3,35 @@ import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, Responsi ...@@ -3,30 +3,35 @@ import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, Responsi
import ssec from '../config/ssec-logo.png'; import ssec from '../config/ssec-logo.png';
import '../App.css'; import '../App.css';
// Static data for testing, use msgpack and create vars here
const data = [ const data = [
{ {
Temp: 240, Temp: 240,
}, },
{ {
Temp: 139, Temp: 139,
}, },
{ {
Temp: 980, Temp: 980,
}, },
{ {
Temp: 390, Temp: 390,
}, },
{ {
Temp: 480, Temp: 480,
}, },
{ {
Temp: 380, Temp: 380,
}, },
{ {
Temp: 322, Temp: 322,
}, },
]; ];
/**
* React and HTML for main container for this controller
* Styled by App.css
*/
const controller2 = () => { const controller2 = () => {
return ( return (
<html> <html>
......
src/pages/controller3.js
+ 26
− 21
View file @ a4adbf15
...@@ -3,30 +3,35 @@ import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, Responsi ...@@ -3,30 +3,35 @@ import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, Responsi
import ssec from '../config/ssec-logo.png'; import ssec from '../config/ssec-logo.png';
import '../App.css'; import '../App.css';
// Static data for testing, use msgpack and create vars here
const data = [ const data = [
{ {
Temp: 240, Temp: 240,
}, },
{ {
Temp: 139, Temp: 139,
}, },
{ {
Temp: 980, Temp: 980,
}, },
{ {
Temp: 390, Temp: 390,
}, },
{ {
Temp: 480, Temp: 480,
}, },
{ {
Temp: 380, Temp: 380,
}, },
{ {
Temp: 322, Temp: 322,
}, },
]; ];
/**
* React and HTML for main container for this controller
* Styled by App.css
*/
const controller3 = () => { const controller3 = () => {
return ( return (
<html> <html>
......
src/pages/controller4.js
+ 26
− 21
View file @ a4adbf15
...@@ -3,30 +3,35 @@ import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, Responsi ...@@ -3,30 +3,35 @@ import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, Responsi
import ssec from '../config/ssec-logo.png'; import ssec from '../config/ssec-logo.png';
import '../App.css'; import '../App.css';
// Static data for testing, use msgpack and create vars here
const data = [ const data = [
{ {
Temp: 240, Temp: 240,
}, },
{ {
Temp: 139, Temp: 139,
}, },
{ {
Temp: 980, Temp: 980,
}, },
{ {
Temp: 390, Temp: 390,
}, },
{ {
Temp: 480, Temp: 480,
}, },
{ {
Temp: 380, Temp: 380,
}, },
{ {
Temp: 322, Temp: 322,
}, },
]; ];
/**
* React and HTML for main container for this controller
* Styled by App.css
*/
const controller4 = () => { const controller4 = () => {
return ( return (
<html> <html>
......
src/pages/controller5.js
+ 26
− 21
View file @ a4adbf15
...@@ -3,30 +3,35 @@ import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, Responsi ...@@ -3,30 +3,35 @@ import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, Responsi
import ssec from '../config/ssec-logo.png'; import ssec from '../config/ssec-logo.png';
import '../App.css'; import '../App.css';
// Static data for testing, use msgpack and create vars here
const data = [ const data = [
{ {
Temp: 240, Temp: 240,
}, },
{ {
Temp: 139, Temp: 139,
}, },
{ {
Temp: 980, Temp: 980,
}, },
{ {
Temp: 390, Temp: 390,
}, },
{ {
Temp: 480, Temp: 480,
}, },
{ {
Temp: 380, Temp: 380,
}, },
{ {
Temp: 322, Temp: 322,
}, },
]; ];
/**
* React and HTML for main container for this controller
* Styled by App.css
*/
const controller5 = () => { const controller5 = () => {
return ( return (
<html> <html>
......
src/pages/controller6.js
+ 26
− 21
View file @ a4adbf15
...@@ -3,30 +3,35 @@ import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, Responsi ...@@ -3,30 +3,35 @@ import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, Responsi
import ssec from '../config/ssec-logo.png'; import ssec from '../config/ssec-logo.png';
import '../App.css'; import '../App.css';
// Static data for testing, use msgpack and create vars here
const data = [ const data = [
{ {
Temp: 240, Temp: 240,
}, },
{ {
Temp: 139, Temp: 139,
}, },
{ {
Temp: 980, Temp: 980,
}, },
{ {
Temp: 390, Temp: 390,
}, },
{ {
Temp: 480, Temp: 480,
}, },
{ {
Temp: 380, Temp: 380,
}, },
{ {
Temp: 322, Temp: 322,
}, },
]; ];
/**
* React and HTML for main container for this controller
* Styled by App.css
*/
const controller6 = () => { const controller6 = () => {
return ( return (
<html> <html>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment