-
Backlog
-
-
+
Operator
+
+
+
Load Testing
+
+ Status: {running ? 'Running' : 'Stopped'}
+
+
+ {#snippet actionButtons()}
+
+
+ {/snippet}
+
+
diff --git a/src/routes/orders/(order)/+layout.svelte b/src/routes/orders/(order)/+layout.svelte
deleted file mode 100644
index 8784f8b..0000000
--- a/src/routes/orders/(order)/+layout.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-
-
-
-
diff --git a/src/routes/orders/(order)/[id]/+page.server.ts b/src/routes/orders/(order)/[id]/+page.server.ts
index 486dfd8..8ac2cd4 100644
--- a/src/routes/orders/(order)/[id]/+page.server.ts
+++ b/src/routes/orders/(order)/[id]/+page.server.ts
@@ -1,7 +1,7 @@
import { env } from '$env/dynamic/private';
export const load = async ({ params, depends }) => {
- depends('data:order')
+ depends('data:order');
const { id } = params;
const orderResponse = await fetch(`${env.ORDER_API_URL}/orders/${id}`);
diff --git a/src/routes/orders/(order)/[id]/+page.svelte b/src/routes/orders/(order)/[id]/+page.svelte
index f1cf730..d3f1160 100644
--- a/src/routes/orders/(order)/[id]/+page.svelte
+++ b/src/routes/orders/(order)/[id]/+page.svelte
@@ -1,14 +1,21 @@
-
-
-
{$page.params.id}
-
- {#if order.status === 'customerActionRequired'}
-
- {/if}
-
-
+ const sendAction = async (action: Action) => {
+ loading = true;
+ await fetch('/api/order-action', { method: 'POST', body: JSON.stringify({ id, action }) });
+ setTimeout(() => {
+ loading = false;
+ if (action === 'cancel') {
+ goto(`/orders`, { invalidateAll: true });
+ } else {
+ goto(`/orders/${id}`, { invalidateAll: true });
+ }
+ }, 1000);
+ };
-
+
+
+ {#snippet actionButtons()}
+ {#if actionRequired}
+
+
+
+
+ {:else}
+ Customer {order.customerId}
+ {/if}
+ {/snippet}
+
diff --git a/src/routes/orders/(order)/new/+page.server.ts b/src/routes/orders/(order)/new/+page.server.ts
new file mode 100644
index 0000000..c3618a2
--- /dev/null
+++ b/src/routes/orders/(order)/new/+page.server.ts
@@ -0,0 +1,13 @@
+import { redirect } from '@sveltejs/kit';
+import type { Actions } from './$types';
+
+export const actions = {
+ default: async ({ request, fetch }) => {
+ const data = await request.formData();
+ const order = JSON.parse(data.get('order') as string);
+
+ await fetch('/api/order', { method: 'POST', body: JSON.stringify({ order }) });
+ await new Promise((resolve) => setTimeout(resolve, 1000));
+ return redirect(303, `/orders/${order?.id}`);
+ }
+} satisfies Actions;
diff --git a/src/routes/orders/(order)/new/+page.svelte b/src/routes/orders/(order)/new/+page.svelte
index e6ca887..dda7d1b 100644
--- a/src/routes/orders/(order)/new/+page.svelte
+++ b/src/routes/orders/(order)/new/+page.svelte
@@ -1,120 +1,62 @@
-
- OMS
-
-
-
-
- {#if loading}
-
- {:else}
-
-
- {#each orders as _order, index}
-
- {/each}
-
-
-
-
-
- {/if}
-
-
-
+{#snippet orderDetails(item: OrderItem)}
+
+
+ {#snippet actionButtons()}
+ {item.description}
+ {/snippet}
+
+{/snippet}
+
+
New Order
+
+
+ {#each orders as item, index}
+
+ {/each}
+
+
+
diff --git a/src/routes/orders/+page.svelte b/src/routes/orders/+page.svelte
index 29336c7..6567235 100644
--- a/src/routes/orders/+page.svelte
+++ b/src/routes/orders/+page.svelte
@@ -1,49 +1,42 @@
-
- OMS
-
-
-
-
-
-
-
-
- | ID |
- Date & Time |
- Status |
-
-
-
- {#each orders as order}
-
- | {order.id} |
-
- {new Date(order.receivedAt).toLocaleDateString()}
- {new Date(order.receivedAt).toLocaleTimeString()}
- |
- |
-
- {:else}
-
- | No Active Orders |
- |
- |
-
- {/each}
-
-
-
+
+ {#snippet action()}
+
+ {/snippet}
+
diff --git a/src/routes/role/+page.server.ts b/src/routes/role/+page.server.ts
new file mode 100644
index 0000000..16665d5
--- /dev/null
+++ b/src/routes/role/+page.server.ts
@@ -0,0 +1,26 @@
+export const load = () => {
+ const personas = [
+ {
+ role: 'Customer',
+ description: 'Someone who orders products from the store',
+ link: '/orders'
+ },
+ {
+ role: 'Courier',
+ description: 'Someone who delivers products to the customer',
+ link: '/shipments'
+ },
+ {
+ role: 'Store Manager',
+ description: 'Someone who performs administrative functions',
+ link: '/admin'
+ },
+ {
+ role: 'Operator',
+ description: "Someone who manages deployments and tests the system's performance",
+ link: '/operator'
+ }
+ ];
+
+ return { personas };
+};
diff --git a/src/routes/role/+page.svelte b/src/routes/role/+page.svelte
new file mode 100644
index 0000000..8f05b2a
--- /dev/null
+++ b/src/routes/role/+page.svelte
@@ -0,0 +1,25 @@
+
+
+
diff --git a/src/routes/shipments/+page.svelte b/src/routes/shipments/+page.svelte
index f42ded7..239f57e 100644
--- a/src/routes/shipments/+page.svelte
+++ b/src/routes/shipments/+page.svelte
@@ -1,40 +1,29 @@
-
- OMS
-
-
-
-
-
-
-
-
- | ID |
- Status |
-
-
-
- {#each shipments as shipment}
-
- | {shipment.id} |
-
- |
-
- {:else}
-
- | No Active Shipments |
- |
-
- {/each}
-
-
-
+
diff --git a/src/routes/shipments/[id]/+layout.svelte b/src/routes/shipments/[id]/+layout.svelte
deleted file mode 100644
index a59d317..0000000
--- a/src/routes/shipments/[id]/+layout.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-
-
-
-
diff --git a/src/routes/shipments/[id]/+page.svelte b/src/routes/shipments/[id]/+page.svelte
index f7e5dc4..e20be68 100644
--- a/src/routes/shipments/[id]/+page.svelte
+++ b/src/routes/shipments/[id]/+page.svelte
@@ -1,30 +1,24 @@
-
- OMS
-
-
-
-
-
{shipment.id}
-
-
-
+
+
-
-
-
+ {#snippet actionButtons()}
+
+
+ {/snippet}
+
diff --git a/src/routes/usertype/+page.svelte b/src/routes/usertype/+page.svelte
deleted file mode 100644
index 6bbada6..0000000
--- a/src/routes/usertype/+page.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-
- OMS
-
-
-
-
-
- Begin by selecting your role:
-
-
-
-
-
- | Role |
- Description |
-
-
-
-
- | Customer |
- Someone who orders products from the store |
-
-
- | Courier |
- Someone who delivers products to the customer |
-
-
- | Store Manager |
- Someone who performs administrative functions |
-
-
- | Operator |
- Someone who manages deployments and tests the system's performance |
-
-
-
-
diff --git a/static/site.webmanifest b/static/site.webmanifest
index 45dc8a2..52a2fe3 100644
--- a/static/site.webmanifest
+++ b/static/site.webmanifest
@@ -1 +1,11 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
+{
+ "name": "",
+ "short_name": "",
+ "icons": [
+ { "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
+ { "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
+ ],
+ "theme_color": "#ffffff",
+ "background_color": "#ffffff",
+ "display": "standalone"
+}
diff --git a/svelte.config.js b/svelte.config.js
index 253b9bd..8341f06 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -7,7 +7,7 @@ const config = {
kit: {
adapter: adapter(),
csrf: {
- checkOrigin: false,
+ checkOrigin: false
}
}
};
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index 13207cc..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,9 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
- content: ['./src/**/*.{html,js,svelte,ts}'],
- theme: {
- extend: {},
- },
- plugins: [],
-}
-
diff --git a/vite.config.ts b/vite.config.ts
index bbf8c7d..2f222db 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,6 +1,7 @@
import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
+import tailwindcss from '@tailwindcss/vite';
export default defineConfig({
- plugins: [sveltekit()]
+ plugins: [tailwindcss(), sveltekit()]
});