refs #1062 Toggle sidebar on button
testing/ogGui-multibranch/pipeline/head This commit looks good
Details
testing/ogGui-multibranch/pipeline/head This commit looks good
Details
parent
07ac93c4af
commit
99d309b883
|
@ -20,6 +20,6 @@ button[mat-flat-button] {
|
||||||
margin: 0 5px;
|
margin: 0 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-tittle{
|
.navbar-title{
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<mat-toolbar>
|
<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">
|
<div class="navbar-button-row">
|
||||||
<button class="admin-button" *ngIf="isSuperAdmin" mat-button [matMenuTriggerFor]="menu" i18n="@@admin">Administración</button>
|
<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>
|
<button class="user-button" mat-button *ngIf="!isSuperAdmin" (click)="editUser()" i18n="@@editUser">Editar usuario</button>
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
<app-header class="header" (toggleSidebar)="toggleSidebar()"></app-header>
|
<app-header class="header" (toggleSidebar)="toggleSidebar()"></app-header>
|
||||||
|
|
||||||
<mat-drawer-container class="container" autosize>
|
<mat-drawer-container class="container" autosize>
|
||||||
<mat-drawer class="sidebar" mode="side" opened>
|
<mat-drawer class="sidebar" mode="side" [opened]="isSidebarVisible">
|
||||||
<app-sidebar [isVisible]="isSidebarVisible"></app-sidebar>
|
<app-sidebar></app-sidebar>
|
||||||
</mat-drawer>
|
</mat-drawer>
|
||||||
|
|
||||||
<mat-drawer-content class="content">
|
<mat-drawer-content class="content">
|
||||||
|
|
|
@ -1,11 +1,12 @@
|
||||||
import { Component } from '@angular/core';
|
import { Component } from '@angular/core';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-main-layout',
|
selector: 'app-main-layout',
|
||||||
templateUrl: './main-layout.component.html',
|
templateUrl: './main-layout.component.html',
|
||||||
styleUrl: './main-layout.component.css',
|
styleUrls: ['./main-layout.component.css'],
|
||||||
})
|
})
|
||||||
export class MainLayoutComponent {
|
export class MainLayoutComponent {
|
||||||
isSidebarVisible: boolean = false;
|
isSidebarVisible: boolean = true;
|
||||||
|
|
||||||
toggleSidebar() {
|
toggleSidebar() {
|
||||||
this.isSidebarVisible = !this.isSidebarVisible;
|
this.isSidebarVisible = !this.isSidebarVisible;
|
||||||
|
|
Loading…
Reference in New Issue