Configure Completed is added
This commit is contained in:
@@ -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>,
|
||||
"2–4°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>,
|
||||
"2–4°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>,
|
||||
"6–8°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>,
|
||||
"2–4°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>,
|
||||
"11–13°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
|
||||
|
||||
|
||||
Reference in New Issue
Block a user