add menu dining, transport and change table

This commit is contained in:
aji@catalis.app
2025-06-08 12:19:59 +07:00
parent 797958500c
commit f271341d4a
15 changed files with 209 additions and 100 deletions

View File

@@ -5,18 +5,26 @@
type StatKey =
| "purchase_orders"
| "issues"
| "villas"
| "vb_villas"
| "inventories"
| "projects"
| "vendors";
| "vendors"
| "vb_employee"
| "vb_transport"
| "vb_dinning"
| "vb_feedback";
let stats: Record<StatKey, number> = {
purchase_orders: 0,
issues: 0,
villas: 0,
vb_villas: 0,
inventories: 0,
projects: 0,
vendors: 0,
vb_employee: 0,
vb_transport: 0,
vb_dinning: 0,
vb_feedback: 0,
};
const items: {
@@ -45,7 +53,7 @@
},
{
label: "Total Villa",
key: "villas",
key: "vb_villas",
color: "text-green-600",
icon: "home",
},
@@ -61,6 +69,30 @@
color: "text-orange-600",
icon: "building-storefront",
},
{
label: "Total Employee",
key: "vb_employee",
color: "text-teal-600",
icon: "user-group",
},
{
label: "Total Transport",
key: "vb_transport",
color: "text-indigo-600",
icon: "truck",
},
{
label: "Total Dinning",
key: "vb_dinning",
color: "text-pink-600",
icon: "utensils",
},
{
label: "Total Feedback",
key: "vb_feedback",
color: "text-gray-600",
icon: "comments",
},
];
onMount(async () => {
@@ -181,6 +213,62 @@
d="M4 4h16v4H4V4zm0 4v12h16V8m-2 4h-4v4h4v-4z"
/>
</svg>
{:else if item.icon === "user-group"}
<svg
class="w-8 h-8 mb-2 text-teal-500"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M16 11a4 4 0 11-8 0 4 4 0 018 0zm-6 5a6.002 6.002 0 00-5.775 4.5A10.001 10.001 0 0112 21a10.001 10.001 0 017.775-5.5A6.002 6.002 0 0012 16h-2z"
/>
</svg>
{:else if item.icon === "truck"}
<svg
class="w-8 h-8 mb-2 text-indigo-500"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M3 16v1a2 2 0 002 2h14a2 2 0 002-2v-1m-1-3V7a2 2 0 00-2-2H7l-4 4v6m18-6h1a1 1 0 011 1v3a1 1 0 01-1 .993L20 .993V7zM5.5 17a1.5 1.5 0 11-3 .001A1.5 1.5 0 015.517zM18.5,17a1.5,1.5,0,1,1,3,.001A1.5,1.5,0,0,1,18.517,17Z"
/>
</svg>
{:else if item.icon === "utensils"}
<svg
class="w-8 h-8 mb-2 text-pink-500"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M12 8V3m0 5a2 2 0 11-4 0 2 2 0 014 0zm0 0v10m0-10h4a2 2 0 012 2v6a2 2 0 01-2 2h-4a2 2 0 01-2-2V8a2 2 0 012-2z"
/>
</svg>
{:else if item.icon === "comments"}
<svg
class="w-8 h-8 mb-2 text-gray-500"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M8 10h.01M12 10h.01M16 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
{/if}
<!-- LABEL & VALUE -->