Loading…
Stackq
+ +Go to
Stackq
+Stackq
+ +
+
+
+ Quick actions
+ + + + + +Go to
+
+
+
+
+ Accounts
+No accounts yet.
+Accounts will appear here once this feature is available.
+ + + +
-
Stackq Items
-
- {items.length} items
-
+
+
-
-
-
-
- Image
- Item
- SKU
- Description
- UOM
- Cost
- Vendor
- Catagory
- Sub_Catagory
- Has Parent
- Parent
- Stock
- created
- updated
- Actions
-
-
-
- {#if items.length === 0}
-
-
- No items. Create one or check PocketBase collection name and auth.
-
-
- {:else}
- {#each items as item (item.id)}
-
-
- {#if imageUrl(item)}
-
- !})
-
- {:else}
- —
- {/if}
-
- {item.Item ?? "—"}
- {item.SKU ?? "—"}
-
- {item.Description ?? "—"}
-
-
- {item.UOM ?? "—"}
-
-
- {item.Cost != null ? Number(item.Cost).toLocaleString() : "—"}
-
- {item.Vendor ?? "—"}
-
- {#each asList(item.Catagory) as cat}
- {cat}
- {/each}
- {#if asList(item.Catagory).length === 0}
- —
- {/if}
-
-
- {#each asList(item.Sub_Catagory) as sub}
- {sub}
- {/each}
- {#if asList(item.Sub_Catagory).length === 0}
- —
- {/if}
-
-
- {#if item.Has_Parent}
- Yes
- {:else}
- No
- {/if}
-
-
- {#if item.expand?.Parent}
- {item.expand.Parent.Item ?? item.expand.Parent.SKU ?? item.Parent}
- {:else if item.Parent}
- {item.Parent}
- {:else}
- —
- {/if}
-
-
- {#if item.Stock}
- Stock
- {:else}
- —
- {/if}
-
-
- {formatDate(item.created)}
-
-
- {formatDate(item.updated)}
-
-
-
-
-
-
-
- openEdit(item)}>
-
-
- {
- if (confirm("Delete this item? This cannot be undone.")) {
- document.getElementById("delete-form-" + item.id)?.requestSubmit();
- }
- }}
- >
-
-
-
-
-
-
- {/each}
- {/if}
-
-
-
-
+ {#if filteredItems.length === 0}
+
+
+
+
+ {:else}
+
-
+
{editingItem ? "Edit item" : "New item"}
@@ -265,4 +258,6 @@
/>
+
+
diff --git a/src/routes/items/[id]/+page.server.ts b/src/routes/items/[id]/+page.server.ts
new file mode 100644
index 00000000..4d661077
--- /dev/null
+++ b/src/routes/items/[id]/+page.server.ts
@@ -0,0 +1,89 @@
+import { error, fail, redirect } from "@sveltejs/kit";
+import type { Actions, PageServerLoad } from "./$types";
+import type { StackqItem } from "$lib/types/items";
+
+const COLLECTION = "Stackq_Items";
+
+function parseNum(val: unknown): number | undefined {
+ if (val === "" || val === null || val === undefined) return undefined;
+ const n = Number(val);
+ return Number.isFinite(n) ? n : undefined;
+}
+
+function parseBool(val: unknown): boolean {
+ return val === "on" || val === "true" || val === true;
+}
+
+export const load: PageServerLoad = async ({ params, locals }) => {
+ const id = params.id;
+ if (!id) throw error(404, "Item not found");
+
+ try {
+ const item = await locals.pb
+ .collection(COLLECTION)
+ .getOne(id, { expand: "Parent" });
+ const list = await locals.pb
+ .collection(COLLECTION)
+ .getFullList({ sort: "-created", expand: "Parent" })
+ .catch(() => [] as StackqItem[]);
+ const itemsForParent = list.map((i) => ({ id: i.id, Item: i.Item, SKU: i.SKU }));
+ return { item, itemsForParent };
+ } catch {
+ throw error(404, "Item not found");
+ }
+};
+
+export const actions: Actions = {
+ update: async ({ request, locals, params }) => {
+ const id = params.id;
+ if (!id) return fail(400, { error: "Missing id", form: "update" });
+ const form = await request.formData();
+ const Item = (form.get("Item") as string)?.trim() ?? "";
+ const SKU = (form.get("SKU") as string)?.trim() ?? "";
+ const Description = (form.get("Description") as string)?.trim() ?? "";
+ const UOM = (form.get("UOM") as string)?.trim() ?? "";
+ const Cost = parseNum(form.get("Cost"));
+ const Vendor = (form.get("Vendor") as string)?.trim() ?? "";
+ const Catagory = (form.get("Catagory") as string)?.trim() ?? "";
+ const Sub_Catagory = (form.get("Sub_Catagory") as string)?.trim() ?? "";
+ const Has_Parent = parseBool(form.get("Has_Parent"));
+ const Parent = (form.get("Parent") as string)?.trim() ?? "";
+ const Stock = parseBool(form.get("Stock"));
+ const Image = form.get("Image") as File | null;
+ const imageFile = Image && Image.size > 0 ? Image : undefined;
+ if (!Item) return fail(400, { error: "Item name is required", form: "update" });
+ try {
+ const body: Record = {
+ Item,
+ SKU,
+ Description,
+ UOM: UOM || undefined,
+ Cost: Cost ?? 0,
+ Vendor,
+ Catagory: Catagory || undefined,
+ Sub_Catagory: Sub_Catagory || undefined,
+ Has_Parent: !!Has_Parent,
+ Parent: Parent || null,
+ Stock: !!Stock,
+ };
+ if (imageFile) body.Image = imageFile;
+ await locals.pb.collection(COLLECTION).update(id, body);
+ } catch (e: unknown) {
+ const message = e && typeof e === "object" && "message" in e ? String((e as { message: string }).message) : "Update failed";
+ return fail(500, { error: message, form: "update" });
+ }
+ return { success: true };
+ },
+
+ delete: async ({ locals, params }) => {
+ const id = params.id;
+ if (!id) return fail(400, { error: "Missing id", form: "delete" });
+ try {
+ await locals.pb.collection(COLLECTION).delete(id);
+ } catch (e: unknown) {
+ const message = e && typeof e === "object" && "message" in e ? String((e as { message: string }).message) : "Delete failed";
+ return fail(500, { error: message, form: "delete" });
+ }
+ throw redirect(303, "/items");
+ },
+};
diff --git a/src/routes/items/[id]/+page.svelte b/src/routes/items/[id]/+page.svelte
new file mode 100644
index 00000000..eb0433ca
--- /dev/null
+++ b/src/routes/items/[id]/+page.svelte
@@ -0,0 +1,219 @@
+
+
+
+ {item?.Item ?? "Item"} – Stackq
+
+
+{#if item}
+
+
+
+
+
+ {#if browser}
+
+
+
+ Edit item
+ Update the item below.
+
+ (dialogOpen = false)}
+ />
+
+
+ {/if}
+{:else}
+
+
+{/if}
diff --git a/src/routes/layout.css b/src/routes/layout.css
index a215062a..2c3af2de 100644
--- a/src/routes/layout.css
+++ b/src/routes/layout.css
@@ -104,5 +104,38 @@
}
body {
@apply bg-background text-foreground;
+ /* Safe area for notched devices */
+ padding-left: env(safe-area-inset-left);
+ padding-right: env(safe-area-inset-right);
+ padding-bottom: env(safe-area-inset-bottom);
+ }
+ /* Larger tap targets on touch devices (buttons only; links use .touch-target where needed) */
+ @media (pointer: coarse) {
+ button:not([class*="size-"]) {
+ min-height: 44px;
+ }
+ }
+}
+
+/* Use on icon-only links for 44px touch target */
+.touch-target {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ min-width: 44px;
+ min-height: 44px;
+ padding: 0.5rem;
+}
+
+/* Prevent iOS zoom on input focus (requires font-size >= 16px) */
+@media (max-width: 640px) {
+ input[type="text"],
+ input[type="search"],
+ input[type="number"],
+ input[type="email"],
+ input[type="password"],
+ select,
+ textarea {
+ font-size: 16px;
}
}
diff --git a/src/routes/transactions/+page.svelte b/src/routes/transactions/+page.svelte
new file mode 100644
index 00000000..b10d877a
--- /dev/null
+++ b/src/routes/transactions/+page.svelte
@@ -0,0 +1,28 @@
+
+
+
+ Transactions – Stackq
+
+
+
+
+
+
+
+
+
-
+
+
+ Stackq Items
+
+
+
+
+ {filteredItems.length}{filteredItems.length !== items.length ? ` of ${items.length}` : ""} items
+
+
+
+
+
+ {items.length === 0 + ? "No items. Create one or check PocketBase collection name and auth." + : "No items match your search."} +
+
+ {#each filteredItems as item (item.id)}
+
+
+
+
+
+
+
+ goto("/items/" + item.id)}>
+
+ openEdit(item)}>
+
+
+ {
+ if (confirm("Delete this item? This cannot be undone.")) {
+ document.getElementById("delete-form-" + item.id)?.requestSubmit();
+ }
+ }}
+ >
+
+
+
+
+
+
+ {/each}
+
+ {/if}
+ {#if imageUrl(item)}
+
+
+
+ {:else}
+ —
+ {/if}
+
+
+ {item.Item ?? "—"}
+ · {item.SKU ?? "—"}
+ {#if item.Description}
+ · {item.Description}
+ {/if}
+
+
+ {item.UOM ?? "—"}
+ {item.Cost != null ? Number(item.Cost).toLocaleString() : "—"}
+ {#if item.Stock}Stock {/if}
+
+
+
+
+
+
+ {#if imageUrl(item)}
+
+
+
+ Details
+
+
+
+
+
+ {/if}
+ -
+
- SKU +
- {item.SKU ?? "—"} +
- Description +
- {item.Description ?? "—"} +
- UOM +
- {item.UOM ?? "—"} +
- Cost +
- {item.Cost != null ? Number(item.Cost).toLocaleString() : "—"} +
- Vendor +
- {item.Vendor ?? "—"} +
- Category +
- + {#each asList(item.Catagory) as cat} + {cat} + {/each} + {#if asList(item.Catagory).length === 0}—{/if} + +
- Sub-category +
- + {#each asList(item.Sub_Catagory) as sub} + {sub} + {/each} + {#if asList(item.Sub_Catagory).length === 0}—{/if} + +
- Has Parent +
- {item.Has_Parent ? "Yes" : "No"} +
- Stock +
- {item.Stock ? "Yes" : "No"} +
- Created +
- {formatDate(item.created)} +
- Updated +
- {formatDate(item.updated)} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if item.Has_Parent && item.expand?.Parent}
+
+ {/if}
+
+
+
+
+
+
+ Item not found.
+
+
+
+
+ Transactions
+No transactions yet.
+Transactions will appear here once this feature is available.
+ + + +