516 lines
14 KiB
TypeScript
516 lines
14 KiB
TypeScript
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 />,
|
|
],
|
|
]; |