5103022014/Skripsi_Valentino_5103022014
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UPDATE MONITORING

Browse Source
This commit is contained in:
[Valentino Heman Budiarto] 2026-06-12 18:34:29 +07:00
parent dad3d4f519
commit a3a114417e
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/app/admin/monitoring/page.tsx
View File

@ -44,7 +44,7 @@ export default function PowerMonitoringPage() {
...prev["room_1"], ...prev["room_1"],
"Lampu 1": backendData.lampu1 === "on", "Lampu 1": backendData.lampu1 === "on",
"Lampu 2": backendData.lampu2 === "on", "Lampu 2": backendData.lampu2 === "on",
"AC 1": backendData.ac === "on", "AC": backendData.ac === "on",
"Proyektor": backendData.projector === "on", "Proyektor": backendData.projector === "on",
} }
})); }));
@ -73,7 +73,7 @@ export default function PowerMonitoringPage() {
initialStatus[`room_${room.id}`] = { initialStatus[`room_${room.id}`] = {
"Lampu 1": false, "Lampu 1": false,
"Lampu 2": false, "Lampu 2": false,
"AC 1": false, "AC": false,
"Proyektor": false, "Proyektor": false,
}; };
}); });
@ -109,7 +109,7 @@ export default function PowerMonitoringPage() {
// Mapping nama device untuk backend // Mapping nama device untuk backend
let backendDevice = ""; let backendDevice = "";
if (deviceName === 'AC 1') backendDevice = "ac"; if (deviceName === 'AC') backendDevice = "ac";
else if (deviceName === 'Proyektor') backendDevice = "projector"; else if (deviceName === 'Proyektor') backendDevice = "projector";
else if (deviceName === 'Lampu 1') backendDevice = "lampu1"; else if (deviceName === 'Lampu 1') backendDevice = "lampu1";
else if (deviceName === 'Lampu 2') backendDevice = "lampu2"; else if (deviceName === 'Lampu 2') backendDevice = "lampu2";
@ -235,16 +235,16 @@ export default function PowerMonitoringPage() {
<Lightbulb size={14} className={currentRoomStatus['Lampu 2'] ? "fill-yellow-500" : ""} /> Lampu 2 <Lightbulb size={14} className={currentRoomStatus['Lampu 2'] ? "fill-yellow-500" : ""} /> Lampu 2
</button> </button>
{/* AC 1 */} {/* AC */}
<button <button
onClick={() => handleDeviceToggle(room.id, room.name, 'AC 1')} onClick={() => handleDeviceToggle(room.id, room.name, 'AC')}
disabled={!room.isRelayOn} disabled={!room.isRelayOn}
className={`flex justify-center items-center gap-2 p-2 rounded-lg text-xs font-bold transition-all className={`flex justify-center items-center gap-2 p-2 rounded-lg text-xs font-bold transition-all
${currentRoomStatus['AC 1'] ${currentRoomStatus['AC']
? 'bg-blue-100 text-blue-600 border border-blue-200' ? 'bg-blue-100 text-blue-600 border border-blue-200'
: 'bg-gray-50 text-gray-400 border border-transparent'}`} : 'bg-gray-50 text-gray-400 border border-transparent'}`}
> >
<Wind size={14} className={currentRoomStatus['AC 1'] ? "animate-pulse" : ""} /> AC 1 <Wind size={14} className={currentRoomStatus['AC'] ? "animate-pulse" : ""} /> AC
</button> </button>
{/* PROYEKTOR */} {/* PROYEKTOR */}