BodegaX Settings Page: Session and User Controls

user5 = JSON.parse(sessionStorage.getItem("bodegax") || "{'role': ''}");

logOut() {
  sessionStorage.removeItem('bodegax'); // 1. Erase the session token
  this.isLogged.next(false);            // 2. Broadcast logged-out state to all subscribers
  this.role.next('client');             // 3. Reset the role observable to its default
  this.router.navigate(['/login']);     // 4. Navigate to the login screen
}

// Observable — components subscribe to reactively update the layout
get showSidebar$(): Observable<boolean> {
  return this.showSidebar.asObservable();
}

// Toggle between open and closed
toggleSidebar() {
  if (this.showSidebar.getValue()) {
    this.showSidebar.next(false);
  } else {
    this.showSidebar.next(true);
  }
}

// Explicitly open the sidebar
openSidebar() {
  this.showSidebar.next(true);
}

// Explicitly close the sidebar
closeSidebar() {
  this.showSidebar.next(false);
}

openSidebar() {
  this.appSvc.toggleSidebar(); // Delegates to AppService
  this.sidebarOpen = !this.sidebarOpen; // Keeps local state in sync
}

isMobile: boolean = window.innerWidth <= 768;

constructor(...) {
  window.addEventListener('resize', () => {
    this.isMobile = window.innerWidth <= 768;
  });
}

get shouldShowUserName(): boolean {
  return !this.sidebarOpen || !this.isMobile || window.innerWidth > 768;
}

// Settings component
this.http.get("http://localhost:8080/admin/all")
this.http.delete("http://localhost:8080/admin/delete", { body: user })

// UserFormDialog
this.http.post("http://localhost:8080/admin/create", { ... })
this.http.put("http://localhost:8080/admin/edit",    { ... })

// RegisterComponent
this.http.post("http://localhost:8080/admin/create", { ... })
this.http.post("http://localhost:8080/admin/login",  { ... })