feat : added operator name

btc-UI/src/app/components/navbar/navbar.component.css

@@ -580,6 +580,11 @@
 .me-2 {
   font-size: 1rem;
 }
+.btno-label {
+  font-size: 1rem;
+  font-weight: 600;
+  color: #fff; /* Or match whatever text color you use */
+}
 .date-time {
   font-weight: bold;
   font-size: 1rem;

btc-UI/src/app/components/navbar/navbar.component.html

@@ -6,7 +6,16 @@
   <div
     class="d-flex align-items-center text-light small justify-content-end flex-grow-1"
   >
-    <span class="me-2"><b>B.T.No:1111</b></span>
+
+    <span class="btno-label me-2">
+    <b>Operator:</b> {{ userName }}
+    </span>
+
+    <span class="btno-label me-3">
+    <b>B.T.No: 1111</b>
+    </span>
+
+
     <div
       class="status_box text-center"
       [ngClass]="liveStatusOk ? 'live-green' : 'live-red'"

btc-UI/src/app/components/navbar/navbar.component.ts

@@ -17,6 +17,7 @@ export class NavbarComponent implements OnInit, OnDestroy {
   isMenuOpen: boolean = false;
   screenWidth: number = window.innerWidth;
   private subscription!: Subscription;
+  userName: string = '';
 
   liveStatusOk: boolean = true;
 
@@ -74,6 +75,7 @@ export class NavbarComponent implements OnInit, OnDestroy {
   ) {}
 
   ngOnInit() {
+    this.userName = localStorage.getItem('userName') || '';
     // Use NgZone to run setInterval outside Angular's change detection
     this.zone.runOutsideAngular(() => {
       setInterval(() => {