add menu dining, transport and change table
This commit is contained in:
@@ -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 -->
|
||||
|
||||
Reference in New Issue
Block a user