opengnsys
/
oggui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refs #1062 Toggle sidebar on button
testing/ogGui-multibranch/pipeline/head This commit looks good Details

oggui/translations
Alvaro Puente Mella 2024-10-29 13:44:11 +01:00
parent 07ac93c4af
commit 99d309b883
4 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ogWebconsole/src/app/layout/header/header.component.css
View File

@ -20,6 +20,6 @@ button[mat-flat-button] {
margin: 0 5px;
}
.navbar-tittle{
.navbar-title{
cursor: pointer;
}

2
ogWebconsole/src/app/layout/header/header.component.html
View File

@ -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>

4
ogWebconsole/src/app/layout/main-layout/main-layout.component.html
View File

@ -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">

5
ogWebconsole/src/app/layout/main-layout/main-layout.component.ts
View File

@ -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;