From d5bf2f03cd593172570566b5823b6121150a6d72 Mon Sep 17 00:00:00 2001 From: Ben <36240171+benkyd@users.noreply.github.com> Date: Fri, 29 Apr 2022 15:04:30 +0100 Subject: [PATCH] order pages all done and stock pages coming Former-commit-id: da90fc25deecf2843a6269d877387ce07fdb2728 --- client/public/auth.mjs | 2 +- client/public/components/css/stock-audit.css | 70 ++++++++++++ client/public/components/navbar.mjs | 4 +- client/public/components/order-list.mjs | 105 ++++++++++++++++-- client/public/components/order.mjs | 16 ++- client/public/components/stock-audit.mjs | 72 ++++++++++++ .../components/super-compact-listing.mjs | 9 +- client/public/orders/index.html | 2 +- client/public/orders/order/index.html | 2 +- client/public/staff/revieworders/index.html | 37 ++++++ client/public/staff/stock/index.html | 37 ++++++ docs/API.md | 33 +++--- src/controllers/controller-master.js | 1 + src/controllers/order-controller.js | 68 +++++++++++- src/routes/api.js | 3 + src/routes/auth0-router.js | 38 ++++++- src/routes/order-router.js | 70 +++++++++++- 17 files changed, 525 insertions(+), 44 deletions(-) create mode 100644 client/public/components/css/stock-audit.css create mode 100644 client/public/components/stock-audit.mjs create mode 100644 client/public/staff/revieworders/index.html create mode 100644 client/public/staff/stock/index.html diff --git a/client/public/auth.mjs b/client/public/auth.mjs index a81f562..67ab9f5 100644 --- a/client/public/auth.mjs +++ b/client/public/auth.mjs @@ -49,7 +49,6 @@ export async function InitAuth0() { if (isAuthenticated) { const user = await auth0.getUser(); localStorage.setItem('user', user.given_name || user.nickname); - NotifyNavbar('login', user); localStorage.setItem('loggedIn', true); ready = true; @@ -67,6 +66,7 @@ export async function InitAuth0() { const res = await fetch('/api/auth/login', fetchOptions).then(res => res.json()); localStorage.setItem('admin', res.user.admin); + NotifyNavbar('login', user); } } diff --git a/client/public/components/css/stock-audit.css b/client/public/components/css/stock-audit.css new file mode 100644 index 0000000..eb51dca --- /dev/null +++ b/client/public/components/css/stock-audit.css @@ -0,0 +1,70 @@ +.stock-editor { + display: flex; + flex-direction: column; + width: 100%; +} + +.stock-header { + display: flex; + width: 100%; + flex-direction: column; + margin-top: 20px; + font-size: 2em; + border-bottom: 1px solid #ccc; +} + +.collapsible-menu { + width: 100%; + display: flex; + flex-direction: column; + justify-content: flex-start; + margin-top: 1em; +} + +.menu-header { + width: 100%; + display: flex; + justify-content: space-between; + align-items: flex-end; + font-size: 1.5em; + font-weight: bold; + cursor: pointer; + border-bottom: #1A1A1A solid 1px; + min-width: 0; +} + +.menu-header-arrow { + transform: rotate(-180deg); + margin-left: 0.5em; + transition: transform 0.2s ease-in-out; +} + +/* rotate the arrow down when the details are open */ +.menu-header-arrow-down { + margin-left: 0.5em; + transform: rotate(-90deg); +} + +.menu-content { + max-width: fit-content; + display: none; + flex-direction: column; + align-items: flex-start; + min-width: 0; + margin-top: 1em; +} + +.details-open { + display: flex; + position: static; + width: auto; +} + +.product-details-content-item { + padding-top: 0.6em; +} + +.menu-content-item { + width: 100%; + margin-bottom: 1em; +} \ No newline at end of file diff --git a/client/public/components/navbar.mjs b/client/public/components/navbar.mjs index 0dc5d91..8a2152c 100644 --- a/client/public/components/navbar.mjs +++ b/client/public/components/navbar.mjs @@ -54,8 +54,8 @@ class NavBar extends Component { ${localStorage.user}▾