This commit is contained in:
@@ -0,0 +1,39 @@
|
||||
import { h as head, c as escape_html } from "../../../../chunks/index2.js";
|
||||
import { B as Button } from "../../../../chunks/button.js";
|
||||
import { C as Card, a as Card_content } from "../../../../chunks/card-content.js";
|
||||
import "clsx";
|
||||
function _page($$renderer, $$props) {
|
||||
$$renderer.component(($$renderer2) => {
|
||||
let { data, params } = $$props;
|
||||
head("8mhk6q", $$renderer2, ($$renderer3) => {
|
||||
$$renderer3.title(($$renderer4) => {
|
||||
$$renderer4.push(`<title>Receipt – Stackq</title>`);
|
||||
});
|
||||
});
|
||||
$$renderer2.push(`<main class="container mx-auto flex flex-col gap-6 px-4 py-6 sm:px-6 sm:py-8"><div class="flex items-center gap-3"><a href="/receipts" class="text-muted-foreground hover:text-foreground shrink-0 text-sm" title="Back to receipts">Back</a> <h1 class="text-xl font-semibold sm:text-2xl">Receipt</h1></div> `);
|
||||
Card($$renderer2, {
|
||||
children: ($$renderer3) => {
|
||||
Card_content($$renderer3, {
|
||||
class: "flex flex-col gap-4 py-8",
|
||||
children: ($$renderer4) => {
|
||||
$$renderer4.push(`<p class="text-muted-foreground text-sm">Receipt ${escape_html(params.id)}</p> <a href="/receipts">`);
|
||||
Button($$renderer4, {
|
||||
variant: "outline",
|
||||
children: ($$renderer5) => {
|
||||
$$renderer5.push(`<!---->Back to receipts`);
|
||||
},
|
||||
$$slots: { default: true }
|
||||
});
|
||||
$$renderer4.push(`<!----></a>`);
|
||||
},
|
||||
$$slots: { default: true }
|
||||
});
|
||||
},
|
||||
$$slots: { default: true }
|
||||
});
|
||||
$$renderer2.push(`<!----></main>`);
|
||||
});
|
||||
}
|
||||
export {
|
||||
_page as default
|
||||
};
|
||||
@@ -0,0 +1,6 @@
|
||||
const load = async () => {
|
||||
return { receipts: [] };
|
||||
};
|
||||
export {
|
||||
load
|
||||
};
|
||||
@@ -0,0 +1,79 @@
|
||||
import { h as head, e as ensure_array_like, a as attr, b as stringify, c as escape_html } from "../../../chunks/index2.js";
|
||||
import { B as Button } from "../../../chunks/button.js";
|
||||
import { C as Card, a as Card_content } from "../../../chunks/card-content.js";
|
||||
import "clsx";
|
||||
function _page($$renderer, $$props) {
|
||||
$$renderer.component(($$renderer2) => {
|
||||
let { data } = $$props;
|
||||
const receipts = data?.receipts ?? [];
|
||||
head("16kr07e", $$renderer2, ($$renderer3) => {
|
||||
$$renderer3.title(($$renderer4) => {
|
||||
$$renderer4.push(`<title>Receipts – Stackq</title>`);
|
||||
});
|
||||
});
|
||||
$$renderer2.push(`<main class="container mx-auto flex flex-col gap-6 px-4 py-6 sm:px-6 sm:py-8"><div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"><div class="flex items-center gap-3"><a href="/" class="text-muted-foreground hover:text-foreground shrink-0 text-sm" title="Back to main">Back</a> <h1 class="text-xl font-semibold sm:text-2xl">Receipts</h1></div> <a href="/receipts/new" class="block shrink-0">`);
|
||||
Button($$renderer2, {
|
||||
class: "w-full sm:w-auto",
|
||||
children: ($$renderer3) => {
|
||||
$$renderer3.push(`<!---->New receipt`);
|
||||
},
|
||||
$$slots: { default: true }
|
||||
});
|
||||
$$renderer2.push(`<!----></a></div> `);
|
||||
if (receipts.length === 0) {
|
||||
$$renderer2.push("<!--[-->");
|
||||
Card($$renderer2, {
|
||||
children: ($$renderer3) => {
|
||||
Card_content($$renderer3, {
|
||||
class: "flex flex-col items-center justify-center gap-4 py-12",
|
||||
children: ($$renderer4) => {
|
||||
$$renderer4.push(`<p class="text-muted-foreground text-center text-sm">No receipts yet.</p> <p class="text-muted-foreground text-center text-xs">Create a receipt to get started.</p> <a href="/receipts/new">`);
|
||||
Button($$renderer4, {
|
||||
variant: "outline",
|
||||
children: ($$renderer5) => {
|
||||
$$renderer5.push(`<!---->New receipt`);
|
||||
},
|
||||
$$slots: { default: true }
|
||||
});
|
||||
$$renderer4.push(`<!----></a> <a href="/">`);
|
||||
Button($$renderer4, {
|
||||
variant: "ghost",
|
||||
children: ($$renderer5) => {
|
||||
$$renderer5.push(`<!---->Back to home`);
|
||||
},
|
||||
$$slots: { default: true }
|
||||
});
|
||||
$$renderer4.push(`<!----></a>`);
|
||||
},
|
||||
$$slots: { default: true }
|
||||
});
|
||||
},
|
||||
$$slots: { default: true }
|
||||
});
|
||||
} else {
|
||||
$$renderer2.push("<!--[!-->");
|
||||
$$renderer2.push(`<div class="flex flex-col gap-2"><!--[-->`);
|
||||
const each_array = ensure_array_like(receipts);
|
||||
for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
|
||||
let receipt = each_array[$$index];
|
||||
Card($$renderer2, {
|
||||
children: ($$renderer3) => {
|
||||
Card_content($$renderer3, {
|
||||
class: "p-4",
|
||||
children: ($$renderer4) => {
|
||||
$$renderer4.push(`<a${attr("href", `/receipts/${stringify(receipt.id)}`)} class="font-medium hover:underline">Receipt ${escape_html(receipt.id)}</a>`);
|
||||
},
|
||||
$$slots: { default: true }
|
||||
});
|
||||
},
|
||||
$$slots: { default: true }
|
||||
});
|
||||
}
|
||||
$$renderer2.push(`<!--]--></div>`);
|
||||
}
|
||||
$$renderer2.push(`<!--]--></main>`);
|
||||
});
|
||||
}
|
||||
export {
|
||||
_page as default
|
||||
};
|
||||
@@ -0,0 +1,44 @@
|
||||
import { h as head } from "../../../../chunks/index2.js";
|
||||
import { B as Button } from "../../../../chunks/button.js";
|
||||
import { C as Card, a as Card_content } from "../../../../chunks/card-content.js";
|
||||
import "clsx";
|
||||
function _page($$renderer) {
|
||||
head("1mqc1bt", $$renderer, ($$renderer2) => {
|
||||
$$renderer2.title(($$renderer3) => {
|
||||
$$renderer3.push(`<title>New receipt – Stackq</title>`);
|
||||
});
|
||||
});
|
||||
$$renderer.push(`<main class="container mx-auto flex flex-col gap-6 px-4 py-6 sm:px-6 sm:py-8"><div class="flex items-center gap-3"><a href="/receipts" class="text-muted-foreground hover:text-foreground shrink-0 text-sm" title="Back to receipts">Back</a> <h1 class="text-xl font-semibold sm:text-2xl">New receipt</h1></div> `);
|
||||
Card($$renderer, {
|
||||
children: ($$renderer2) => {
|
||||
Card_content($$renderer2, {
|
||||
class: "flex flex-col gap-4 py-8",
|
||||
children: ($$renderer3) => {
|
||||
$$renderer3.push(`<p class="text-muted-foreground text-center text-sm">Receipt creation will be available here.</p> <div class="flex justify-center gap-2"><a href="/receipts">`);
|
||||
Button($$renderer3, {
|
||||
variant: "outline",
|
||||
children: ($$renderer4) => {
|
||||
$$renderer4.push(`<!---->Back to receipts`);
|
||||
},
|
||||
$$slots: { default: true }
|
||||
});
|
||||
$$renderer3.push(`<!----></a> <a href="/">`);
|
||||
Button($$renderer3, {
|
||||
variant: "ghost",
|
||||
children: ($$renderer4) => {
|
||||
$$renderer4.push(`<!---->Home`);
|
||||
},
|
||||
$$slots: { default: true }
|
||||
});
|
||||
$$renderer3.push(`<!----></a></div>`);
|
||||
},
|
||||
$$slots: { default: true }
|
||||
});
|
||||
},
|
||||
$$slots: { default: true }
|
||||
});
|
||||
$$renderer.push(`<!----></main>`);
|
||||
}
|
||||
export {
|
||||
_page as default
|
||||
};
|
||||
Reference in New Issue
Block a user