From cd1510f573a220790724f2f53cd41ce7ddcedc7c Mon Sep 17 00:00:00 2001 From: Sunrise Date: Sun, 30 Apr 2023 01:55:36 -0400 Subject: [PATCH] completed layout of page --- db_app/src/components/Plan.js | 483 +++++++++++++++++++++++++--------- 1 file changed, 355 insertions(+), 128 deletions(-) diff --git a/db_app/src/components/Plan.js b/db_app/src/components/Plan.js index 49558c3..7dea137 100644 --- a/db_app/src/components/Plan.js +++ b/db_app/src/components/Plan.js @@ -22,9 +22,13 @@ import MenuItem from '@mui/material/MenuItem'; import {red, green, lightBlue, lightGreen} from '@mui/material/colors'; import { ThemeProvider, createTheme } from '@mui/material/styles'; import { ReactSession } from 'react-client-session'; - - import { Axios } from 'axios'; +import Chip from '@mui/material/Chip'; +import Stack from '@mui/material/Stack'; +import Select, { SelectChangeEvent } from '@mui/material/Select'; +import InputLabel from '@mui/material/InputLabel'; +import FormControl from '@mui/material/FormControl'; +import { Table, TableBody, TableCell, TableContainer,TableHead, TableRow, Paper} from '@mui/material'; const theme = createTheme({ palette: { @@ -105,137 +109,360 @@ const handleSubmit = evt => { } return ( + +
+ + + + + + + + +
- +
+

  Your Plan

+

   Goal for the week of:

- -
- - - - - - - - - -
-
-

  Your Plan

-

   Goal for the week of:

- -
- <>    - - <>    - - <>    - - <>    - - <>    - -

- <>    - - <>    - - <>    - - <>    - - <>    - - <>    - -

-

- <>    - - -
+
+     + +     + +     + +     + +     +

- -
-

-     - So Far This Week: -

-
+     + +     + +     + +     + +     + +     + +

+

+     -
-

-     - Add to Food Journal -

-

      - On-Campus -

-

      - Off-Campus -

-
+ + +
+

+ +
+

+       + So Far This Week: +

+

+     + Foods Eaten +

+ + + + + + Food + Calories + Fat (g) + Saturated Fat (g) + TransFat (g) + Carbs (g) + Fiber (g) + Sugar (g) + Protein (g) + Sodium (mg) + Potassium (mg) + Cholesterol (mg) + + + + + + + + + + + + + + + + + + +
+ + +

+     + Weekly Totals +

+ + + + + + Calories + Fat (g) + Saturated Fat (g) + TransFat (g) + Carbs (g) + Fiber (g) + Sugar (g) + Protein (g) + Sodium (mg) + Potassium (mg) + Cholesterol (mg) + + + + + + + + + + + + + + + + + +
+ + +

+ +     + + +     + +       + +     + +     + +       + +       + +       + +           + +           + + +
+ +
+

+     + Add to Food Journal +

+

    + On-Campus +

+
+     + + Dining Location + + + +     + + +     + + + +

    + Off-Campus +

+
+     + +     + +     + +     + +     + +     + +

+     + +     + +     + +     + +     + +     + +

+

+     + + + + +
);