IERG4210 Admin Panel
+Add Category
+ + +Add Product
+ + + \ No newline at end of file diff --git a/task1/_ref/old_project/server.js b/task1/_ref/old_project/server.js new file mode 100644 index 0000000..b2384cc --- /dev/null +++ b/task1/_ref/old_project/server.js @@ -0,0 +1,85 @@ +// Import the 'path' module +const path = require("path"); +const express = require("express"); +const sqlite3 = require("sqlite3").verbose(); + +const app = express(); +const db = new sqlite3.Database("cart.db"); + +// Use middleware to parse the request body +app.use(express.urlencoded({ extended: true })); + +app.get("/", (req, res) => { + res.sendFile(path.join(__dirname, "form.html")); +}); + +app.get("/categories", (req, res) => { + const selectCategoriesQuery = `SELECT * FROM categories`; + db.all(selectCategoriesQuery, (err, rows) => { + if (err) { + console.error(err); + res.status(500).json({ error: "Failed to fetch categories" }); + } else { + res.json(rows); + } + }); +}); + +// Handle POST request to add a new category +app.post("/addCategory", (req, res) => { + const categoryName = req.body.categoryName; + + // Insert the new category into the categories table + const insertCategoryQuery = `INSERT INTO categories (name) VALUES (?)`; + db.run(insertCategoryQuery, [categoryName], (err) => { + if (err) { + console.error(err); + res.status(500).send("Error adding category"); + } else { + res.send(` + + `); + } + }); +}); + +// Handle POST request to add a new product +app.post("/addProduct", (req, res) => { + const productName = req.body.productName; + const category = req.body.category; + const price = req.body.price; + const description = req.body.description; + + let imageUrl = ""; + if (req.file) { + imageUrl = req.file.filename; + } + + // Insert the new product into the products table + const insertProductQuery = `INSERT INTO products (name, catid, price, description) VALUES (?, ?, ?, ?)`; + db.run( + insertProductQuery, + [productName, category, price, description], + (err) => { + if (err) { + console.error(err); + res.status(500).send("Error adding product"); + } else { + res.send(` + + `); + } + } + ); +}); + +// Start the server +app.listen(3000, () => { + console.log("Server started on port 3000"); +}); diff --git a/task1/_ref/paymentsequence_Simple.png b/task1/_ref/paymentsequence_Simple.png new file mode 100644 index 0000000..d9d01f8 --- /dev/null +++ b/task1/_ref/paymentsequence_Simple.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:530a85cd2839bf6cf18da896689dcbc3d5a2536ec466df84eee06c6e2c5e7547 +size 170754 diff --git a/task1/aws/workspace/.env.example b/task1/aws/workspace/.env.example new file mode 100644 index 0000000..c3a6065 --- /dev/null +++ b/task1/aws/workspace/.env.example @@ -0,0 +1,5 @@ +DB_HOST=localhost +DB_PORT=6033 +DB_NAME=app_db +DB_USER=db_user +DB_PASSWORD=db_user_pass diff --git a/task1/aws/workspace/README.md b/task1/aws/workspace/README.md new file mode 100644 index 0000000..3636c96 --- /dev/null +++ b/task1/aws/workspace/README.md @@ -0,0 +1,12 @@ +```batch + +> .\dc_up.bat + +``` + +*nix +```batch + +> .\dc_up.sh + +``` diff --git a/task1/aws/workspace/admin/src/@core/components/card-statistics/card-stats-vertical/index.js b/task1/aws/workspace/admin/src/@core/components/card-statistics/card-stats-vertical/index.js new file mode 100644 index 0000000..7124240 --- /dev/null +++ b/task1/aws/workspace/admin/src/@core/components/card-statistics/card-stats-vertical/index.js @@ -0,0 +1,51 @@ +// ** MUI Imports +import Box from '@mui/material/Box'; +import Card from '@mui/material/Card'; +import Avatar from '@mui/material/Avatar'; +import IconButton from '@mui/material/IconButton'; +import Typography from '@mui/material/Typography'; +import CardContent from '@mui/material/CardContent'; + +// ** Icons Imports +import DotsVertical from 'mdi-material-ui/DotsVertical'; + +const CardStatsVertical = props => { + // ** Props + const { title, subtitle, color, icon, stats, trend, trendNumber } = props; + + return ( +-
+
+ {isPending ? (
+ onCreateOrder(data, actions)}
+ onApprove={(data, actions) => onApproveOrder(data, actions)}
+ onCancel={(data, actions) => onCancelOrder(data, actions)}
+ />
+
+ )}
+
+ );
+};
+
+export default Checkout;
diff --git a/task1/aws/workspace/admin/src/components/CustomerOrderTable.js b/task1/aws/workspace/admin/src/components/CustomerOrderTable.js
new file mode 100644
index 0000000..7ef3d39
--- /dev/null
+++ b/task1/aws/workspace/admin/src/components/CustomerOrderTable.js
@@ -0,0 +1,99 @@
+// ** MUI Imports
+import Paper from '@mui/material/Paper';
+import Table from '@mui/material/Table';
+import TableRow from '@mui/material/TableRow';
+import TableHead from '@mui/material/TableHead';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableContainer from '@mui/material/TableContainer';
+import NotesIcon from '@mui/icons-material/Notes';
+import crypto from 'crypto';
+import { Box, Stack, Typography } from '@mui/material';
+import { useEffect, useState } from 'react';
+import fetchCustomerOrders from 'src/api/fetchCustomerOrders';
+import Loading from './Loading';
+import NoOrders from './NoOrders';
+
+const CustomerOrderTable = () => {
+ let [orders, setOrders] = useState(null);
+ let [loading, setLoading] = useState(true);
+
+ useEffect(() => {
+ const fetchOrder = async () => {
+ try {
+ let session_raw = localStorage.getItem('session');
+ let { session } = JSON.parse(session_raw);
+ let fetch_orders = await fetchCustomerOrders({ session });
+ setOrders(fetch_orders);
+ setLoading(false);
+ } catch (error) {
+ console.error('error during fetching orders');
+ }
+ };
+ fetchOrder();
+ }, []);
+
+ if (loading) return LOADING...
+ ) : ( + <> +
+
+ 
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+ -
+
- React / Nextjs / next-csrf +
- Ui framework: Material ui +
- + Themes:{' '} + + materio-mui-react-nextjs-admin-template-free + + +
- request handler: axios / formik / formidable +
- ORM: sequelize +
- Misc lib: dotenv, crypto, +
according to tutorial 7.pdf
+keyword: localStorage
+Page Layout controlled by Nextjs Theme provider/toolset by default.
+keyword: nextjs
++ As we're using nextjs, the role of Nginx and express ending processing http hosting were replaced by nextjs + server +
+keyword: nextjs
+XSRF is protected by "XSRF-TOKEN" in cookies, on every request.
++ As cookies will pass along on every request(i.e. GET, POST, PUT, DELETE). Equivalently the end point is XSRF + protected. +
+keyword: next-xsrf
+
+ -
+ {products.map(p => {
+ return (
+
- + {p.name}, {p.description} {p.price} + + ); + })} +
-
+
+ {isPending ? (
+ onCreateOrder(data, actions)}
+ onApprove={(data, actions) => onApproveOrder(data, actions)}
+ onCancel={(data, actions) => onCancelOrder(data, actions)}
+ />
+
+ )}
+
+ );
+};
+
+export default Checkout;
diff --git a/task1/project/admin/src/components/CustomerOrderTable.js b/task1/project/admin/src/components/CustomerOrderTable.js
new file mode 100644
index 0000000..7ef3d39
--- /dev/null
+++ b/task1/project/admin/src/components/CustomerOrderTable.js
@@ -0,0 +1,99 @@
+// ** MUI Imports
+import Paper from '@mui/material/Paper';
+import Table from '@mui/material/Table';
+import TableRow from '@mui/material/TableRow';
+import TableHead from '@mui/material/TableHead';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableContainer from '@mui/material/TableContainer';
+import NotesIcon from '@mui/icons-material/Notes';
+import crypto from 'crypto';
+import { Box, Stack, Typography } from '@mui/material';
+import { useEffect, useState } from 'react';
+import fetchCustomerOrders from 'src/api/fetchCustomerOrders';
+import Loading from './Loading';
+import NoOrders from './NoOrders';
+
+const CustomerOrderTable = () => {
+ let [orders, setOrders] = useState(null);
+ let [loading, setLoading] = useState(true);
+
+ useEffect(() => {
+ const fetchOrder = async () => {
+ try {
+ let session_raw = localStorage.getItem('session');
+ let { session } = JSON.parse(session_raw);
+ let fetch_orders = await fetchCustomerOrders({ session });
+ setOrders(fetch_orders);
+ setLoading(false);
+ } catch (error) {
+ console.error('error during fetching orders');
+ }
+ };
+ fetchOrder();
+ }, []);
+
+ if (loading) return LOADING...
+ ) : ( + <> +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
- React / Nextjs / next-csrf +
- Ui framework: Material ui +
- + Themes:{' '} + + materio-mui-react-nextjs-admin-template-free + + +
- request handler: axios / formik / formidable +
- ORM: sequelize +
- Misc lib: dotenv, crypto, +
according to tutorial 7.pdf
+keyword: localStorage
+Page Layout controlled by Nextjs Theme provider/toolset by default.
+keyword: nextjs
++ As we're using nextjs, the role of Nginx and express ending processing http hosting were replaced by nextjs + server +
+keyword: nextjs
+XSRF is protected by "XSRF-TOKEN" in cookies, on every request.
++ As cookies will pass along on every request(i.e. GET, POST, PUT, DELETE). Equivalently the end point is XSRF + protected. +
+keyword: next-xsrf
+
+ -
+ {products.map(p => {
+ return (
+
- + {p.name}, {p.description} {p.price} + + ); + })} +