115 lines
4.5 KiB
HTML
115 lines
4.5 KiB
HTML
<mat-toolbar>
|
|
<button mat-icon-button (click)="onToggleSidebar()" [matTooltip]="'toggleSidebar' | translate"
|
|
matTooltipShowDelay="1000" class="sidebar-toggle-button">
|
|
<mat-icon class="navbar-icon">menu</mat-icon>
|
|
</button>
|
|
|
|
<span class="navbar-title hide-on-small" [matTooltip]="'opengnsysWebConsole' | translate"
|
|
matTooltipShowDelay="1000">
|
|
</span>
|
|
|
|
@if (!isSmallScreen) {
|
|
<div class="navbar-actions-row">
|
|
<button routerLink="/commands-logs" mat-button>
|
|
<mat-icon class="trace-button" >notifications</mat-icon>
|
|
</button>
|
|
|
|
<div class="navbar-buttons-row">
|
|
<a class="ordinary-button download-agent-button" href="https://ognproject.evlt.uma.es/ogagent/" target="_blank" rel="noopener noreferrer"
|
|
[matTooltip]="'downloadOgAgent' | translate" matTooltipShowDelay="1000">
|
|
<mat-icon class="download-icon">download</mat-icon>
|
|
{{ 'downloadAgent' | translate }}
|
|
</a>
|
|
|
|
<button class="ordinary-button" (click)="showGlobalStatus()">
|
|
{{ 'GlobalStatus' | translate }}
|
|
</button>
|
|
|
|
@if (auth.userCategory === 'super-admin') {
|
|
<button class="ordinary-button" [matMenuTriggerFor]="menu"
|
|
[matTooltip]="'manageUsersAndRolesDesc' | translate" matTooltipShowDelay="1000">
|
|
{{ 'Administration' | translate }}
|
|
</button>
|
|
}
|
|
|
|
@if (auth.userCategory !== 'super-admin') {
|
|
<button class="ordinary-button" (click)="editUser()"
|
|
[matTooltip]="'editUserTooltip' | translate" matTooltipShowDelay="1000">
|
|
{{ 'changePassword' | translate }}
|
|
</button>
|
|
}
|
|
|
|
<button mat-button [matMenuTriggerFor]="langMenu" class="language-button">
|
|
<mat-icon>language</mat-icon>
|
|
{{ 'labelLanguage' | translate }}
|
|
<mat-icon iconPositionEnd>arrow_drop_down</mat-icon>
|
|
</button>
|
|
|
|
<button class="logout-button" (click)="logOut()" [matTooltip]="'logoutTooltip' | translate"
|
|
matTooltipShowDelay="1000">
|
|
{{ 'logout' | translate }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
<mat-menu #langMenu="matMenu">
|
|
@for (lang of availableLanguages; track lang.code) {
|
|
<button mat-menu-item (click)="switchLanguage(lang.code)" [disabled]="getCurrentLanguage() === lang.code">
|
|
<span>{{ lang.label }}</span>
|
|
</button>
|
|
}
|
|
</mat-menu>
|
|
|
|
<!-- Menú desplegable para pantallas pequeñas -->
|
|
@if (isSmallScreen) {
|
|
<div class="isSmallScreenButtons">
|
|
<button class="trace-button" routerLink="/commands-logs" mat-button>
|
|
<mat-icon>notifications</mat-icon>
|
|
</button>
|
|
<button class="smallScreenMenubutton" mat-icon-button [matMenuTriggerFor]="smallScreenMenu" [matTooltip]="'labelOptions' | translate" matTooltipShowDelay="1000">
|
|
<mat-icon>menu</mat-icon>
|
|
</button>
|
|
<mat-menu #smallScreenMenu="matMenu">
|
|
<a mat-menu-item href="https://ognproject.evlt.uma.es/ogagent/" target="_blank" rel="noopener noreferrer">
|
|
<mat-icon>download</mat-icon>
|
|
{{ 'downloadAgent' | translate }}
|
|
</a>
|
|
<button mat-menu-item (click)="showGlobalStatus()">
|
|
{{ 'GlobalStatus' | translate }}
|
|
</button>
|
|
@if (auth.userCategory === 'super-admin') {
|
|
<button mat-menu-item [matMenuTriggerFor]="menu">
|
|
{{ 'Administration' | translate }}
|
|
</button>
|
|
<button mat-menu-item (click)="editUser()">
|
|
{{ 'changePassword' | translate }}
|
|
</button>
|
|
}
|
|
<mat-divider></mat-divider>
|
|
<button mat-menu-item [matMenuTriggerFor]="langMenu">
|
|
<mat-icon>language</mat-icon>
|
|
{{ 'labelLanguage' | translate }}
|
|
</button>
|
|
</mat-menu>
|
|
<button class="logout-button" routerLink="/auth/login" [matTooltip]="'logoutTooltip' | translate"
|
|
matTooltipShowDelay="1000">
|
|
{{ 'logout' | translate }}
|
|
</button>
|
|
</div>
|
|
}
|
|
|
|
<mat-menu #menu="matMenu">
|
|
<button mat-menu-item routerLink="/users" [matTooltip]="'viewAndManageUsers' | translate"
|
|
matTooltipShowDelay="1000">
|
|
{{ 'labelUsers' | translate }}
|
|
</button>
|
|
<button mat-menu-item routerLink="/roles" [matTooltip]="'manageUserRoles' | translate" matTooltipShowDelay="1000">
|
|
{{ 'labelRoles' | translate }}
|
|
</button>
|
|
<button mat-menu-item routerLink="/env-vars" [matTooltip]="'manageEnvVars' | translate" matTooltipShowDelay="1000">
|
|
{{ 'labelEnvVars' | translate }}
|
|
</button>
|
|
</mat-menu>
|
|
</mat-toolbar>
|