From 44ce76c9bab8841bf09c982cd0f1d3ab80337956 Mon Sep 17 00:00:00 2001
From: apuente <apuente@qindel.com>
Date: Fri, 4 Oct 2024 09:52:33 +0200
Subject: [PATCH] refs #798 Add disabled class to sidebar menu items and API
 alerts

---
 .../app/layout/sidebar/sidebar.component.css  |  6 ++
 .../app/layout/sidebar/sidebar.component.html | 58 ++++++++++---------
 .../app/layout/sidebar/sidebar.component.ts   |  2 +
 3 files changed, 38 insertions(+), 28 deletions(-)

diff --git a/ogWebconsole/src/app/layout/sidebar/sidebar.component.css b/ogWebconsole/src/app/layout/sidebar/sidebar.component.css
index a74eca6..e3b2608 100644
--- a/ogWebconsole/src/app/layout/sidebar/sidebar.component.css
+++ b/ogWebconsole/src/app/layout/sidebar/sidebar.component.css
@@ -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;
+}
\ No newline at end of file
diff --git a/ogWebconsole/src/app/layout/sidebar/sidebar.component.html b/ogWebconsole/src/app/layout/sidebar/sidebar.component.html
index 7d66181..8dd4ece 100644
--- a/ogWebconsole/src/app/layout/sidebar/sidebar.component.html
+++ b/ogWebconsole/src/app/layout/sidebar/sidebar.component.html
@@ -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>
diff --git a/ogWebconsole/src/app/layout/sidebar/sidebar.component.ts b/ogWebconsole/src/app/layout/sidebar/sidebar.component.ts
index 963703f..8212934 100644
--- a/ogWebconsole/src/app/layout/sidebar/sidebar.component.ts
+++ b/ogWebconsole/src/app/layout/sidebar/sidebar.component.ts
@@ -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() {