Configure Completed is added

This commit is contained in:
2026-07-25 18:56:15 +05:30
parent a5394823f3
commit cdb52e717e
38 changed files with 5170 additions and 14 deletions

View File

@@ -3,6 +3,697 @@ import Button from "@/components/common/button";
import { StatusBadge } from "@/components/common/statusBadge";
//Device Fleet
export const devicefleetheaders = [
"DEVICE",
"TYPE",
"PROTOCOL",
"LOCATION",
"FIRMWARE",
"LAST SEEN",
"STATUS",
"",
];
export const devicefleetrows = [
[
<span className="font-semibold text-teal-400 font-mono whitespace-nowrap">
GW-01
</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
Gateway
</span>,
<span className="font-mono text-slate-200">BACnet/IP</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
Main LT panel
</span>,
<span className="font-mono text-slate-300">v2.4.1</span>,
<span className="font-mono text-slate-300">2 s ago</span>,
<StatusBadge
text="ONLINE"
color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
/>,
<div className="flex items-center gap-2">
<Button className="rounded-md border border-slate-700/60 bg-slate-900/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 hover:text-white transition">
Ping
</Button>
</div>,
],
[
<span className="font-semibold text-teal-400 font-mono whitespace-nowrap">
GW-02
</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
Gateway
</span>,
<span className="font-mono text-slate-200">Modbus TCP</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
Chiller plant room
</span>,
<span className="font-mono text-slate-300">v2.4.1</span>,
<span className="font-mono text-slate-300">4 s ago</span>,
<StatusBadge
text="ONLINE"
color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
/>,
<div className="flex items-center gap-2">
<Button className="rounded-md border border-slate-700/60 bg-slate-900/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 hover:text-white transition">
Ping
</Button>
</div>,
],
[
<span className="font-semibold text-teal-400 font-mono whitespace-nowrap">
CTL-11
</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
Controller
</span>,
<span className="font-mono text-slate-200">BACnet MS/TP</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
AHU-07 · Floor 5
</span>,
<span className="font-mono text-slate-300">v1.9.0</span>,
<span className="font-mono text-slate-300">1 s ago</span>,
<StatusBadge
text="ONLINE"
color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
/>,
<div className="flex items-center gap-2">
<Button className="rounded-md border border-slate-700/60 bg-slate-900/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 hover:text-white transition">
Ping
</Button>
</div>,
],
[
<span className="font-semibold text-teal-400 font-mono whitespace-nowrap">
CTL-14
</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
Controller
</span>,
<span className="font-mono text-slate-200">BACnet MS/TP</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
AHU-09 · Basement
</span>,
<span className="font-mono text-slate-300">v1.7.2</span>,
<span className="font-mono text-slate-300">38 min ago</span>,
<StatusBadge
text="OFFLINE"
color="bg-rose-950/80 text-rose-400 border border-rose-800/50"
/>,
<div className="flex items-center gap-2">
<Button className="rounded-md border border-slate-700/60 bg-slate-900/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 hover:text-white transition">
Ping
</Button>
<Button className="rounded-md border border-slate-700/60 bg-slate-900/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 hover:text-white transition">
Restart
</Button>
</div>,
],
[
<span className="font-semibold text-teal-400 font-mono whitespace-nowrap">
SNS-208
</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
IAQ sensor
</span>,
<span className="font-mono text-slate-200">MQTT · LoRa</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
Open office · L3
</span>,
<span className="font-mono text-slate-300">v3.1.0</span>,
<span className="font-mono text-slate-300">12 s ago</span>,
<StatusBadge
text="ONLINE"
color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
/>,
<div className="flex items-center gap-2">
<Button className="rounded-md border border-slate-700/60 bg-slate-900/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 hover:text-white transition">
Ping
</Button>
</div>,
],
[
<span className="font-semibold text-teal-400 font-mono whitespace-nowrap">
SNS-231
</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
Energy meter
</span>,
<span className="font-mono text-slate-200">Modbus RTU</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
DG room
</span>,
<span className="font-mono text-slate-300">v3.0.4</span>,
<span className="font-mono text-slate-300">6 s ago</span>,
<StatusBadge
text="ONLINE"
color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
/>,
<div className="flex items-center gap-2">
<Button className="rounded-md border border-slate-700/60 bg-slate-900/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 hover:text-white transition">
Ping
</Button>
</div>,
],
[
<span className="font-semibold text-teal-400 font-mono whitespace-nowrap">
SNS-244
</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
Water meter
</span>,
<span className="font-mono text-slate-200">MQTT · NB-IoT</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
Pump room
</span>,
<span className="font-mono text-slate-300">v3.1.0</span>,
<span className="font-mono text-slate-300">20 s ago</span>,
<StatusBadge
text="FW UPDATE"
color="bg-amber-950/80 text-amber-400 border border-amber-800/50"
/>,
<div className="flex items-center gap-2">
<Button className="rounded-md border border-slate-700/60 bg-slate-900/40 px-3 py-1 text-xs text-slate-300 hover:bg-slate-800 hover:text-white transition">
Ping
</Button>
</div>,
],
];
//Energy Utility in IOT app
export const energyUtilityHeaders = [
"METER",
"UTILITY",
"READING",
"LIVE",
"STATUS",
"LAST SYNC",
];
export const energyUtilityRows = [
[
<span className="font-bold text-teal-400 font-mono">
MTR-EB-01
</span>,
<div className="flex flex-col">
<span className="font-bold text-slate-100">Grid mains · EB</span>
<span className="text-[11px] text-[#5c738e] font-mono">Main LT panel</span>
</div>,
<span className="font-mono text-slate-200">4,82,110 kWh</span>,
<span className="font-bold text-teal-400 font-mono">312 kW</span>,
<StatusBadge
text="ONLINE"
color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
/>,
<span className="font-mono text-slate-300">4 s ago</span>,
],
[
<span className="font-bold text-teal-400 font-mono">
MTR-DG-01
</span>,
<div className="flex flex-col">
<span className="font-bold text-slate-100">DG set · 500 kVA</span>
<span className="text-[11px] text-[#5c738e] font-mono">DG yard</span>
</div>,
<span className="font-mono text-slate-200">18,240 kWh</span>,
<span className="font-bold text-teal-400 font-mono">0 kW</span>,
<StatusBadge
text="STANDBY"
color="bg-slate-800/80 text-sky-400 border border-sky-800/50"
/>,
<span className="font-mono text-slate-300">8 s ago</span>,
],
[
<span className="font-bold text-teal-400 font-mono">
MTR-SOL-01
</span>,
<div className="flex flex-col">
<span className="font-bold text-slate-100">Solar rooftop</span>
<span className="text-[11px] text-[#5c738e] font-mono">Terrace inverter room</span>
</div>,
<span className="font-mono text-slate-200">96,480 kWh</span>,
<span className="font-bold text-teal-400 font-mono">74 kW</span>,
<StatusBadge
text="ONLINE"
color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
/>,
<span className="font-mono text-slate-300">3 s ago</span>,
],
[
<span className="font-bold text-teal-400 font-mono">
MTR-WTR-01
</span>,
<div className="flex flex-col">
<span className="font-bold text-slate-100">Water · municipal</span>
<span className="text-[11px] text-[#5c738e] font-mono">Pump room inlet</span>
</div>,
<span className="font-mono text-slate-200">12,940 kL</span>,
<span className="font-bold text-teal-400 font-mono">2.1 kL/h</span>,
<StatusBadge
text="ONLINE"
color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
/>,
<span className="font-mono text-slate-300">11 s ago</span>,
],
[
<span className="font-bold text-teal-400 font-mono">
MTR-WTR-02
</span>,
<div className="flex flex-col">
<span className="font-bold text-slate-100">Water · borewell</span>
<span className="text-[11px] text-[#5c738e] font-mono">Pump room inlet</span>
</div>,
<span className="font-mono text-slate-200">3,410 kL</span>,
<span className="font-bold text-teal-400 font-mono">0.6 kL/h</span>,
<StatusBadge
text="ONLINE"
color="bg-emerald-950/80 text-emerald-400 border border-emerald-800/50"
/>,
<span className="font-mono text-slate-300">9 s ago</span>,
],
[
<span className="font-bold text-teal-400 font-mono">
MTR-GAS-01
</span>,
<div className="flex flex-col">
<span className="font-bold text-slate-100">LPG · kitchen bank</span>
<span className="text-[11px] text-[#5c738e] font-mono">Gas bank, B1</span>
</div>,
<span className="font-mono text-slate-200">1,880 kg</span>,
<span className="font-mono text-slate-500"></span>,
<StatusBadge
text="OFFLINE"
color="bg-rose-950/80 text-rose-400 border border-rose-800/50"
/>,
<span className="font-mono text-slate-300">26 min ago</span>,
],
];
//connected asset in intelligence
export const connectedassetheaders = [
"Asset",
"Location",
"Now",
"Setpoint",
"Trend",
"Status",
"",
];
export const connectedassetrows = [
[
<span className="font-semibold text-cyan-400 whitespace-nowrap">
CASE-D12
</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
Dairy case · Store 4, Mumbai
</span>,
<span className="font-semibold">3.1°C</span>,
"24°C",
<span className="font-mono text-slate-300">stable</span>,
<StatusBadge
text="Healthy"
color="bg-emerald-500/15 text-emerald-400"
/>,
<Button className="rounded-md border border-slate-700/60 px-4 py-1 text-slate-400 hover:bg-slate-800 hover:text-white transition">
Telemetry
</Button>,
],
[
<span className="font-semibold text-cyan-400 whitespace-nowrap">
CASE-F03
</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
Frozen island · Store 4, Mumbai
</span>,
<span className="font-semibold">-19.4°C</span>,
"≤ -18°C",
<span className="font-mono text-slate-300">stable</span>,
<StatusBadge
text="Healthy"
color="bg-emerald-500/15 text-emerald-400"
/>,
<Button className="rounded-md border border-slate-700/60 px-4 py-1 text-slate-400 hover:bg-slate-800 hover:text-white transition">
Telemetry
</Button>,
],
[
<span className="font-semibold text-cyan-400 whitespace-nowrap">
CASE-D07
</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
Dairy case · Store 9, Pune
</span>,
<span className="font-semibold">5.2°C</span>,
"24°C",
<span className="font-mono text-slate-300">+0.4°/h</span>,
<StatusBadge
text="Excursion"
color="bg-red-500/15 text-red-400"
/>,
<Button className="rounded-md border border-slate-700/60 px-4 py-1 text-slate-400 hover:bg-slate-800 hover:text-white transition">
Telemetry
</Button>,
],
[
<span className="font-semibold text-cyan-400 whitespace-nowrap">
CHIL-02
</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
Chiller · Horizon Tower
</span>,
<span className="font-semibold">6.8°C</span>,
"68°C",
<span className="font-mono text-slate-300">drifting</span>,
<StatusBadge
text="Watch"
color="bg-amber-500/15 text-amber-400"
/>,
<Button className="rounded-md border border-slate-700/60 px-4 py-1 text-slate-400 hover:bg-slate-800 hover:text-white transition">
Telemetry
</Button>,
],
[
<span className="font-semibold text-cyan-400 whitespace-nowrap">
CASE-B01
</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
Beverage cooler · Store 2, Delhi
</span>,
<span className="font-semibold">3.8°C</span>,
"24°C",
<span className="font-mono text-slate-300">stable</span>,
<StatusBadge
text="Healthy"
color="bg-emerald-500/15 text-emerald-400"
/>,
<Button className="rounded-md border border-slate-700/60 px-4 py-1 text-slate-400 hover:bg-slate-800 hover:text-white transition">
Telemetry
</Button>,
],
[
<span className="font-semibold text-cyan-400 whitespace-nowrap">
AHU-07
</span>,
<span className="font-semibold text-slate-100 whitespace-nowrap">
AHU · Lakeside Campus
</span>,
<span className="font-semibold">12.1°C</span>,
"1113°C",
<span className="font-mono text-slate-300">stable</span>,
<StatusBadge
text="Healthy"
color="bg-emerald-500/15 text-emerald-400"
/>,
<Button className="rounded-md border border-slate-700/60 px-4 py-1 text-slate-400 hover:bg-slate-800 hover:text-white transition">
Telemetry
</Button>,
],
];
//Connected Ops in intelligence
export const connectedheaders = [
"Site",
"Open WOs",
"SLA",
"Cost MTD",
"Vendor Score",
"Status",
];
export const connectedrows = [
[
<span className="font-semibold text-slate-100 whitespace-nowrap">
Horizon Tower · Mumbai
</span>,
"34",
<span className="font-semibold text-emerald-400">96%</span>,
"₹8.4 L",
"4.6 / 5",
<StatusBadge
text="Healthy"
color="bg-emerald-500/15 text-emerald-400"
/>,
],
[
<span className="font-semibold text-slate-100 whitespace-nowrap">
Lakeside Campus · Pune
</span>,
"51",
<span className="font-semibold text-amber-400">88%</span>,
"₹12.1 L",
"4.1 / 5",
<StatusBadge
text="Watch"
color="bg-amber-500/15 text-amber-400"
/>,
],
[
<span className="font-semibold text-slate-100 whitespace-nowrap">
Metro Business Park · Delhi
</span>,
"28",
<span className="font-semibold text-emerald-400">93%</span>,
"₹6.7 L",
"4.4 / 5",
<StatusBadge
text="Healthy"
color="bg-emerald-500/15 text-emerald-400"
/>,
],
[
<span className="font-semibold text-slate-100 whitespace-nowrap">
Coastal One · Chennai
</span>,
"63",
<span className="font-semibold text-red-400">74%</span>,
"₹15.8 L",
"3.2 / 5",
<StatusBadge
text="At Risk"
color="bg-red-500/15 text-red-400"
/>,
],
];
// Asset Health page in intelligence
export const assetHealthheaders = [
"Asset",
"Criticality",
"Health",
"MTBF",
"MTTR",
"Recommendation",
];
export const assetHealthrows = [
[
<div>
<div className="font-semibold text-slate-100">Main DB</div>
<div className="text-sm font-mono text-slate-400">
APP-1100 Plumbing
</div>
</div>,
<StatusBadge
text="Normal"
color="bg-slate-700/50 text-slate-400"
/>,
<div className="flex items-center gap-3">
<div className="h-2 w-28 rounded-full bg-slate-700">
<div className="h-2 w-[88%] rounded-full bg-emerald-400" />
</div>
<span className="font-semibold text-emerald-400">88</span>
</div>,
"162d",
"3.5h",
"On PPM plan",
],
[
<div>
<div className="font-semibold text-slate-100">Main DB</div>
<div className="text-sm font-mono text-slate-400">
APP-1103 Plumbing
</div>
</div>,
<StatusBadge
text="Normal"
color="bg-slate-700/50 text-slate-400"
/>,
<div className="flex items-center gap-3">
<div className="h-2 w-28 rounded-full bg-slate-700">
<div className="h-2 w-[93%] rounded-full bg-emerald-400" />
</div>
<span className="font-semibold text-emerald-400">93</span>
</div>,
"138d",
"6h",
"On PPM plan",
],
[
<div>
<div className="font-semibold text-slate-100">Cooling Tower</div>
<div className="text-sm font-mono text-slate-400">
APP-1106 Electrical
</div>
</div>,
<StatusBadge
text="Important"
color="bg-amber-500/15 text-amber-400"
/>,
<div className="flex items-center gap-3">
<div className="h-2 w-28 rounded-full bg-slate-700">
<div className="h-2 w-[62%] rounded-full bg-amber-400" />
</div>
<span className="font-semibold text-amber-400">62</span>
</div>,
"186d",
"6h",
"Add condition check",
],
[
<div>
<div className="font-semibold text-slate-100">Chiller</div>
<div className="text-sm font-mono text-slate-400">
APP-1109 Electrical
</div>
</div>,
<StatusBadge
text="Normal"
color="bg-slate-700/50 text-slate-400"
/>,
<div className="flex items-center gap-3">
<div className="h-2 w-28 rounded-full bg-slate-700">
<div className="h-2 w-[91%] rounded-full bg-emerald-400" />
</div>
<span className="font-semibold text-emerald-400">91</span>
</div>,
"282d",
"6h",
"On PPM plan",
],
[
<div>
<div className="font-semibold text-slate-100">Chiller</div>
<div className="text-sm font-mono text-slate-400">
APP-1112 Plumbing
</div>
</div>,
<StatusBadge
text="Important"
color="bg-amber-500/15 text-amber-400"
/>,
<div className="flex items-center gap-3">
<div className="h-2 w-28 rounded-full bg-slate-700">
<div className="h-2 w-[82%] rounded-full bg-emerald-400" />
</div>
<span className="font-semibold text-emerald-400">82</span>
</div>,
"186d",
"5h",
"On PPM plan",
],
[
<div>
<div className="font-semibold text-slate-100">
Air Handling Unit
</div>
<div className="text-sm font-mono text-slate-400">
APP-1115 Plumbing
</div>
</div>,
<StatusBadge
text="Important"
color="bg-amber-500/15 text-amber-400"
/>,
<div className="flex items-center gap-3">
<div className="h-2 w-28 rounded-full bg-slate-700">
<div className="h-2 w-[79%] rounded-full bg-amber-400" />
</div>
<span className="font-semibold text-amber-400">79</span>
</div>,
"306d",
"6.5h",
"Add condition check",
],
[
<div>
<div className="font-semibold text-slate-100">Main DB</div>
<div className="text-sm font-mono text-slate-400">
APP-1118 Electrical
</div>
</div>,
<StatusBadge
text="Important"
color="bg-amber-500/15 text-amber-400"
/>,
<div className="flex items-center gap-3">
<div className="h-2 w-28 rounded-full bg-slate-700">
<div className="h-2 w-[72%] rounded-full bg-amber-400" />
</div>
<span className="font-semibold text-amber-400">72</span>
</div>,
"138d",
"2h",
"Add condition check",
],
[
<div>
<div className="font-semibold text-slate-100">Chiller</div>
<div className="text-sm font-mono text-slate-400">
APP-1121 Electrical
</div>
</div>,
<StatusBadge
text="Important"
color="bg-amber-500/15 text-amber-400"
/>,
<div className="flex items-center gap-3">
<div className="h-2 w-28 rounded-full bg-slate-700">
<div className="h-2 w-[76%] rounded-full bg-amber-400" />
</div>
<span className="font-semibold text-amber-400">76</span>
</div>,
"138d",
"6h",
"Add condition check",
],
];
//visitor management page in workplace