Tab Constant is added
This commit is contained in:
516
constants/adminTableDatat.tsx
Normal file
516
constants/adminTableDatat.tsx
Normal file
@@ -0,0 +1,516 @@
|
||||
import Button from "@/components/common/button";
|
||||
import { StatusBadge } from "@/components/common/statusBadge";
|
||||
import { Eye, GitBranch, KeyRound, Pencil, Settings } from "lucide-react";
|
||||
import ActionButtons from "@/components/common/actionButton";
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
export const siteHeaders = [
|
||||
"Site",
|
||||
"Tenant",
|
||||
"Coordinates",
|
||||
"Radius",
|
||||
"Status",
|
||||
"Actions",
|
||||
];
|
||||
|
||||
export const siteRows = [
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">Apple One — HQ Tower</p>
|
||||
<p className="font-mono text-xs text-slate-400">AO-HQ · SIT-3001</p>
|
||||
</div>,
|
||||
"Apple One",
|
||||
<span className="font-mono whitespace-nowrap">19.0760, 72.8777</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">200 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">Apple One — Annexe</p>
|
||||
<p className="font-mono text-xs text-slate-400">AO-AX · SIT-3002</p>
|
||||
</div>,
|
||||
"Apple One",
|
||||
<span className="font-mono whitespace-nowrap">19.1020, 72.8895</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">150 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">Novotel Pune — Main</p>
|
||||
<p className="font-mono text-xs text-slate-400">NP-M · SIT-3003</p>
|
||||
</div>,
|
||||
"Novotel Pune",
|
||||
<span className="font-mono whitespace-nowrap">18.5604, 73.9090</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">180 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">
|
||||
SRM Campus — Academic Block
|
||||
</p>
|
||||
<p className="font-mono text-xs text-slate-400">SRM-AB · SIT-3004</p>
|
||||
</div>,
|
||||
"SRM Campus",
|
||||
<span className="font-mono whitespace-nowrap">12.8230, 80.0444</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">400 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">
|
||||
SRM Campus — Hostel Block
|
||||
</p>
|
||||
<p className="font-mono text-xs text-slate-400">SRM-HB · SIT-3005</p>
|
||||
</div>,
|
||||
"SRM Campus",
|
||||
<span className="font-mono whitespace-nowrap">12.8255, 80.0478</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">350 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">Local 1 — Site</p>
|
||||
<p className="font-mono text-xs text-slate-400">L1-S · SIT-3006</p>
|
||||
</div>,
|
||||
"Local 1",
|
||||
<span className="font-mono whitespace-nowrap">19.2183, 72.9781</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">120 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
];
|
||||
|
||||
export const organizationHeaders = [
|
||||
"Organization",
|
||||
"Tenant ID",
|
||||
"Contact",
|
||||
"Time Zone",
|
||||
"Status",
|
||||
"Actions",
|
||||
];
|
||||
|
||||
|
||||
|
||||
export const organizationRows = [
|
||||
[
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="flex h-10 w-10 items-center justify-center rounded-xl bg-emerald-500/15 font-semibold text-emerald-400">
|
||||
AO
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div className="font-semibold text-slate-100">Apple One</div>
|
||||
<div className="text-slate-400">ops@appleone.com</div>
|
||||
</div>
|
||||
</div>,
|
||||
|
||||
<span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
|
||||
TNT-1001
|
||||
</span>,
|
||||
|
||||
<div>
|
||||
<div className="font-semibold text-slate-100">Dhananjay T.</div>
|
||||
<div className="text-sky-300">+91 98200 10001</div>
|
||||
</div>,
|
||||
|
||||
<span className="font-mono">Asia/Kolkata</span>,
|
||||
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="flex h-10 w-10 items-center justify-center rounded-xl bg-blue-500/15 font-semibold text-blue-400">
|
||||
NP
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div className="font-semibold text-slate-100">Novotel Pune</div>
|
||||
<div className="text-slate-400">fm@novotelpune.com</div>
|
||||
</div>
|
||||
</div>,
|
||||
|
||||
<span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
|
||||
TNT-1002
|
||||
</span>,
|
||||
|
||||
<div>
|
||||
<div className="font-semibold text-slate-100">Site FM Lead</div>
|
||||
<div className="text-sky-300">+91 98220 20002</div>
|
||||
</div>,
|
||||
|
||||
<span className="font-mono">Asia/Kolkata</span>,
|
||||
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="flex h-10 w-10 items-center justify-center rounded-xl bg-blue-500/15 font-semibold text-blue-400">
|
||||
SC
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div className="font-semibold text-slate-100">SRM Campus</div>
|
||||
<div className="text-slate-400">estates@srm.edu</div>
|
||||
</div>
|
||||
</div>,
|
||||
|
||||
<span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
|
||||
TNT-1003
|
||||
</span>,
|
||||
|
||||
<div>
|
||||
<div className="font-semibold text-slate-100">Estates Office</div>
|
||||
<div className="text-sky-300">+91 98430 30003</div>
|
||||
</div>,
|
||||
|
||||
<span className="font-mono">Asia/Kolkata</span>,
|
||||
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="flex h-10 w-10 items-center justify-center rounded-xl bg-blue-500/15 font-semibold text-blue-400">
|
||||
L1
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div className="font-semibold text-slate-100">Local 1</div>
|
||||
<div className="text-slate-400">admin@local1.com</div>
|
||||
</div>
|
||||
</div>,
|
||||
|
||||
<span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
|
||||
TNT-1004
|
||||
</span>,
|
||||
|
||||
<div>
|
||||
<div className="font-semibold text-slate-100">Local Admin</div>
|
||||
<div className="text-sky-300">+91 98000 40004</div>
|
||||
</div>,
|
||||
|
||||
<span className="font-mono">Asia/Kolkata</span>,
|
||||
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
|
||||
<ActionButtons />,
|
||||
],
|
||||
];
|
||||
|
||||
|
||||
|
||||
export const userHeaders = [
|
||||
"Name",
|
||||
"Email",
|
||||
"Phone",
|
||||
"Tenants",
|
||||
"MFA",
|
||||
"User ID",
|
||||
"Actions",
|
||||
];
|
||||
|
||||
const UserActionButtons = () => (
|
||||
<div className="flex items-center justify-center gap-2">
|
||||
<Button className="flex h-9 w-9 items-center justify-center rounded-xl border border-slate-700/60 text-slate-400 hover:bg-slate-800 hover:text-white transition">
|
||||
<Eye size={16} />
|
||||
</Button>
|
||||
|
||||
<Button className="flex h-9 w-9 items-center justify-center rounded-xl border border-slate-700/60 text-slate-400 hover:bg-slate-800 hover:text-white transition">
|
||||
<KeyRound size={16} />
|
||||
</Button>
|
||||
</div>
|
||||
);
|
||||
|
||||
export const userRows = [
|
||||
[
|
||||
<div className="flex items-center gap-4">
|
||||
<div className="flex h-10 w-10 items-center justify-center rounded-xl bg-amber-500/15 font-semibold text-amber-400">
|
||||
DT
|
||||
</div>
|
||||
|
||||
<span className="font-semibold text-slate-100">
|
||||
Dhananjay T.
|
||||
</span>
|
||||
</div>,
|
||||
|
||||
<span className="font-semibold text-slate-100">
|
||||
dhananjay@kafm.io
|
||||
</span>,
|
||||
|
||||
<span className="font-mono text-sky-300">
|
||||
+91 98200 10001
|
||||
</span>,
|
||||
|
||||
<span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
|
||||
4 assigned
|
||||
</span>,
|
||||
|
||||
<StatusBadge
|
||||
text="On"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
|
||||
<span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
|
||||
USR-5001
|
||||
</span>,
|
||||
|
||||
<UserActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div className="flex items-center gap-4">
|
||||
<div className="flex h-10 w-10 items-center justify-center rounded-xl bg-cyan-500/15 font-semibold text-cyan-400">
|
||||
MS
|
||||
</div>
|
||||
|
||||
<span className="font-semibold text-slate-100">
|
||||
ME Supervisor
|
||||
</span>
|
||||
</div>,
|
||||
|
||||
<span className="font-semibold text-slate-100">
|
||||
me.local@kafm.io
|
||||
</span>,
|
||||
|
||||
<span className="font-mono text-sky-300">
|
||||
+91 98201 10010
|
||||
</span>,
|
||||
|
||||
<span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
|
||||
1 assigned
|
||||
</span>,
|
||||
|
||||
<StatusBadge
|
||||
text="On"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
|
||||
<span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
|
||||
USR-5002
|
||||
</span>,
|
||||
|
||||
<UserActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div className="flex items-center gap-4">
|
||||
<div className="flex h-10 w-10 items-center justify-center rounded-xl bg-amber-500/15 font-semibold text-amber-400">
|
||||
T
|
||||
</div>
|
||||
|
||||
<span className="font-semibold text-slate-100">
|
||||
Technician
|
||||
</span>
|
||||
</div>,
|
||||
|
||||
<span className="font-semibold text-slate-100">
|
||||
tech.local@kafm.io
|
||||
</span>,
|
||||
|
||||
<span className="font-mono text-sky-300">
|
||||
+91 98202 10011
|
||||
</span>,
|
||||
|
||||
<span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
|
||||
2 assigned
|
||||
</span>,
|
||||
|
||||
<StatusBadge
|
||||
text="Off"
|
||||
color="bg-slate-700/50 text-slate-400"
|
||||
/>,
|
||||
|
||||
<span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
|
||||
USR-5003
|
||||
</span>,
|
||||
|
||||
<UserActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div className="flex items-center gap-4">
|
||||
<div className="flex h-10 w-10 items-center justify-center rounded-xl bg-rose-500/15 font-semibold text-rose-400">
|
||||
TC
|
||||
</div>
|
||||
|
||||
<span className="font-semibold text-slate-100">
|
||||
Tenant Customer
|
||||
</span>
|
||||
</div>,
|
||||
|
||||
<span className="font-semibold text-slate-100">
|
||||
tenant@kafm.io
|
||||
</span>,
|
||||
|
||||
<span className="font-mono text-sky-300">
|
||||
+91 98203 10012
|
||||
</span>,
|
||||
|
||||
<span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
|
||||
1 assigned
|
||||
</span>,
|
||||
|
||||
<StatusBadge
|
||||
text="On"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
|
||||
<span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
|
||||
USR-5004
|
||||
</span>,
|
||||
|
||||
<UserActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div className="flex items-center gap-4">
|
||||
<div className="flex h-10 w-10 items-center justify-center rounded-xl bg-violet-500/15 font-semibold text-violet-400">
|
||||
HA
|
||||
</div>
|
||||
|
||||
<span className="font-semibold text-slate-100">
|
||||
Helpdesk Agent
|
||||
</span>
|
||||
</div>,
|
||||
|
||||
<span className="font-semibold text-slate-100">
|
||||
help@kafm.io
|
||||
</span>,
|
||||
|
||||
<span className="font-mono text-sky-300">
|
||||
+91 98204 10013
|
||||
</span>,
|
||||
|
||||
<span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
|
||||
2 assigned
|
||||
</span>,
|
||||
|
||||
<StatusBadge
|
||||
text="On"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
|
||||
<span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
|
||||
USR-5005
|
||||
</span>,
|
||||
|
||||
<UserActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div className="flex items-center gap-4">
|
||||
<div className="flex h-10 w-10 items-center justify-center rounded-xl bg-orange-500/15 font-semibold text-orange-400">
|
||||
EA
|
||||
</div>
|
||||
|
||||
<span className="font-semibold text-slate-100">
|
||||
Energy Analyst
|
||||
</span>
|
||||
</div>,
|
||||
|
||||
<span className="font-semibold text-slate-100">
|
||||
energy@kafm.io
|
||||
</span>,
|
||||
|
||||
<span className="font-mono text-sky-300">
|
||||
+91 98430 30030
|
||||
</span>,
|
||||
|
||||
<span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
|
||||
1 assigned
|
||||
</span>,
|
||||
|
||||
<StatusBadge
|
||||
text="On"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
|
||||
<span className="rounded-md border border-slate-700 bg-slate-900 px-3 py-1 font-mono text-slate-300">
|
||||
USR-5006
|
||||
</span>,
|
||||
|
||||
<UserActionButtons />,
|
||||
],
|
||||
];
|
||||
@@ -1,3 +1,5 @@
|
||||
import { BarChart2, Box, CheckSquare,
|
||||
ClipboardCheck, Crosshair, FileText, LayoutGrid, Zap } from "lucide-react";
|
||||
|
||||
|
||||
|
||||
@@ -26,6 +28,14 @@ export const chartData = [
|
||||
{ month: "May", height: 'h-18' },
|
||||
{ month: "Jun", height: 'h-20' },
|
||||
];
|
||||
// Emission Sources Progress Data
|
||||
export const EMISSION_SOURCES = [
|
||||
{ name: "Purchased electricity", percentage: "58%", width: "w-[58%]", color: "bg-sky-400" },
|
||||
{ name: "DG / fuel combustion", percentage: "21%", width: "w-[21%]", color: "bg-amber-400" },
|
||||
{ name: "Refrigerants (fugitive)", percentage: "12%", width: "w-[12%]", color: "bg-rose-400" },
|
||||
{ name: "Water & waste", percentage: "9%", width: "w-[9%]", color: "bg-slate-400" },
|
||||
];
|
||||
|
||||
|
||||
export const activities = [
|
||||
{ time: '09:42', text: '6/1009 assigned to ME Local', boldText: '6/1009' },
|
||||
@@ -501,6 +511,103 @@ export const blocks = ["Block 1", "Block 2", "Tower A"];
|
||||
},
|
||||
];
|
||||
|
||||
export const STAT_CARDS_DATA = [
|
||||
{
|
||||
title: "SLA ADHERENCE",
|
||||
value: "90%",
|
||||
subtext: "target 90% · automated tracking",
|
||||
progress: 90,
|
||||
color: "bg-[#00c985]", // Vibrant emerald green
|
||||
valueColor: "text-[#00c985]",
|
||||
},
|
||||
{
|
||||
title: "AVG WO RESOLUTION",
|
||||
value: "22.4 h",
|
||||
subtext: "target < 24 h · portfolio median",
|
||||
progress: 93,
|
||||
color: "bg-[#2dd4bf]", // Mint / Teal
|
||||
valueColor: "text-white",
|
||||
},
|
||||
{
|
||||
title: "MANUAL DATA ENTRY",
|
||||
value: "-80%",
|
||||
subtext: "agent-captured requests & readings",
|
||||
progress: 80,
|
||||
color: "bg-[#2dd4bf]", // Mint / Teal
|
||||
valueColor: "text-[#2dd4bf]",
|
||||
},
|
||||
{
|
||||
title: "REPORTING EFFORT",
|
||||
value: "-75%",
|
||||
subtext: "metrics ready for review — no compiling",
|
||||
progress: 75,
|
||||
color: "bg-[#2dd4bf]", // Mint / Teal
|
||||
valueColor: "text-[#2dd4bf]",
|
||||
},
|
||||
];
|
||||
|
||||
// Data for Risk Radar
|
||||
export const RISK_RADAR_ITEMS = [
|
||||
{
|
||||
title: "Coastal One · vendor gap",
|
||||
desc: "HVAC vendor completion rate fell to 61% — 8 PPMs at risk of slipping this month. Backup vendor suggested.",
|
||||
tag: "Escalates in ~6 days",
|
||||
tagColor: "text-rose-400",
|
||||
dotColor: "bg-rose-500",
|
||||
action: "Assign backup",
|
||||
},
|
||||
{
|
||||
title: "Lakeside · SLA drift",
|
||||
desc: "P2 response times trending +18% over 3 weeks; correlated with night-shift staffing.",
|
||||
tag: "Breach risk · next week",
|
||||
tagColor: "text-amber-400",
|
||||
dotColor: "bg-amber-400",
|
||||
action: "Adjust roster",
|
||||
},
|
||||
{
|
||||
title: "Monsoon readiness",
|
||||
desc: "4 of 11 waterproofing checks pending across portfolio with rains forecast in 10 days.",
|
||||
tag: "Window closing",
|
||||
tagColor: "text-amber-400",
|
||||
dotColor: "bg-amber-400",
|
||||
action: "Schedule now",
|
||||
},
|
||||
{
|
||||
title: "Spares shortfall",
|
||||
desc: "AHU belt stock below reorder level at 2 sites; next PPM cycle consumes remaining stock.",
|
||||
tag: "3 weeks of stock left",
|
||||
tagColor: "text-sky-400",
|
||||
dotColor: "bg-sky-400",
|
||||
action: "Raise PO",
|
||||
},
|
||||
];
|
||||
|
||||
// Data for Vendor Performance
|
||||
export const VENDOR_PERFORMANCE = [
|
||||
{ name: "CoolServ HVAC", score: 94, barColor: "bg-emerald-400" },
|
||||
{ name: "Apex Elevators", score: 91, barColor: "bg-emerald-400" },
|
||||
{ name: "SecureWatch", score: 86, barColor: "bg-emerald-400" },
|
||||
{ name: "AquaPure", score: 82, barColor: "bg-amber-400" },
|
||||
{ name: "GreenScape", score: 61, barColor: "bg-rose-400" },
|
||||
];
|
||||
|
||||
// Data for Live Context Feed
|
||||
export const LIVE_FEED = [
|
||||
{ time: "now", text: "Vendor CoolServ acknowledged P1 · Chiller-02 — tenant portal updated" },
|
||||
{ time: "4 min", text: "Energy spike at Lakeside auto-linked to AHU-07 alert" },
|
||||
{ time: "11 min", text: "Coastal One WO-1221 completed · SLA met · invoice draft created" },
|
||||
{ time: "26 min", text: "Tenant satisfaction pulse: 4.4 ★ this week (+0.2)" },
|
||||
];
|
||||
|
||||
export const STAFF_DATA = [
|
||||
{ name: "Ravi Kumar", role: "M&E Technician", zone: "Chiller plant", inTime: "08:02", hrs: "6.4", status: "ON-SITE", statusType: "success" },
|
||||
{ name: "Sana Iqbal", role: "HVAC Engineer", zone: "AHU room L7", inTime: "08:15", hrs: "6.1", status: "ON-SITE", statusType: "success" },
|
||||
{ name: "Mohan D.", role: "Electrician", zone: "En route", inTime: "—", hrs: "0", status: "EN-ROUTE", statusType: "warning" },
|
||||
{ name: "Lakshmi N.", role: "Housekeeping Lead", zone: "Lobby + L2", inTime: "07:48", hrs: "6.7", status: "ON-SITE", statusType: "success" },
|
||||
{ name: "Arjun P.", role: "Plumber", zone: "Off-site", inTime: "—", hrs: "0", status: "OFF-SITE", statusType: "neutral" },
|
||||
{ name: "Fatima R.", role: "BMS Operator", zone: "Control room", inTime: "06:55", hrs: "7.6", status: "ON-SITE", statusType: "success" },
|
||||
];
|
||||
|
||||
export const permitsData = [
|
||||
{
|
||||
permit: "PTW-2663",
|
||||
@@ -664,3 +771,123 @@ export const HANDLES_DATA = [
|
||||
subtitle: "assigns per contract & skill",
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
export const initialRows = [
|
||||
// Row 1 (2 cards)
|
||||
{
|
||||
id: "row-1",
|
||||
widgets: [
|
||||
{ id: "w1", title: "TFM Requests · Monthly", type: "report.widget" },
|
||||
{ id: "w2", title: "Recent Activity", type: "report.widget" },
|
||||
],
|
||||
},
|
||||
// Row 2 (2 cards)
|
||||
{
|
||||
id: "row-2",
|
||||
widgets: [
|
||||
{ id: "w3", title: "Schedule Performance", type: "report.widget" },
|
||||
{ id: "w4", title: "Energy · Today", type: "report.widget" },
|
||||
],
|
||||
},
|
||||
// Row 3 (3 cards)
|
||||
{
|
||||
id: "row-3",
|
||||
widgets: [
|
||||
{ id: "w5", title: "Top 5 Requester", type: "report.widget" },
|
||||
{ id: "w6", title: "Asset Register", type: "report.widget" },
|
||||
{ id: "w7", title: "PM Plan vs Started", type: "report.widget" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
export const initialLanguageValues = [
|
||||
{
|
||||
id: 1,
|
||||
app: "Web Console",
|
||||
menu: "Tenant",
|
||||
screen: "Tenant List",
|
||||
uiKey: "btn.add_tenant",
|
||||
code: "EN",
|
||||
value: "Add Tenant",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
app: "Web Console",
|
||||
menu: "Site",
|
||||
screen: "Site List",
|
||||
uiKey: "btn.add_site",
|
||||
code: "EN",
|
||||
value: "Add Site",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
app: "Mobile App",
|
||||
menu: "Inspections",
|
||||
screen: "QR Round",
|
||||
uiKey: "lbl.scan_qr",
|
||||
code: "EN",
|
||||
value: "Scan QR to begin round",
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
export const initialModules = [
|
||||
{
|
||||
id: "MOD-01",
|
||||
title: "Dashboard",
|
||||
description: "Operational overview & live KPIs",
|
||||
icon: LayoutGrid,
|
||||
menus: [], // Currently empty as per screenshot
|
||||
},
|
||||
{
|
||||
id: "MOD-02",
|
||||
title: "Helpdesk",
|
||||
description: "Tickets, requests & SLA tracking",
|
||||
icon: CheckSquare,
|
||||
menus: ["Tickets", "SLA Settings", "Queues"],
|
||||
},
|
||||
{
|
||||
id: "MOD-03",
|
||||
title: "Equipment",
|
||||
description: "Asset register & equipment groups",
|
||||
icon: Crosshair,
|
||||
menus: ["Asset Register", "Categories"],
|
||||
},
|
||||
{
|
||||
id: "MOD-04",
|
||||
title: "Request",
|
||||
description: "Service requests & approvals",
|
||||
icon: FileText,
|
||||
menus: ["My Requests", "Approvals"],
|
||||
},
|
||||
{
|
||||
id: "MOD-05",
|
||||
title: "Inventory",
|
||||
description: "Stock, spares & consumables",
|
||||
icon: Box,
|
||||
menus: ["Stock Levels", "Suppliers"],
|
||||
},
|
||||
{
|
||||
id: "MOD-06",
|
||||
title: "Energy",
|
||||
description: "Meters, consumption & analytics",
|
||||
icon: Zap,
|
||||
menus: ["Meters", "Analytics"],
|
||||
},
|
||||
{
|
||||
id: "MOD-07",
|
||||
title: "Inspections",
|
||||
description: "QR rounds & checklists",
|
||||
icon: ClipboardCheck,
|
||||
menus: ["Rounds", "Checklists"],
|
||||
},
|
||||
{
|
||||
id: "MOD-08",
|
||||
title: "Reports",
|
||||
description: "Analytics & export tools",
|
||||
icon: BarChart2,
|
||||
menus: ["Scheduled Reports", "Custom Builder"],
|
||||
},
|
||||
];
|
||||
82
constants/tabConstant.ts
Normal file
82
constants/tabConstant.ts
Normal file
@@ -0,0 +1,82 @@
|
||||
//Tabs used in Operations dashboards
|
||||
|
||||
export const equipmentTabs: string[] = [
|
||||
'Equipment Groups',
|
||||
'Site-Wise Equipment',
|
||||
'PPM Checklist',
|
||||
'AMC Checklist',
|
||||
'PPM Schedule',
|
||||
'AMC Schedule',
|
||||
'Maintenance Calendar'
|
||||
];
|
||||
|
||||
|
||||
|
||||
export const helpdeskTtabs: string[] =
|
||||
['Location',
|
||||
'Technical',
|
||||
'Missed',
|
||||
'Departments',
|
||||
'HSQE'];
|
||||
|
||||
|
||||
|
||||
export const aiHelpdeskTabs: string[] = [
|
||||
'Live triage',
|
||||
'Invoice verification',
|
||||
'SLA Enforecment',
|
||||
'Automation rules',
|
||||
|
||||
];
|
||||
|
||||
export const Reqeusttabs: string[] = [
|
||||
'TFM Requests',
|
||||
'Engineering',
|
||||
'Schedule Complaints'
|
||||
];
|
||||
|
||||
|
||||
export const trainingtabs: string[] = [
|
||||
'Courses',
|
||||
'Certificates & history',
|
||||
|
||||
];
|
||||
|
||||
|
||||
export const workspaceTabs: string[] = [
|
||||
'Desk Booking',
|
||||
'Floor Plan',
|
||||
'TimeTable',
|
||||
|
||||
];
|
||||
export const connectedassettabs:string[]=[
|
||||
'Asset Fleet',
|
||||
'Excursions',
|
||||
'Optimisation',
|
||||
]
|
||||
|
||||
export const sustainabilitytabs:string[]=[
|
||||
'ESG Data Hub',
|
||||
'IoT sensor',
|
||||
'Reporting engine',
|
||||
'Target & forecasts',
|
||||
'Social & goverance',
|
||||
]
|
||||
export const gpsTrackingtabs:string[]=[
|
||||
'Live tracking',
|
||||
'Geo-fences',
|
||||
'Entry/exit logs',
|
||||
'Route history',
|
||||
'Mobile app',
|
||||
]
|
||||
export const reporttabs: string[] = [
|
||||
'Equipment',
|
||||
'Maintance',
|
||||
'Checklists',
|
||||
'Requests',
|
||||
'Inventory',
|
||||
'Energy',
|
||||
'HSQE',
|
||||
'MMR',
|
||||
];
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import ActionButtons from "@/components/common/actionButton";
|
||||
import Button from "@/components/common/button";
|
||||
import { StatusBadge } from "@/components/common/statusBadge";
|
||||
import { FileText, Eye } from "lucide-react";
|
||||
import { FileText, Eye, Pencil, GitBranch, Settings } from "lucide-react";
|
||||
|
||||
//Vendor field Service
|
||||
|
||||
@@ -3301,6 +3301,177 @@ export const budgetPerformanceRows = [
|
||||
];
|
||||
|
||||
|
||||
|
||||
export const trustedDeviceHeaders = [
|
||||
"USER",
|
||||
"DEVICE",
|
||||
"IP",
|
||||
"LAST SEEN",
|
||||
"EXPIRES",
|
||||
"STATUS",
|
||||
"ACTIONS",
|
||||
];
|
||||
|
||||
export const trustedDeviceRows = [
|
||||
[
|
||||
<span className="font-semibold text-white">Dhananjay T.</span>,
|
||||
"Chrome 126 · Windows 11",
|
||||
<span className="font-mono">103.212.14.8</span>,
|
||||
<span className="font-mono">Today, 08:12</span>,
|
||||
<span className="font-mono">Jul 30, 2026</span>,
|
||||
<StatusBadge
|
||||
text="TRUSTED"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
<Button className="rounded-md border border-slate-700/80 bg-slate-800/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 transition-colors">
|
||||
Revoke
|
||||
</Button>,
|
||||
],
|
||||
|
||||
[
|
||||
<span className="font-semibold text-white">Kavya Raghunathan</span>,
|
||||
"Safari 18 · macOS",
|
||||
<span className="font-mono">49.37.201.55</span>,
|
||||
<span className="font-mono">Yesterday, 17:40</span>,
|
||||
<span className="font-mono">Jul 21, 2026</span>,
|
||||
<StatusBadge
|
||||
text="TRUSTED"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
<Button className="rounded-md border border-slate-700/80 bg-slate-800/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 transition-colors">
|
||||
Revoke
|
||||
</Button>,
|
||||
],
|
||||
|
||||
[
|
||||
<span className="font-semibold text-white">Rahul Iyer</span>,
|
||||
"KAFM Mobile · Android 15",
|
||||
<span className="font-mono">152.58.33.104</span>,
|
||||
<span className="font-mono">Today, 06:58</span>,
|
||||
<span className="font-mono">Jul 12, 2026</span>,
|
||||
<StatusBadge
|
||||
text="TRUSTED"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
<Button className="rounded-md border border-slate-700/80 bg-slate-800/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 transition-colors">
|
||||
Revoke
|
||||
</Button>,
|
||||
],
|
||||
|
||||
[
|
||||
<span className="font-semibold text-white">Meera Pillai</span>,
|
||||
"Edge 126 · Windows 10",
|
||||
<span className="font-mono">103.212.14.31</span>,
|
||||
<span className="font-mono">Jun 18, 2026</span>,
|
||||
<span className="font-mono text-slate-400">Expired</span>,
|
||||
<StatusBadge
|
||||
text="REVOKED"
|
||||
color="bg-slate-700/50 text-slate-400"
|
||||
/>,
|
||||
<span className="text-slate-500 text-center">—</span>,
|
||||
],
|
||||
];
|
||||
|
||||
export const auditLogHeaders = [
|
||||
"WHEN",
|
||||
"USER",
|
||||
"EVENT",
|
||||
"IP",
|
||||
"RESULT",
|
||||
];
|
||||
|
||||
export const auditLogRows = [
|
||||
[
|
||||
<span className="font-mono text-slate-300">Today 08:12</span>,
|
||||
<span className="font-mono text-slate-300">dhananjay@kafm.io</span>,
|
||||
<span className="text-slate-200">Sign-in · password + MFA</span>,
|
||||
<span className="font-mono text-slate-300">103.212.14.8</span>,
|
||||
<StatusBadge
|
||||
text="OK"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
],
|
||||
|
||||
[
|
||||
<span className="font-mono text-slate-300">Today 07:56</span>,
|
||||
<span className="font-mono text-slate-300">kavya@kafm.io</span>,
|
||||
<span className="text-slate-200">
|
||||
Role changed · Technician → M&E Supervisor
|
||||
</span>,
|
||||
<span className="font-mono text-slate-300">49.37.201.55</span>,
|
||||
<StatusBadge
|
||||
text="OK"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
],
|
||||
|
||||
[
|
||||
<span className="font-mono text-slate-300">Today 07:31</span>,
|
||||
<span className="font-mono text-slate-300">unknown@ext.net</span>,
|
||||
<span className="text-slate-200">
|
||||
Sign-in · wrong password (3rd attempt)
|
||||
</span>,
|
||||
<span className="font-mono text-slate-300">91.240.118.7</span>,
|
||||
<StatusBadge
|
||||
text="FAILED"
|
||||
color="bg-rose-500/15 text-rose-400"
|
||||
/>,
|
||||
],
|
||||
|
||||
[
|
||||
<span className="font-mono text-slate-300">Today 06:58</span>,
|
||||
<span className="font-mono text-slate-300">rahul@kafm.io</span>,
|
||||
<span className="text-slate-200">
|
||||
Device trusted · KAFM Mobile (30 days)
|
||||
</span>,
|
||||
<span className="font-mono text-slate-300">152.58.33.104</span>,
|
||||
<StatusBadge
|
||||
text="OK"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
],
|
||||
|
||||
[
|
||||
<span className="font-mono text-slate-300">Yesterday 17:40</span>,
|
||||
<span className="font-mono text-slate-300">kavya@kafm.io</span>,
|
||||
<span className="text-slate-200">
|
||||
Password reset · self-service link
|
||||
</span>,
|
||||
<span className="font-mono text-slate-300">49.37.201.55</span>,
|
||||
<StatusBadge
|
||||
text="OK"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
],
|
||||
|
||||
[
|
||||
<span className="font-mono text-slate-300">Yesterday 14:05</span>,
|
||||
<span className="font-mono text-slate-300">meera@kafm.io</span>,
|
||||
<span className="text-slate-200">
|
||||
MFA reset by admin · device revoked
|
||||
</span>,
|
||||
<span className="font-mono text-slate-300">103.212.14.31</span>,
|
||||
<StatusBadge
|
||||
text="PENDING"
|
||||
color="bg-amber-500/15 text-amber-400"
|
||||
/>,
|
||||
],
|
||||
|
||||
[
|
||||
<span className="font-mono text-slate-300">Jun 30 09:12</span>,
|
||||
<span className="font-mono text-slate-300">admin@kafm.io</span>,
|
||||
<span className="text-slate-200">
|
||||
Sign-in policy updated · idle timeout 30 min
|
||||
</span>,
|
||||
<span className="font-mono text-slate-300">103.212.14.8</span>,
|
||||
<StatusBadge
|
||||
text="OK"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>,
|
||||
],
|
||||
];
|
||||
|
||||
|
||||
//Statutory Compliance Page
|
||||
export const statutoryheaders = [
|
||||
"Obligation",
|
||||
@@ -3914,4 +4085,138 @@ export const auditrows = [
|
||||
</Button>
|
||||
</div>,
|
||||
],
|
||||
];
|
||||
];
|
||||
export const siteHeaders = [
|
||||
"Site",
|
||||
"Tenant",
|
||||
"Coordinates",
|
||||
"Radius",
|
||||
"Status",
|
||||
"Actions",
|
||||
];
|
||||
|
||||
export const siteRows = [
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">Apple One — HQ Tower</p>
|
||||
<p className="font-mono text-xs text-slate-400">AO-HQ · SIT-3001</p>
|
||||
</div>,
|
||||
"Apple One",
|
||||
<span className="font-mono whitespace-nowrap">19.0760, 72.8777</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">200 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">Apple One — Annexe</p>
|
||||
<p className="font-mono text-xs text-slate-400">AO-AX · SIT-3002</p>
|
||||
</div>,
|
||||
"Apple One",
|
||||
<span className="font-mono whitespace-nowrap">19.1020, 72.8895</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">150 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">Novotel Pune — Main</p>
|
||||
<p className="font-mono text-xs text-slate-400">NP-M · SIT-3003</p>
|
||||
</div>,
|
||||
"Novotel Pune",
|
||||
<span className="font-mono whitespace-nowrap">18.5604, 73.9090</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">180 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">
|
||||
SRM Campus — Academic Block
|
||||
</p>
|
||||
<p className="font-mono text-xs text-slate-400">SRM-AB · SIT-3004</p>
|
||||
</div>,
|
||||
"SRM Campus",
|
||||
<span className="font-mono whitespace-nowrap">12.8230, 80.0444</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">400 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">
|
||||
SRM Campus — Hostel Block
|
||||
</p>
|
||||
<p className="font-mono text-xs text-slate-400">SRM-HB · SIT-3005</p>
|
||||
</div>,
|
||||
"SRM Campus",
|
||||
<span className="font-mono whitespace-nowrap">12.8255, 80.0478</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">350 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
|
||||
[
|
||||
<div>
|
||||
<p className="font-semibold text-slate-100">Local 1 — Site</p>
|
||||
<p className="font-mono text-xs text-slate-400">L1-S · SIT-3006</p>
|
||||
</div>,
|
||||
"Local 1",
|
||||
<span className="font-mono whitespace-nowrap">19.2183, 72.9781</span>,
|
||||
<span className="rounded-md bg-slate-900 px-2 py-1 font-mono text-xs">120 m</span>,
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="h-7 w-12 rounded-full bg-teal-400 relative">
|
||||
<div className="absolute right-1 top-1 h-5 w-5 rounded-full bg-slate-950" />
|
||||
</div>
|
||||
<StatusBadge
|
||||
text="Active"
|
||||
color="bg-emerald-500/15 text-emerald-400"
|
||||
/>
|
||||
</div>,
|
||||
<ActionButtons />,
|
||||
],
|
||||
];
|
||||
|
||||
Reference in New Issue
Block a user