refs #798 Add disabled class to sidebar menu items and API alerts

oggui/calendar
Alvaro Puente Mella 2024-10-04 09:52:33 +02:00
parent a060806595
commit 44ce76c9ba
3 changed files with 38 additions and 28 deletions

View File

@ -57,3 +57,9 @@ mat-icon {
.mat-nav-list .mat-list-item .sub-menu-item {
padding-left: 32px;
}
.disabled {
pointer-events: none;
cursor: not-allowed;
opacity: 0.5;
}

View File

@ -106,38 +106,40 @@
</mat-nav-list>
<!-- End ogBoot sub -->
<mat-list-item>
<span class="entry">
<mat-icon class="icon">settings_input_component</mat-icon>
<span i18n="@@components">Componentes</span>
</span>
</mat-list-item>
<mat-list-item>
<span class="entry">
<mat-icon class="icon">warehouse</mat-icon>
<span i18n="@@repositories">Repositorios</span>
</span>
</mat-list-item>
<mat-list-item>
<span class="entry">
<mat-icon class="icon">list</mat-icon>
<span i18n="@@menus">Menús</span>
</span>
</mat-list-item>
<mat-list-item>
<span class="entry">
<mat-icon class="icon">search</mat-icon>
<span i18n="@@search">Buscar</span>
</span>
</mat-list-item>
<mat-list-item routerLink="/calendars">
<span class="entry">
<mat-icon class="icon">calendar_month</mat-icon>
<span i18n="@@calendars">Calendarios</span>
</span>
</mat-list-item>
<mat-list-item class="disabled">
<span class="entry">
<mat-icon class="icon">settings_input_component</mat-icon>
<span i18n="@@components">Componentes</span>
</span>
</mat-list-item>
<mat-list-item class="disabled">
<span class="entry">
<mat-icon class="icon">warehouse</mat-icon>
<span i18n="@@repositories">Repositorios</span>
</span>
</mat-list-item>
<mat-list-item class="disabled">
<span class="entry">
<mat-icon class="icon">list</mat-icon>
<span i18n="@@menus">Menús</span>
</span>
</mat-list-item>
<mat-list-item class="disabled">
<span class="entry">
<mat-icon class="icon">search</mat-icon>
<span i18n="@@search">Buscar</span>
</span>
</mat-list-item>
</mat-nav-list>

View File

@ -16,9 +16,11 @@ export class SidebarComponent {
showCommandSub: boolean = false;
toggleOgBootSub() {
alert('El correcto funcionamiento de este componente está sujeto a la disponibilidad de la API de ogBoot');
this.showOgBootSub = !this.showOgBootSub;
}
toggleOgDhcpSub() {
alert('El correcto funcionamiento de este componente está sujeto a la disponibilidad de la API de ogDHCP');
this.showOgDhcpSub = !this.showOgDhcpSub;
}
toggleCommandSub() {