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

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;
+}

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>

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() {