update

src/app/modules/homepage/hotel-management/hotel-management.component.html

@@ -6,12 +6,12 @@
       Floor
     </div>
     <div>
-      <span class="available"></span>
-      Available
+      <span class="available" style="border: 1px solid lightgray"></span>
+      No Guest
     </div>
     <div>
       <span class="occupied"></span>
-      Booked
+      Busy
     </div>
   </div>
   <div class="management-container">

src/app/modules/homepage/hotel-management/hotel-management.component.scss

@@ -73,7 +73,7 @@
 }
 
 .available {
-  background-color: #ffcdd2;
+  background-color: #ffffff;
 }
 
 .occupied {

src/app/modules/homepage/security-atm-details/security-atm-details.component.ts

@@ -29,7 +29,7 @@ export class SecurityAtmDetailsComponent implements OnInit, OnDestroy {
   status2 = false;
   state3 = '';
   state4 = '';
-  state5 = false;
+  state5 = true;
   state6 = false;
   switchArm = false;
   isReady = true;
@@ -77,7 +77,7 @@ export class SecurityAtmDetailsComponent implements OnInit, OnDestroy {
     this.status2 = message.status2 == '1'; //  0 not, 1 ready, 2 error, 3 bypass
     this.state3 = message.state3 == '1' ? 'ON' : 'OFF';
     this.state4 = message.state4 == '1' ? 'ON' : 'OFF';
-    this.state5 = message.state5 == '1'; // alarm 9h && 6h // 1 ON, 0 OFF
+    this.state5 = true;//message.state5 == '1'; // alarm 9h && 6h // 1 ON, 0 OFF
     this.state6 = message.state6 == '1'; // ? 'ON' : 'OFF';
     this.switchArm = message.state5 == '1'; // alarm 9h && 6h // 1 ON, 0 OFF
     this.isReady = message.ready == '1';