From 99d309b883c1b55950d707aec48358acef1aa873 Mon Sep 17 00:00:00 2001
From: apuente <apuente@qindel.com>
Date: Tue, 29 Oct 2024 13:44:11 +0100
Subject: [PATCH] refs #1062 Toggle sidebar on button

---
 ogWebconsole/src/app/layout/header/header.component.css      | 2 +-
 ogWebconsole/src/app/layout/header/header.component.html     | 2 +-
 .../src/app/layout/main-layout/main-layout.component.html    | 4 ++--
 .../src/app/layout/main-layout/main-layout.component.ts      | 5 +++--
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/ogWebconsole/src/app/layout/header/header.component.css b/ogWebconsole/src/app/layout/header/header.component.css
index 6e944a1..c551adc 100644
--- a/ogWebconsole/src/app/layout/header/header.component.css
+++ b/ogWebconsole/src/app/layout/header/header.component.css
@@ -20,6 +20,6 @@ button[mat-flat-button] {
     margin: 0 5px;
 }
 
-.navbar-tittle{
+.navbar-title{
     cursor: pointer;
 }
diff --git a/ogWebconsole/src/app/layout/header/header.component.html b/ogWebconsole/src/app/layout/header/header.component.html
index e161167..67a269b 100644
--- a/ogWebconsole/src/app/layout/header/header.component.html
+++ b/ogWebconsole/src/app/layout/header/header.component.html
@@ -1,5 +1,5 @@
 <mat-toolbar>
-  <span class="navbar-title" routerLink="/dashboard" i18n="@@webConsoleTitle">Opengnsys webconsole</span>
+  <span class="navbar-title" i18n="@@webConsoleTitle" (click)="onToggleSidebar()">Opengnsys webconsole</span>
   <div class="navbar-button-row">
     <button class="admin-button" *ngIf="isSuperAdmin" mat-button [matMenuTriggerFor]="menu" i18n="@@admin">Administración</button>
     <button class="user-button" mat-button *ngIf="!isSuperAdmin" (click)="editUser()" i18n="@@editUser">Editar usuario</button>
diff --git a/ogWebconsole/src/app/layout/main-layout/main-layout.component.html b/ogWebconsole/src/app/layout/main-layout/main-layout.component.html
index 7a97670..43b94b3 100644
--- a/ogWebconsole/src/app/layout/main-layout/main-layout.component.html
+++ b/ogWebconsole/src/app/layout/main-layout/main-layout.component.html
@@ -1,8 +1,8 @@
 <app-header class="header" (toggleSidebar)="toggleSidebar()"></app-header>
 
 <mat-drawer-container class="container" autosize>
-  <mat-drawer class="sidebar" mode="side" opened>
-    <app-sidebar [isVisible]="isSidebarVisible"></app-sidebar>
+  <mat-drawer class="sidebar" mode="side" [opened]="isSidebarVisible">
+    <app-sidebar></app-sidebar>
   </mat-drawer>
 
   <mat-drawer-content class="content">
diff --git a/ogWebconsole/src/app/layout/main-layout/main-layout.component.ts b/ogWebconsole/src/app/layout/main-layout/main-layout.component.ts
index 8017e31..dc6d912 100644
--- a/ogWebconsole/src/app/layout/main-layout/main-layout.component.ts
+++ b/ogWebconsole/src/app/layout/main-layout/main-layout.component.ts
@@ -1,11 +1,12 @@
 import { Component } from '@angular/core';
+
 @Component({
   selector: 'app-main-layout',
   templateUrl: './main-layout.component.html',
-  styleUrl: './main-layout.component.css',
+  styleUrls: ['./main-layout.component.css'],
 })
 export class MainLayoutComponent {
-  isSidebarVisible: boolean = false;
+  isSidebarVisible: boolean = true;
 
   toggleSidebar() {
     this.isSidebarVisible = !this.isSidebarVisible;