refs #1068 Bootfilename can be null & mattooltips

ogWebconsole/src/app/components/ogdhcp/og-dhcp-subnets/create-subnet/create-subnet.component.css

@@ -13,9 +13,9 @@ form{
 
 .list-item-content {
   display: flex;
-  align-items: flex-start; /* Alinea el contenido al inicio */
-  justify-content: space-between; /* Espacio entre los textos y los íconos */
-  width: 100%; /* Asegúrate de que el contenido ocupe todo el ancho */
+  align-items: flex-start;
+  justify-content: space-between;
+  width: 100%;
 }
 
 .text-content {
@@ -33,4 +33,3 @@ form{
   margin-left: 8px;
   cursor: pointer;
 }
-

ogWebconsole/src/app/components/ogdhcp/og-dhcp-subnets/create-subnet/create-subnet.component.html

@@ -16,21 +16,29 @@
           <mat-label>Dirección IP</mat-label>
           <input matInput [(ngModel)]="ipAddress" placeholder="Dirección IP" required>
         </mat-form-field>
-        <mat-form-field appearance="fill" class="full-width">
-          <mat-label>Next Server</mat-label>
-          <input matInput [(ngModel)]="nextServer" placeholder="Next Server" required>
-        </mat-form-field>
-        <mat-form-field appearance="fill" class="full-width">
-          <mat-label>Boot File Name</mat-label>
-          <input matInput [(ngModel)]="bootFileName" placeholder="Boot File Name" required>
-        </mat-form-field>
+
+        <!-- Parámetros Avanzados -->
+        <mat-expansion-panel>
+          <mat-expansion-panel-header>
+            <mat-panel-title>Parámetros avanzados</mat-panel-title>
+          </mat-expansion-panel-header>
+
+          <mat-form-field appearance="fill" class="full-width">
+            <mat-label>Next Server</mat-label>
+            <input matInput [(ngModel)]="nextServer" placeholder="Next Server">
+          </mat-form-field>
+          <mat-form-field appearance="fill" class="full-width">
+            <mat-label>Boot File Name</mat-label>
+            <input matInput [(ngModel)]="bootFileName" placeholder="Boot File Name">
+          </mat-form-field>
+        </mat-expansion-panel>
       </div>
     </mat-tab>
 
     <mat-tab *ngIf="isEditMode" label="Clientes">
       <mat-list>
         <ng-container *ngFor="let client of clients">
-          <mat-list-item >
+          <mat-list-item>
             <div class="list-item-content">
               <mat-icon matListItemIcon>computer</mat-icon>
               <div class="text-content">

ogWebconsole/src/app/components/ogdhcp/og-dhcp-subnets/create-subnet/create-subnet.component.ts

@@ -58,8 +58,8 @@ export class CreateSubnetComponent implements OnInit {
       name: this.name,
       netmask: this.netmask,
       ipAddress: this.ipAddress,
-      nextServer: this.nextServer,
-      bootFileName: this.bootFileName
+      nextServer: this.nextServer || null, 
+      bootFileName: this.bootFileName || null  
     };
 
     if (!this.data){

ogWebconsole/src/app/layout/header/header.component.html

@@ -1,15 +1,35 @@
 <mat-toolbar>
-  <span class="navbar-title" i18n="@@webConsoleTitle">Opengnsys webconsole</span>
-  <button mat-icon-button (click)="onToggleSidebar()">
-    <mat-icon class="navbar-icon" >menu</mat-icon>
+  <span class="navbar-title" i18n="@@webConsoleTitle" matTooltip="Consola web de administración de Opengnsys" matTooltipShowDelay="1000">
+    Opengnsys webconsole
+  </span>
+  
+  <button mat-icon-button (click)="onToggleSidebar()" matTooltip="Abrir o cerrar la barra lateral" matTooltipShowDelay="1000">
+    <mat-icon class="navbar-icon">menu</mat-icon>
   </button>
+  
   <div class="navbar-button-row">
-    <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="admin-button" *ngIf="isSuperAdmin" mat-button [matMenuTriggerFor]="menu" i18n="@@admin" 
+      matTooltip="Gestión de usuarios y roles de la aplicación" matTooltipShowDelay="1000">
+      Administración
+    </button>
+    
+    <button class="user-button" mat-button *ngIf="!isSuperAdmin" (click)="editUser()" i18n="@@editUser" 
+      matTooltip="Editar tu información de usuario" matTooltipShowDelay="1000">
+      Editar usuario
+    </button>
+    
     <mat-menu #menu="matMenu">
-      <button mat-menu-item routerLink="/users" i18n="@@usersMenuItem">Usuarios</button>
-      <button mat-menu-item routerLink="/user-groups" i18n="@@rolesMenuItem">Roles</button>
+      <button mat-menu-item routerLink="/users" i18n="@@usersMenuItem" matTooltip="Ver y gestionar todos los usuarios" matTooltipShowDelay="1000">
+        Usuarios
+      </button>
+      <button mat-menu-item routerLink="/user-groups" i18n="@@rolesMenuItem" matTooltip="Gestionar roles de usuario" matTooltipShowDelay="1000">
+        Roles
+      </button>
     </mat-menu>
-    <button mat-flat-button color="warn" routerLink="/auth/login" i18n="@@logout">Salir</button>
+    
+    <button mat-flat-button color="warn" routerLink="/auth/login" i18n="@@logout" 
+      matTooltip="Cerrar sesión y salir de la aplicación" matTooltipShowDelay="1000">
+      Salir
+    </button>
   </div>
 </mat-toolbar>

ogWebconsole/src/app/layout/sidebar/sidebar.component.html

@@ -1,57 +1,55 @@
 <mat-nav-list>
   <mat-list-item disabled>
-    <span class="user-logged">
+    <span class="user-logged" matTooltip="Bienvenido, {{username}}" matTooltipShowDelay="1000">
       <span i18n="@@welcomeUser">Bienvenido {{username}}</span>
     </span>
   </mat-list-item>
 
   <mat-divider></mat-divider>
 
-  <mat-list-item routerLink="/groups">
+  <mat-list-item routerLink="/groups" matTooltip="Gestionar grupos de usuarios" matTooltipShowDelay="1000">
     <span class="entry">
       <mat-icon class="icon">apartment</mat-icon>
       <span i18n="@@groups">Grupos</span>
     </span>
   </mat-list-item>
 
-  <mat-list-item>
-    <span class="entry" (click)="toggleCommandSub()">
-      <mat-icon class="icon">playlist_play </mat-icon>
+  <mat-list-item (click)="toggleCommandSub()" matTooltip="Ver y ejecutar acciones predefinidas" matTooltipShowDelay="1000">
+    <span class="entry">
+      <mat-icon class="icon">playlist_play</mat-icon>
       <span i18n="@@actions">Acciones</span>
     </span>
   </mat-list-item>
 
   <!-- Submenu items for commands -->
   <mat-nav-list *ngIf="showCommandSub" style="padding-left: 20px;">
-    <mat-list-item routerLink="/commands">
+    <mat-list-item routerLink="/commands" matTooltip="Lista de comandos disponibles" matTooltipShowDelay="1000">
       <span class="entry">
         <mat-icon class="icon">chevron_right</mat-icon>
         <span i18n="@@gallery">Comandos</span>
       </span>
     </mat-list-item>
-    <mat-list-item routerLink="/commands-groups">
+    <mat-list-item routerLink="/commands-groups" matTooltip="Gestionar grupos de comandos" matTooltipShowDelay="1000">
       <span class="entry">
         <mat-icon class="icon">chevron_right</mat-icon>
         <span i18n="@@gallery">Grupos</span>
       </span>
     </mat-list-item>
-    <mat-list-item routerLink="/commands-task">
+    <mat-list-item routerLink="/commands-task" matTooltip="Ver y gestionar tareas programadas" matTooltipShowDelay="1000">
       <span class="entry">
         <mat-icon class="icon">chevron_right</mat-icon>
         <span i18n="@@gallery">Tareas</span>
       </span>
     </mat-list-item>
-    <mat-list-item routerLink="/commands-logs">
+    <mat-list-item routerLink="/commands-logs" matTooltip="Revisar trazas de ejecución de comandos" matTooltipShowDelay="1000">
       <span class="entry">
         <mat-icon class="icon">notifications</mat-icon>
         <span i18n="@@gallery">Trazas</span>
       </span>
     </mat-list-item>
   </mat-nav-list>
-  <!-- End commands sub -->
 
-  <!-- OGDHCP -->
-  <mat-list-item (click)="toggleOgDhcpSub()">
+  <mat-list-item (click)="toggleOgDhcpSub()" matTooltip="Configurar y administrar DHCP" matTooltipShowDelay="1000">
     <span class="entry">
       <mat-icon class="icon">settings_ethernet</mat-icon>
       <span i18n="@@images">DHCP</span>
@@ -60,23 +58,21 @@
 
   <!-- Submenu items ogdhcp -->
   <mat-nav-list *ngIf="showOgDhcpSub" style="padding-left: 20px;">
-    <mat-list-item routerLink="/ogdhcp-status">
+    <mat-list-item routerLink="/ogdhcp-status" matTooltip="Estado actual del servicio DHCP" matTooltipShowDelay="1000">
       <span class="entry">
         <mat-icon class="icon">analytics</mat-icon>
         <span i18n="@@gallery">Estado</span>
       </span>
     </mat-list-item>
-    <mat-list-item routerLink="/subnets">
+    <mat-list-item routerLink="/subnets" matTooltip="Gestionar y crea subredes" matTooltipShowDelay="1000">
       <span class="entry">
         <mat-icon class="icon">lan</mat-icon>
         <span i18n="@@gallery">Subredes</span>
       </span>
     </mat-list-item>
   </mat-nav-list>
-  <!-- Submenu items ogdhcp -->
 
-
-  <mat-list-item (click)="toggleOgBootSub()">
+  <mat-list-item (click)="toggleOgBootSub()" matTooltip="Configurar y administrar opciones de arranque" matTooltipShowDelay="1000">
     <span class="entry">
       <mat-icon class="icon">desktop_windows</mat-icon>
       <span i18n="@@images">Boot</span>
@@ -85,41 +81,40 @@
 
   <!-- Submenu items for ogBoot -->
   <mat-nav-list *ngIf="showOgBootSub" style="padding-left: 20px;">
-    <mat-list-item routerLink="/ogboot-status">
+    <mat-list-item routerLink="/ogboot-status" matTooltip="Estado del servicio de arranque" matTooltipShowDelay="1000">
       <span class="entry">
         <mat-icon class="icon">analytics</mat-icon>
         <span i18n="@@gallery">Estado</span>
       </span>
     </mat-list-item>
-    <mat-list-item routerLink="/pxe-images">
+    <mat-list-item routerLink="/pxe-images" matTooltip="Ver imágenes disponibles para arranque PXE" matTooltipShowDelay="1000">
       <span class="entry">
         <mat-icon class="icon">album</mat-icon>
         <span i18n="@@gallery">ogLive</span>
       </span>
     </mat-list-item>
-    <mat-list-item routerLink="/pxe">
+    <mat-list-item routerLink="/pxe" matTooltip="Gestionar plantillas de arranque PXE" matTooltipShowDelay="1000">
       <span class="entry">
         <mat-icon class="icon">assignment</mat-icon>
         <span i18n="@@upload">Plantillas PXE</span>
       </span>
     </mat-list-item>
-    <mat-list-item routerLink="/pxe-boot-file">
+    <mat-list-item routerLink="/pxe-boot-file" matTooltip="Configurar archivos de arranque PXE" matTooltipShowDelay="1000">
       <span class="entry">
         <mat-icon class="icon">save</mat-icon>
         <span i18n="@@upload">Arranque PXE</span>
       </span>
     </mat-list-item>
   </mat-nav-list>
-  <!-- End ogBoot sub -->
 
-  <mat-list-item routerLink="/calendars">
+  <mat-list-item routerLink="/calendars" matTooltip="Gestionar calendarios de remotePC" matTooltipShowDelay="1000">
     <span class="entry">
       <mat-icon class="icon">calendar_month</mat-icon>
       <span i18n="@@calendars">Calendarios</span>
     </span>
   </mat-list-item>
 
-  <mat-list-item (click)="toggleSoftwareSub()">
+  <mat-list-item (click)="toggleSoftwareSub()" matTooltip="Administrar configuraciones de software" matTooltipShowDelay="1000">
     <span class="entry">
       <mat-icon class="icon">terminal</mat-icon>
       <span i18n="@@images">Software</span>
@@ -128,19 +123,19 @@
 
   <!-- Submenu items ogdhcp -->
   <mat-nav-list *ngIf="showSoftwareSub" style="padding-left: 20px;">
-    <mat-list-item routerLink="/software">
+    <mat-list-item routerLink="/software" matTooltip="Ver lista de software disponible" matTooltipShowDelay="1000">
       <span class="entry">
         <mat-icon class="icon">list</mat-icon>
-        <span i18n="@@gallery">Listado </span>
+        <span i18n="@@gallery">Listado</span>
       </span>
     </mat-list-item>
-    <mat-list-item routerLink="/software-profiles">
+    <mat-list-item routerLink="/software-profiles" matTooltip="Gestionar perfiles de software" matTooltipShowDelay="1000">
       <span class="entry">
         <mat-icon class="icon">folder_shared</mat-icon>
         <span i18n="@@gallery">Perfiles</span>
       </span>
     </mat-list-item>
-    <mat-list-item routerLink="/operative-systems">
+    <mat-list-item routerLink="/operative-systems" matTooltip="Configurar sistemas operativos" matTooltipShowDelay="1000">
       <span class="entry">
         <mat-icon class="icon">terminal</mat-icon>
         <span i18n="@@gallery">S. Operativos</span>
@@ -148,33 +143,31 @@
     </mat-list-item>
   </mat-nav-list>
 
-  <mat-list-item routerLink="/images">
+  <mat-list-item routerLink="/images" matTooltip="Gestionar imágenes del sistema" matTooltipShowDelay="1000">
     <span class="entry">
       <mat-icon class="icon">photo</mat-icon>
-      <span i18n="@@images">imágenes</span>
+      <span i18n="@@images">Imágenes</span>
     </span>
   </mat-list-item>
 
-  <mat-list-item routerLink="/repositories">
+  <mat-list-item routerLink="/repositories" matTooltip="Ver y gestionar repositorios de software" matTooltipShowDelay="1000">
     <span class="entry">
       <mat-icon class="icon">warehouse</mat-icon>
       <span i18n="@@repositories">Repositorios</span>
     </span>
   </mat-list-item>
 
-  <mat-list-item class="disabled">
+  <mat-list-item class="disabled" matTooltip="Gestión de menús (opción deshabilitada)" matTooltipShowDelay="1000">
     <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">
+  <mat-list-item class="disabled" matTooltip="Función de búsqueda (opción deshabilitada)" matTooltipShowDelay="1000">
     <span class="entry">
       <mat-icon class="icon">search</mat-icon>
       <span i18n="@@search">Buscar</span>
     </span>
   </mat-list-item>
-
-
 </mat-nav-list>