shaily/KAFM-Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changes done in ui screens

Browse Source
This commit is contained in:
Shaily Mishra
2026-07-28 19:11:10 +05:30
parent b8e833dbb9
commit 7ce1f2705e
33 changed files with 1944 additions and 1248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
components/dashboard/iotapplication/alarmsRules.tsx
View File

@@ -22,12 +22,12 @@ export default function AlarmRulesPortal() {
{/* --- HEADER SECTION --- */}
<div className="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-6">
<div>
<div className="flex items-center gap-2 text-[10px] font-bold tracking-widest text-emerald-400 uppercase font-mono">
<div className="flex items-center gap-2 text-[12px] font-bold tracking-widest text-emerald-400 uppercase font-mono">
<span>APPLE ONE — HQ TOWER</span>
<span className="text-slate-500">•</span>
<span className="text-slate-500">IOT</span>
<span className="text-slate-500">•</span>
<span className="text-slate-500">ALARMS & RULES</span>
<span className="text-slate-600">•</span>
<span className="text-slate-400">IOT</span>
<span className="text-slate-600">•</span>
<span className="text-slate-400">ALARMS & RULES</span>
</div>
<h1 className="text-2xl font-bold text-white tracking-tight mt-1">
Alarms & automation rules
@@ -237,8 +237,8 @@ export default function AlarmRulesPortal() {
Raises a Help Desk request with the asset and fault pre-filled
</p>
</div>
<button
type="button"
<Button
onClick={() => setAutoWorkOrder(!autoWorkOrder)}
className={`relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none ${
autoWorkOrder ? 'bg-[#2dd4bf]' : 'bg-slate-700'
@@ -249,7 +249,7 @@ export default function AlarmRulesPortal() {
autoWorkOrder ? 'translate-x-5' : 'translate-x-0'
}`}
/>
</button>
</Button>
</div>
{/* Rule 2 */}
@@ -262,8 +262,8 @@ export default function AlarmRulesPortal() {
Notifies the escalation matrix after 15 minutes
</p>
</div>
<button
type="button"
<Button
onClick={() => setEscalateCriticals(!escalateCriticals)}
className={`relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none ${
escalateCriticals ? 'bg-[#2dd4bf]' : 'bg-slate-700'
@@ -274,7 +274,7 @@ export default function AlarmRulesPortal() {
escalateCriticals ? 'translate-x-5' : 'translate-x-0'
}`}
/>
</button>
</Button>
</div>
{/* Rule 3 */}
@@ -287,8 +287,8 @@ export default function AlarmRulesPortal() {
Widens comfort bands 22:00–06:00 to save energy
</p>
</div>
<button
type="button"
<Button
onClick={() => setOffHoursSetpoint(!offHoursSetpoint)}
className={`relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none ${
offHoursSetpoint ? 'bg-[#2dd4bf]' : 'bg-slate-700'
@@ -299,7 +299,7 @@ export default function AlarmRulesPortal() {
offHoursSetpoint ? 'translate-x-5' : 'translate-x-0'
}`}
/>
</button>
</Button>
</div>
{/* Rule 4 */}
@@ -312,8 +312,8 @@ export default function AlarmRulesPortal() {
Adds a filter change to the next PPM visit automatically
</p>
</div>
<button
type="button"
<Button
onClick={() => setFilterPpmTask(!filterPpmTask)}
className={`relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none ${
filterPpmTask ? 'bg-[#2dd4bf]' : 'bg-slate-800'
@@ -324,7 +324,7 @@ export default function AlarmRulesPortal() {
filterPpmTask ? 'translate-x-5 bg-slate-950' : 'translate-x-0'
}`}
/>
</button>
</Button>
</div>
</div>
</div>