From d80a2beacb03324731fe41254b6440b9d686f844 Mon Sep 17 00:00:00 2001
From: apuente <apuente@qindel.com>
Date: Tue, 30 Jul 2024 15:27:32 +0200
Subject: [PATCH] Internacionalization missing words

---
 .../classroom-view.component.html             |   9 +-
 .../client-view/client-view.component.html    |  34 +++--
 .../create-client.component.html              | 136 +++++++++---------
 .../edit-client/edit-client.component.html    |  42 +++---
 .../delete-groups-modal.component.ts          |  18 +--
 .../delete-modal/delete-modal.component.ts    |  17 +--
 .../groups/legend/legend.component.html       |  10 +-
 .../create-organizational-unit.component.html |  78 +++++-----
 .../edit-organizational-unit.component.html   |  78 +++++-----
 .../show-organizational-unit.component.html   |  28 ++--
 .../groups/tree-view/tree-view.component.html |   7 +-
 .../layout/header/header.component.html       |  20 +--
 .../layout/sidebar/sidebar.component.html     |  18 +--
 .../app/components/login/login.component.html |  50 +++----
 .../pages/admin/admin.component.html          |   4 +-
 .../add-role-modal.component.html             |  25 ++--
 .../delete-role-modal.component.html          |   8 +-
 .../admin/roles/roles/roles.component.html    |  11 +-
 .../add-user-modal.component.html             |  16 +--
 .../change-password-modal.component.html      |  30 ++--
 .../delete-user-modal.component.html          |   8 +-
 .../edit-user-modal.component.html            |  15 +-
 .../admin/users/users/users.component.html    |  12 +-
 23 files changed, 340 insertions(+), 334 deletions(-)

diff --git a/ogWebconsole/src/app/components/groups/classroom-view/classroom-view.component.html b/ogWebconsole/src/app/components/groups/classroom-view/classroom-view.component.html
index 8f75087..647c54a 100644
--- a/ogWebconsole/src/app/components/groups/classroom-view/classroom-view.component.html
+++ b/ogWebconsole/src/app/components/groups/classroom-view/classroom-view.component.html
@@ -1,9 +1,8 @@
-
 <div class="classroom">
   <mat-card *ngFor="let group of groupedClients" class="classroom-group">
     <div class="misc-clients">
-      <div class="classroom-board" cdkDrag cdkDragBoundary=".classroom">Pizarra digital</div>
-      <img mat-card-image src="assets/images/proyector.png" alt="Proyector" class="proyector-image" cdkDrag cdkDragBoundary=".classroom"/>
+      <div class="classroom-board" cdkDrag cdkDragBoundary=".classroom" i18n="@@digital-board">Pizarra digital</div>
+      <img mat-card-image src="assets/images/proyector.png" alt="Proyector" class="proyector-image" cdkDrag cdkDragBoundary=".classroom" i18n-alt="@@projector-alt"/>
     </div>
     <div *ngFor="let row of group.clientRows" class="client-row">
       <div class="client-container" *ngFor="let client of row" 
@@ -11,7 +10,7 @@
         <div class="client-box" (dblclick)="handleClientClick(client)">
           <mat-card appearance="outlined">
             <div class="client-image-container">
-              <img mat-card-image src="assets/images/client.png" alt="Client" class="client-image"/>
+              <img mat-card-image src="assets/images/client.png" alt="Client" class="client-image" i18n-alt="@@client-image-alt"/>
               <div class="client-info">
                 <div class="client-name">{{ client.name }}</div>
                 <div class="client-details">
@@ -25,4 +24,4 @@
     </div>
   </mat-card>
 </div>
-<button mat-flat-button class="saveDisposition-btn" color="primary" (click)="saveDisposition()">Guardar disposición</button>
+<button mat-flat-button class="saveDisposition-btn" color="primary" (click)="saveDisposition()" i18n="@@save-disposition-button">Guardar disposición</button>
diff --git a/ogWebconsole/src/app/components/groups/client-view/client-view.component.html b/ogWebconsole/src/app/components/groups/client-view/client-view.component.html
index 3ddfe30..1f97a50 100644
--- a/ogWebconsole/src/app/components/groups/client-view/client-view.component.html
+++ b/ogWebconsole/src/app/components/groups/client-view/client-view.component.html
@@ -1,14 +1,20 @@
-<h1 mat-dialog-title>Propiedades cliente</h1>
+<h1 mat-dialog-title i18n="@@client-properties-title">Propiedades cliente</h1>
 <mat-dialog-content>
   <mat-tab-group dynamicHeight>
+    <mat-tab label="Datos generales" i18n-tab="@@general-data-tab">Datos generales</mat-tab>
+    <mat-tab label="Propiedades de red" i18n-tab="@@network-properties-tab">Propiedades de red</mat-tab>
+    <mat-tab label="Propiedades del aula" i18n-tab="@@classroom-properties-tab">Propiedades del aula</mat-tab>
+    <mat-tab label="Acciones" i18n-tab="@@actions-tab">Acciones</mat-tab>
+    <mat-tab label="Particiones" i18n-tab="@@partitions-tab">Particiones</mat-tab>
+
     <mat-tab label="Datos generales">
       <table mat-table [dataSource]="generalData" class="mat-elevation-z8">
         <ng-container matColumnDef="property">
-          <th mat-header-cell *matHeaderCellDef class="fixed-column"> Propiedad </th>
+          <th mat-header-cell *matHeaderCellDef class="fixed-column" i18n="@@property-header">Propiedad</th>
           <td mat-cell *matCellDef="let element" class="fixed-column"> {{element.property}} </td>
         </ng-container>
         <ng-container matColumnDef="value">
-          <th mat-header-cell *matHeaderCellDef> Valor </th>
+          <th mat-header-cell *matHeaderCellDef i18n="@@value-header">Valor</th>
           <td mat-cell *matCellDef="let element"> {{element.value}} </td>
         </ng-container>
         <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
@@ -18,11 +24,11 @@
     <mat-tab label="Propiedades de red">
       <table mat-table [dataSource]="networkData" class="mat-elevation-z8">
         <ng-container matColumnDef="property">
-          <th mat-header-cell *matHeaderCellDef class="fixed-column"> Propiedad </th>
+          <th mat-header-cell *matHeaderCellDef class="fixed-column" i18n="@@property-header">Propiedad</th>
           <td mat-cell *matCellDef="let element" class="fixed-column"> {{element.property}} </td>
         </ng-container>
         <ng-container matColumnDef="value">
-          <th mat-header-cell *matHeaderCellDef> Valor </th>
+          <th mat-header-cell *matHeaderCellDef i18n="@@value-header">Valor</th>
           <td mat-cell *matCellDef="let element"> {{element.value}} </td>
         </ng-container>
         <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
@@ -32,11 +38,11 @@
     <mat-tab label="Propiedades del aula">
       <table mat-table [dataSource]="classroomData" class="mat-elevation-z8">
         <ng-container matColumnDef="property">
-          <th mat-header-cell *matHeaderCellDef class="fixed-column"> Propiedad </th>
+          <th mat-header-cell *matHeaderCellDef class="fixed-column" i18n="@@property-header">Propiedad</th>
           <td mat-cell *matCellDef="let element" class="fixed-column"> {{element.property}} </td>
         </ng-container>
         <ng-container matColumnDef="value">
-          <th mat-header-cell *matHeaderCellDef> Valor </th>
+          <th mat-header-cell *matHeaderCellDef i18n="@@value-header">Valor</th>
           <td mat-cell *matCellDef="let element"> {{element.value}} </td>
         </ng-container>
         <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
@@ -45,12 +51,12 @@
     </mat-tab>
     <mat-tab label="Acciones">
       <div class="button-column">
-        <button mat-flat-button color="primary" class="button-action button-encender">Encender</button>
-        <button mat-flat-button color="accent" class="button-action button-apagar">Apagar</button>
-        <button mat-flat-button color="warn" class="button-action button-resetear">Resetear</button>
-        <button mat-flat-button class="button-action button-otros-1">Otras acciones 1</button>
-        <button mat-flat-button class="button-action button-otros-2">Otras acciones 2</button>
-        <button mat-flat-button class="button-action button-otros-3">Otras acciones 3</button>
+        <button mat-flat-button color="primary" class="button-action button-encender" i18n="@@power-on-button">Encender</button>
+        <button mat-flat-button color="accent" class="button-action button-apagar" i18n="@@power-off-button">Apagar</button>
+        <button mat-flat-button color="warn" class="button-action button-resetear" i18n="@@reset-button">Resetear</button>
+        <button mat-flat-button class="button-action button-otros-1" i18n="@@other-actions-1">Otras acciones 1</button>
+        <button mat-flat-button class="button-action button-otros-2" i18n="@@other-actions-2">Otras acciones 2</button>
+        <button mat-flat-button class="button-action button-otros-3" i18n="@@other-actions-3">Otras acciones 3</button>
       </div>
     </mat-tab>
     <mat-tab label="Particiones">
@@ -58,5 +64,5 @@
   </mat-tab-group>
 </mat-dialog-content>
 <mat-dialog-actions>
-  <button mat-button mat-dialog-close (click)="onNoClick()">Cerrar</button>
+  <button mat-button mat-dialog-close (click)="onNoClick()" i18n="@@close-button">Cerrar</button>
 </mat-dialog-actions>
diff --git a/ogWebconsole/src/app/components/groups/clients/create-client/create-client.component.html b/ogWebconsole/src/app/components/groups/clients/create-client/create-client.component.html
index 0458898..88d1eef 100644
--- a/ogWebconsole/src/app/components/groups/clients/create-client/create-client.component.html
+++ b/ogWebconsole/src/app/components/groups/clients/create-client/create-client.component.html
@@ -1,69 +1,71 @@
 <div class="create-client-container">
-<h1 mat-dialog-title>Añadir Cliente</h1>
-<div class="mat-dialog-content" [ngClass]="{'loading': loading}">
-  <mat-spinner class="loading-spinner" *ngIf="loading"></mat-spinner>
-  <form [formGroup]="clientForm" class="client-form" *ngIf="!loading">
-    <mat-form-field class="form-field">
-      <mat-label>Padre</mat-label>
-      <mat-select formControlName="organizationalUnit">
-        <mat-option *ngFor="let unit of parentUnits" [value]="unit['@id']">
-          <div class="unit-name">{{ unit.name }}</div>
-          <div class="unit-path">{{ unit.path }}</div>
-        </mat-option>
-      </mat-select>
-    </mat-form-field>
-    <mat-form-field class="form-field">
-      <mat-label>Nombre</mat-label>
-      <input matInput formControlName="name" >
-    </mat-form-field>
-    <mat-form-field class="form-field">
-      <mat-label>Número de Serie</mat-label>
-      <input matInput formControlName="serialNumber" >
-    </mat-form-field>
-    <mat-form-field class="form-field">
-      <mat-label>Interfaz de red</mat-label>
-      <mat-select formControlName="netiface" >
-        <mat-option *ngFor="let type of netifaceTypes" value="{{ type.value }}">
-          {{ type.name }}
-        </mat-option>
-      </mat-select>
-    </mat-form-field>
-    <mat-form-field class="form-field">
-      <mat-label>Controlador de red</mat-label>
-      <mat-select formControlName="netDriver" >
-        <mat-option *ngFor="let type of netDriverTypes" value="{{ type.value }}">
-          {{ type.name }}
-        </mat-option>
-      </mat-select>
-    </mat-form-field>
-    <mat-form-field class="form-field">
-      <mat-label>MAC</mat-label>
-      <mat-hint>Ejemplo: 00:11:22:33:44:55</mat-hint>
-      <input matInput formControlName="mac" >
-      <mat-error>Formato de MAC inválido. Ejemplo válido: 00:11:22:33:44:55</mat-error>
-    </mat-form-field>
-    <mat-form-field class="form-field">
-      <mat-label>Dirección IP</mat-label>
-      <mat-hint>Ejemplo: 127.0.0.1</mat-hint>
-      <input matInput formControlName="ip">
-      <mat-error>Formato de dirección IP inválido. Ejemplo válido: 127.0.0.1</mat-error>
-    </mat-form-field>
-    <mat-form-field class="form-field">
-      <mat-label>Menú URL</mat-label>
-      <input matInput formControlName="menu" type="url">
-      <mat-error>Formato de URL inválido.</mat-error>
-    </mat-form-field>
-    <mat-form-field class="form-field">
-      <mat-label>Perfil de Hardware</mat-label>
-      <mat-select formControlName="hardwareProfile">
-        <mat-option *ngFor="let unit of hardwareProfiles" [value]="unit['@id']">{{ unit.description }} </mat-option>
-      </mat-select>
-      <mat-error>Formato de URL inválido.</mat-error>
-    </mat-form-field>
-  </form>
-</div>
-<div mat-dialog-actions>
-  <button mat-button (click)="onNoClick()">Cancelar</button>
-  <button mat-button [disabled]="!clientForm.valid" (click)="onSubmit()">Añadir</button>
-</div>
+  <h1 mat-dialog-title i18n="@@add-client-dialog-title">Añadir Cliente</h1>
+  <div class="mat-dialog-content" [ngClass]="{'loading': loading}">
+    <mat-spinner class="loading-spinner" *ngIf="loading"></mat-spinner>
+    <form [formGroup]="clientForm" class="client-form" *ngIf="!loading">
+      <mat-form-field class="form-field">
+        <mat-label i18n="@@organizational-unit-label">Padre</mat-label>
+        <mat-select formControlName="organizationalUnit">
+          <mat-option *ngFor="let unit of parentUnits" [value]="unit['@id']">
+            <div class="unit-name">{{ unit.name }}</div>
+            <div class="unit-path">{{ unit.path }}</div>
+          </mat-option>
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field class="form-field">
+        <mat-label i18n="@@name-label">Nombre</mat-label>
+        <input matInput formControlName="name">
+      </mat-form-field>
+      <mat-form-field class="form-field">
+        <mat-label i18n="@@serial-number-label">Número de Serie</mat-label>
+        <input matInput formControlName="serialNumber">
+      </mat-form-field>
+      <mat-form-field class="form-field">
+        <mat-label i18n="@@netiface-label">Interfaz de red</mat-label>
+        <mat-select formControlName="netiface">
+          <mat-option *ngFor="let type of netifaceTypes" [value]="type.value">
+            {{ type.name }}
+          </mat-option>
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field class="form-field">
+        <mat-label i18n="@@net-driver-label">Controlador de red</mat-label>
+        <mat-select formControlName="netDriver">
+          <mat-option *ngFor="let type of netDriverTypes" [value]="type.value">
+            {{ type.name }}
+          </mat-option>
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field class="form-field">
+        <mat-label i18n="@@mac-label">MAC</mat-label>
+        <mat-hint i18n="@@mac-hint">Ejemplo: 00:11:22:33:44:55</mat-hint>
+        <input matInput formControlName="mac">
+        <mat-error i18n="@@mac-error">Formato de MAC inválido. Ejemplo válido: 00:11:22:33:44:55</mat-error>
+      </mat-form-field>
+      <mat-form-field class="form-field">
+        <mat-label i18n="@@ip-label">Dirección IP</mat-label>
+        <mat-hint i18n="@@ip-hint">Ejemplo: 127.0.0.1</mat-hint>
+        <input matInput formControlName="ip">
+        <mat-error i18n="@@ip-error">Formato de dirección IP inválido. Ejemplo válido: 127.0.0.1</mat-error>
+      </mat-form-field>
+      <mat-form-field class="form-field">
+        <mat-label i18n="@@menu-url-label">Menú URL</mat-label>
+        <input matInput formControlName="menu" type="url">
+        <mat-error i18n="@@menu-url-error">Formato de URL inválido.</mat-error>
+      </mat-form-field>
+      <mat-form-field class="form-field">
+        <mat-label i18n="@@hardware-profile-label">Perfil de Hardware</mat-label>
+        <mat-select formControlName="hardwareProfile">
+          <mat-option *ngFor="let unit of hardwareProfiles" [value]="unit['@id']">
+            {{ unit.description }}
+          </mat-option>
+        </mat-select>
+        <mat-error i18n="@@hardware-profile-error">Formato de URL inválido.</mat-error>
+      </mat-form-field>
+    </form>
+  </div>
+  <div mat-dialog-actions>
+    <button mat-button (click)="onNoClick()" i18n="@@cancel-button">Cancelar</button>
+    <button mat-button [disabled]="!clientForm.valid" (click)="onSubmit()" i18n="@@add-button">Añadir</button>
+  </div>
 </div>
diff --git a/ogWebconsole/src/app/components/groups/clients/edit-client/edit-client.component.html b/ogWebconsole/src/app/components/groups/clients/edit-client/edit-client.component.html
index 7ed4b23..dd18a6e 100644
--- a/ogWebconsole/src/app/components/groups/clients/edit-client/edit-client.component.html
+++ b/ogWebconsole/src/app/components/groups/clients/edit-client/edit-client.component.html
@@ -1,23 +1,25 @@
-<h1 mat-dialog-title>Editar Cliente</h1>
+<h1 mat-dialog-title i18n="@@edit-client-dialog-title">Editar Cliente</h1>
 <div class="mat-dialog-content" [ngClass]="{'loading': loading}">
   <mat-spinner class="loading-spinner" *ngIf="loading"></mat-spinner>
   <form [formGroup]="clientForm" class="client-form" *ngIf="!loading">
     <mat-form-field class="form-field">
-      <mat-label>Padre</mat-label>
+      <mat-label i18n="@@organizational-unit-label">Padre</mat-label>
       <mat-select formControlName="organizationalUnit">
-        <mat-option *ngFor="let unit of parentUnits" [value]="unit['@id']">{{ unit.name }}</mat-option>
+        <mat-option *ngFor="let unit of parentUnits" [value]="unit['@id']">
+          {{ unit.name }}
+        </mat-option>
       </mat-select>
     </mat-form-field>
     <mat-form-field class="form-field">
-      <mat-label>Nombre</mat-label>
+      <mat-label i18n="@@name-label">Nombre</mat-label>
       <input matInput formControlName="name">
     </mat-form-field>
     <mat-form-field class="form-field">
-      <mat-label>Número de Serie</mat-label>
+      <mat-label i18n="@@serial-number-label">Número de Serie</mat-label>
       <input matInput formControlName="serialNumber">
     </mat-form-field>
     <mat-form-field class="form-field">
-      <mat-label>Interfaz de red</mat-label>
+      <mat-label i18n="@@netiface-label">Interfaz de red</mat-label>
       <mat-select formControlName="netiface">
         <mat-option *ngFor="let type of netifaceTypes" [value]="type.value">
           {{ type.name }}
@@ -25,7 +27,7 @@
       </mat-select>
     </mat-form-field>
     <mat-form-field class="form-field">
-      <mat-label>Controlador de red</mat-label>
+      <mat-label i18n="@@net-driver-label">Controlador de red</mat-label>
       <mat-select formControlName="netDriver">
         <mat-option *ngFor="let type of netDriverTypes" [value]="type.value">
           {{ type.name }}
@@ -33,30 +35,34 @@
       </mat-select>
     </mat-form-field>
     <mat-form-field class="form-field">
-      <mat-label>MAC</mat-label>
+      <mat-label i18n="@@mac-label">MAC</mat-label>
       <input matInput formControlName="mac">
-      <mat-error>Formato de MAC inválido. Ejemplo válido: 00:11:22:33:44:55</mat-error>
+      <mat-error i18n="@@mac-error">Formato de MAC inválido. Ejemplo válido: 00:11:22:33:44:55</mat-error>
     </mat-form-field>
     <mat-form-field class="form-field">
-      <mat-label>Dirección IP</mat-label>
+      <mat-label i18n="@@ip-label">Dirección IP</mat-label>
       <input matInput formControlName="ip">
-      <mat-error>Formato de dirección IP inválido. Ejemplo válido: 127.0.0.1</mat-error>
+      <mat-error i18n="@@ip-error">Formato de dirección IP inválido. Ejemplo válido: 127.0.0.1</mat-error>
     </mat-form-field>
     <mat-form-field class="form-field">
-      <mat-label>Menú URL</mat-label>
+      <mat-label i18n="@@menu-url-label">Menú URL</mat-label>
       <input matInput formControlName="menu" type="url">
-      <mat-error>Formato de URL inválido.</mat-error>
+      <mat-error i18n="@@menu-url-error">Formato de URL inválido.</mat-error>
     </mat-form-field>
     <mat-form-field class="form-field">
-      <mat-label>Perfil de Hardware</mat-label>
+      <mat-label i18n="@@hardware-profile-label">Perfil de Hardware</mat-label>
       <mat-select formControlName="hardwareProfile">
-        <mat-option *ngFor="let unit of hardwareProfiles" [value]="unit['@id']">{{ unit.description }} </mat-option>
+        <mat-option *ngFor="let unit of hardwareProfiles" [value]="unit['@id']">
+          {{ unit.description }}
+        </mat-option>
       </mat-select>
-      <mat-error>Formato de URL inválido.</mat-error>
+      <mat-error i18n="@@hardware-profile-error">Formato de URL inválido.</mat-error>
     </mat-form-field>
   </form>
 </div>
 <div mat-dialog-actions>
-  <button mat-button (click)="onNoClick()">Cancelar</button>
-  <button mat-button [disabled]="!clientForm.valid" (click)="onSubmit()">{{ !isEditMode ? 'Añadir' : 'Guardar' }}</button>
+  <button mat-button (click)="onNoClick()" i18n="@@cancel-button">Cancelar</button>
+  <button mat-button [disabled]="!clientForm.valid" (click)="onSubmit()">
+    {{ !isEditMode ? 'Añadir' : 'Guardar' }}
+  </button>
 </div>
diff --git a/ogWebconsole/src/app/components/groups/delete-groups-modal/delete-groups-modal.component.ts b/ogWebconsole/src/app/components/groups/delete-groups-modal/delete-groups-modal.component.ts
index 524987f..9b06690 100644
--- a/ogWebconsole/src/app/components/groups/delete-groups-modal/delete-groups-modal.component.ts
+++ b/ogWebconsole/src/app/components/groups/delete-groups-modal/delete-groups-modal.component.ts
@@ -4,14 +4,16 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 @Component({
   selector: 'app-delete-confirm-dialog',
   template: `
-    <h1 mat-dialog-title>Eliminar</h1>
-    <div mat-dialog-content>
-      <p>¿Quiere borrar los clientes situados en  {{data.name}} o quiere resituarlos en el nivel superior?</p>
-    </div>
-    <div mat-dialog-actions>
-      <button mat-button (click)="deleteClick()">Borrar todos los clientes</button>
-      <button mat-button (click)="changeClick()">Resituar </button>
-    </div>
+  <h1 mat-dialog-title i18n="@@delete-dialog-title">Eliminar</h1>
+<div mat-dialog-content>
+  <p i18n="@@delete-dialog-content">¿Quiere borrar los clientes situados en {{data.name}} o quiere resituarlos en el nivel superior?</p>
+</div>
+<div mat-dialog-actions>
+  <button mat-button (click)="deleteClick()" i18n="@@delete-all-clients-button">Borrar todos los clientes</button>
+  <button mat-button (click)="changeClick()" i18n="@@reposition-clients-button">Resituar</button>
+</div>
+
+  
   `
 })
 export class DeleteGroupsModalComponent {
diff --git a/ogWebconsole/src/app/components/groups/delete-modal/delete-modal.component.ts b/ogWebconsole/src/app/components/groups/delete-modal/delete-modal.component.ts
index 7285277..80675f7 100644
--- a/ogWebconsole/src/app/components/groups/delete-modal/delete-modal.component.ts
+++ b/ogWebconsole/src/app/components/groups/delete-modal/delete-modal.component.ts
@@ -4,14 +4,15 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 @Component({
   selector: 'app-delete-confirm-dialog',
   template: `
-    <h1 mat-dialog-title>Eliminar</h1>
-    <div mat-dialog-content>
-      <p>¿Estás seguro que deseas eliminar {{data.name}}?</p>
-    </div>
-    <div mat-dialog-actions>
-      <button mat-button (click)="onNoClick()">Cancelar</button>
-      <button mat-button (click)="onYesClick()">Eliminar</button>
-    </div>
+  <h1 mat-dialog-title i18n="@@deleteDialogTitle">Eliminar</h1>
+  <div mat-dialog-content>
+    <p i18n="@@deleteConfirmationMessage">¿Estás seguro que deseas eliminar {{data.name}}?</p>
+  </div>
+  <div mat-dialog-actions>
+    <button mat-button (click)="onNoClick()" i18n="@@cancelButton">Cancelar</button>
+    <button mat-button (click)="onYesClick()" i18n="@@confirmButton">Eliminar</button>
+  </div>
+  
   `
 })
 export class DeleteModalComponent {
diff --git a/ogWebconsole/src/app/components/groups/legend/legend.component.html b/ogWebconsole/src/app/components/groups/legend/legend.component.html
index 24929b2..9c1ecd5 100644
--- a/ogWebconsole/src/app/components/groups/legend/legend.component.html
+++ b/ogWebconsole/src/app/components/groups/legend/legend.component.html
@@ -1,22 +1,22 @@
 <mat-list>
   <mat-list-item>
     <mat-icon matListItemIcon>apartment</mat-icon>
-    <div matListItemTitle>Unidad organizativa</div>
+    <div matListItemTitle i18n="@@orgUnitTitle">Unidad organizativa</div>
   </mat-list-item>
   <mat-list-item>
     <mat-icon matListItemIcon>meeting_room</mat-icon>
-    <div matListItemTitle>Grupos de aula</div>
+    <div matListItemTitle i18n="@@classroomGroupsTitle">Grupos de aula</div>
   </mat-list-item>
   <mat-list-item>
     <mat-icon matListItemIcon>school</mat-icon>
-    <div matListItemTitle>Aula</div>
+    <div matListItemTitle i18n="@@classroomTitle">Aula</div>
   </mat-list-item>
   <mat-list-item>
     <mat-icon matListItemIcon>lan</mat-icon>
-    <div matListItemTitle>Grupos de clientes</div>
+    <div matListItemTitle i18n="@@clientGroupsTitle">Grupos de clientes</div>
   </mat-list-item>
   <mat-list-item>
     <mat-icon matListItemIcon>computer</mat-icon>
-    <div matListItemTitle>Cliente</div>
+    <div matListItemTitle i18n="@@clientTitle">Cliente</div>
   </mat-list-item>
 </mat-list>
diff --git a/ogWebconsole/src/app/components/groups/organizational-units/create-organizational-unit/create-organizational-unit.component.html b/ogWebconsole/src/app/components/groups/organizational-units/create-organizational-unit/create-organizational-unit.component.html
index 21d080c..e076917 100644
--- a/ogWebconsole/src/app/components/groups/organizational-units/create-organizational-unit/create-organizational-unit.component.html
+++ b/ogWebconsole/src/app/components/groups/organizational-units/create-organizational-unit/create-organizational-unit.component.html
@@ -1,13 +1,13 @@
-<h1 mat-dialog-title>Añadir Unidad Organizativa</h1>
+<h1 mat-dialog-title i18n="@@addOrgUnitTitle">Añadir Unidad Organizativa</h1>
 
 <div mat-dialog-content>
   <mat-stepper orientation="vertical" [linear]="isLinear">
     <!-- Step 1: General -->
     <mat-step [stepControl]="generalFormGroup">
       <form [formGroup]="generalFormGroup">
-        <ng-template matStepLabel>General</ng-template>
+        <ng-template matStepLabel i18n="@@generalStepLabel">General</ng-template>
         <mat-form-field class="form-field">
-          <mat-label>Tipo</mat-label>
+          <mat-label i18n="@@typeLabel">Tipo</mat-label>
           <mat-select formControlName="type" required>
             <mat-option *ngFor="let type of types" [value]="type">
               {{ typeTranslations[type] }}
@@ -15,22 +15,22 @@
           </mat-select>
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Nombre</mat-label>
+          <mat-label i18n="@@nameLabel">Nombre</mat-label>
           <input matInput formControlName="name" required>
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Unidad organizativa padre</mat-label>
+          <mat-label i18n="@@createOrgUnitparentLabel">Unidad organizativa padre</mat-label>
           <mat-select formControlName="parent">
-            <mat-option>--</mat-option>
+            <mat-option i18n="@@noParentOption">--</mat-option>
             <mat-option *ngFor="let unit of parentUnits" [value]="unit['@id']">{{ unit.name }}</mat-option>
           </mat-select>
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Descripción</mat-label>
+          <mat-label i18n="@@descriptionLabel">Descripción</mat-label>
           <textarea matInput formControlName="description"></textarea>
         </mat-form-field>
         <div>
-          <button mat-button matStepperNext>Siguiente</button>
+          <button mat-button matStepperNext i18n="@@nextButton">Siguiente</button>
         </div>
       </form>
     </mat-step>
@@ -38,20 +38,20 @@
     <!-- Step 2: Classroom Info -->
     <mat-step *ngIf="generalFormGroup.value.type === 'classroom'" [stepControl]="classroomInfoFormGroup">
       <form [formGroup]="classroomInfoFormGroup">
-        <ng-template matStepLabel>Información del Aula</ng-template>
+        <ng-template matStepLabel i18n="@@classroomInfoStepLabel">Información del Aula</ng-template>
         <mat-form-field class="form-field">
-          <mat-label>Ubicación</mat-label>
+          <mat-label i18n="@@locationLabel">Ubicación</mat-label>
           <input matInput formControlName="location">
         </mat-form-field>
-        <mat-slide-toggle formControlName="projector">Proyector</mat-slide-toggle>
-        <mat-slide-toggle formControlName="board">Pizarra</mat-slide-toggle>
+        <mat-slide-toggle formControlName="projector" i18n="@@projectorToggle">Proyector</mat-slide-toggle>
+        <mat-slide-toggle formControlName="board" i18n="@@boardToggle">Pizarra</mat-slide-toggle>
         <mat-form-field class="form-field">
-          <mat-label>Aforo</mat-label>
+          <mat-label i18n="@@capacityLabel">Aforo</mat-label>
           <input matInput formControlName="capacity" type="number">
         </mat-form-field>
         <div>
-          <button mat-button matStepperPrevious>Atrás</button>
-          <button mat-button matStepperNext>Siguiente</button>
+          <button mat-button matStepperPrevious i18n="@@backButton">Atrás</button>
+          <button mat-button matStepperNext i18n="@@nextButton">Siguiente</button>
         </div>
       </form>
     </mat-step>
@@ -59,14 +59,14 @@
     <!-- Step 3: Información Adicional -->
     <mat-step [stepControl]="additionalInfoFormGroup">
       <form [formGroup]="additionalInfoFormGroup">
-        <ng-template matStepLabel>Información Adicional</ng-template>
+        <ng-template matStepLabel i18n="@@additionalInfoStepLabel">Información Adicional</ng-template>
         <mat-form-field class="form-field">
-          <mat-label>Comentarios</mat-label>
+          <mat-label i18n="@@commentsLabel">Comentarios</mat-label>
           <textarea matInput formControlName="comments"></textarea>
         </mat-form-field>
         <div>
-          <button mat-button matStepperPrevious>Atrás</button>
-          <button mat-button matStepperNext>Siguiente</button>
+          <button mat-button matStepperPrevious i18n="@@backButton">Atrás</button>
+          <button mat-button matStepperNext i18n="@@nextButton">Siguiente</button>
         </div>
       </form>
     </mat-step>
@@ -74,82 +74,82 @@
     <!-- Step 4: Configuración de Red -->
     <mat-step [stepControl]="networkSettingsFormGroup">
       <form [formGroup]="networkSettingsFormGroup">
-        <ng-template matStepLabel>Configuración de Red</ng-template>
+        <ng-template matStepLabel i18n="@@networkSettingsStepLabel">Configuración de Red</ng-template>
         <mat-form-field class="form-field">
-          <mat-label>Url servidor Proxy</mat-label>
+          <mat-label i18n="@@proxyUrlLabel">Url servidor Proxy</mat-label>
           <input matInput formControlName="proxy">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>IP servidor DNS</mat-label>
+          <mat-label i18n="@@dnsIpLabel">IP servidor DNS</mat-label>
           <input matInput formControlName="dns">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Máscara de Red</mat-label>
+          <mat-label i18n="@@netmaskLabel">Máscara de Red</mat-label>
           <input matInput formControlName="netmask">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Router</mat-label>
+          <mat-label i18n="@@routerLabel">Router</mat-label>
           <input matInput formControlName="router">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>IP servidor NTP</mat-label>
+          <mat-label i18n="@@ntpIpLabel">IP servidor NTP</mat-label>
           <input matInput formControlName="ntp">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Modo P2P</mat-label>
+          <mat-label i18n="@@p2pModeLabel">Modo P2P</mat-label>
           <mat-select formControlName="p2pMode">
             <mat-option
               *ngFor="let option of p2pModeOptions"
-              value="{{ option.value }}">
+              [value]="option.value">
               {{ option.name }}
             </mat-option>
           </mat-select>
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Tiempo P2P</mat-label>
+          <mat-label i18n="@@p2pTimeLabel">Tiempo P2P</mat-label>
           <input matInput formControlName="p2pTime" type="number">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>IP Multicast</mat-label>
+          <mat-label i18n="@@mcastIpLabel">IP Multicast</mat-label>
           <input matInput formControlName="mcastIp">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Velocidad Multicast</mat-label>
+          <mat-label i18n="@@mcastSpeedLabel">Velocidad Multicast</mat-label>
           <input matInput formControlName="mcastSpeed" type="number">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Puerto Multicast</mat-label>
+          <mat-label i18n="@@mcastPortLabel">Puerto Multicast</mat-label>
           <input matInput formControlName="mcastPort" type="number">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Modo Multicast</mat-label>
+          <mat-label i18n="@@mcastModeLabel">Modo Multicast</mat-label>
           <mat-select formControlName="mcastMode">
             <mat-option
               *ngFor="let option of multicastModeOptions"
-              value="{{ option.value }}">
+              [value]="option.value">
               {{ option.name }}
             </mat-option>
           </mat-select>
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Menú URL</mat-label>
+          <mat-label i18n="@@menuUrlLabel">Menú URL</mat-label>
           <input matInput formControlName="menu" type="url">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Perfil de Hardware</mat-label>
+          <mat-label i18n="@@hardwareProfileLabel">Perfil de Hardware</mat-label>
           <mat-select formControlName="hardwareProfile">
             <mat-option *ngFor="let unit of hardwareProfiles" [value]="unit['@id']">{{ unit.description }} </mat-option>
           </mat-select>
-          <mat-error>Formato de URL inválido.</mat-error>
+          <mat-error i18n="@@urlFormatError">Formato de URL inválido.</mat-error>
         </mat-form-field>
         <div>
-          <button mat-button matStepperPrevious>Atrás</button>
-          <button mat-button (click)="onSubmit()" [disabled]="!networkSettingsFormGroup.valid">Añadir</button>
+          <button mat-button matStepperPrevious i18n="@@backButton">Atrás</button>
+          <button mat-button (click)="onSubmit()" [disabled]="!networkSettingsFormGroup.valid" i18n="@@submitButton">Añadir</button>
         </div>
       </form>
     </mat-step>
   </mat-stepper>
 </div>
 <div mat-dialog-actions>
-  <button mat-button (click)="onNoClick()">Cancelar</button>
+  <button mat-button (click)="onNoClick()" i18n="@@cancelButton">Cancelar</button>
 </div>
diff --git a/ogWebconsole/src/app/components/groups/organizational-units/edit-organizational-unit/edit-organizational-unit.component.html b/ogWebconsole/src/app/components/groups/organizational-units/edit-organizational-unit/edit-organizational-unit.component.html
index 3160f95..f2ff39d 100644
--- a/ogWebconsole/src/app/components/groups/organizational-units/edit-organizational-unit/edit-organizational-unit.component.html
+++ b/ogWebconsole/src/app/components/groups/organizational-units/edit-organizational-unit/edit-organizational-unit.component.html
@@ -1,32 +1,32 @@
-<h1 mat-dialog-title>Editar Unidad Organizativa</h1>
+<h1 mat-dialog-title i18n="@@editOrgUnitTitle">Editar Unidad Organizativa</h1>
 <div mat-dialog-content>
   <mat-stepper orientation="vertical" [linear]="isLinear">
     <!-- Step 1: General -->
     <mat-step [stepControl]="generalFormGroup">
       <form [formGroup]="generalFormGroup">
-        <ng-template matStepLabel>General</ng-template>
+        <ng-template matStepLabel i18n="@@generalStepLabel">General</ng-template>
         <mat-form-field class="form-field">
-          <mat-label>Tipo</mat-label>
+          <mat-label i18n="@@typeLabel">Tipo</mat-label>
           <mat-select formControlName="type" required>
             <mat-option *ngFor="let type of types" [value]="type">{{ type }}</mat-option>
           </mat-select>
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Nombre</mat-label>
+          <mat-label i18n="@@nameLabel">Nombre</mat-label>
           <input matInput formControlName="name" required>
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Padre</mat-label>
+          <mat-label i18n="@@editOrgUnitParentLabel">Padre</mat-label>
           <mat-select formControlName="parent">
             <mat-option *ngFor="let unit of parentUnits" [value]="unit['@id']">{{ unit.name }}</mat-option>
           </mat-select>
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Descripción</mat-label>
+          <mat-label i18n="@@descriptionLabel">Descripción</mat-label>
           <textarea matInput formControlName="description"></textarea>
         </mat-form-field>
         <div>
-          <button mat-button matStepperNext>Siguiente</button>
+          <button mat-button matStepperNext i18n="@@nextButton">Siguiente</button>
         </div>
       </form>
     </mat-step>
@@ -34,20 +34,20 @@
     <!-- Step 2: Classroom Info -->
     <mat-step *ngIf="generalFormGroup.value.type === 'classroom'" [stepControl]="classroomInfoFormGroup">
       <form [formGroup]="classroomInfoFormGroup">
-        <ng-template matStepLabel>Información del Aula</ng-template>
+        <ng-template matStepLabel i18n="@@classroomInfoStepLabel">Información del Aula</ng-template>
         <mat-form-field class="form-field">
-          <mat-label>Ubicación</mat-label>
+          <mat-label i18n="@@locationLabel">Ubicación</mat-label>
           <input matInput formControlName="location">
         </mat-form-field>
-        <mat-slide-toggle formControlName="projector">Proyector</mat-slide-toggle>
-        <mat-slide-toggle formControlName="board">Pizarra</mat-slide-toggle>
+        <mat-slide-toggle formControlName="projector" i18n="@@projectorToggle">Proyector</mat-slide-toggle>
+        <mat-slide-toggle formControlName="board" i18n="@@boardToggle">Pizarra</mat-slide-toggle>
         <mat-form-field class="form-field">
-          <mat-label>Aforo</mat-label>
+          <mat-label i18n="@@capacityLabel">Aforo</mat-label>
           <input matInput formControlName="capacity" type="number">
         </mat-form-field>
         <div>
-          <button mat-button matStepperPrevious>Atrás</button>
-          <button mat-button matStepperNext>Siguiente</button>
+          <button mat-button matStepperPrevious i18n="@@backButton">Atrás</button>
+          <button mat-button matStepperNext i18n="@@nextButton">Siguiente</button>
         </div>
       </form>
     </mat-step>
@@ -55,14 +55,14 @@
     <!-- Step 3: Información Adicional -->
     <mat-step [stepControl]="additionalInfoFormGroup">
       <form [formGroup]="additionalInfoFormGroup">
-        <ng-template matStepLabel>Información Adicional</ng-template>
+        <ng-template matStepLabel i18n="@@additionalInfoStepLabel">Información Adicional</ng-template>
         <mat-form-field class="form-field">
-          <mat-label>Comentarios</mat-label>
+          <mat-label i18n="@@commentsLabel">Comentarios</mat-label>
           <textarea matInput formControlName="comments"></textarea>
         </mat-form-field>
         <div>
-          <button mat-button matStepperPrevious>Atrás</button>
-          <button mat-button matStepperNext>Siguiente</button>
+          <button mat-button matStepperPrevious i18n="@@backButton">Atrás</button>
+          <button mat-button matStepperNext i18n="@@nextButton">Siguiente</button>
         </div>
       </form>
     </mat-step>
@@ -70,83 +70,83 @@
     <!-- Step 4: Configuración de Red -->
     <mat-step [stepControl]="networkSettingsFormGroup">
       <form [formGroup]="networkSettingsFormGroup">
-        <ng-template matStepLabel>Configuración de Red</ng-template>
+        <ng-template matStepLabel i18n="@@networkSettingsStepLabel">Configuración de Red</ng-template>
         <mat-form-field class="form-field">
-          <mat-label>Url servidor Proxy</mat-label>
+          <mat-label i18n="@@proxyUrlLabel">Url servidor Proxy</mat-label>
           <input matInput formControlName="proxy">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>IP servidor DNS</mat-label>
+          <mat-label i18n="@@dnsIpLabel">IP servidor DNS</mat-label>
           <input matInput formControlName="dns">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Máscara de Red</mat-label>
+          <mat-label i18n="@@netmaskLabel">Máscara de Red</mat-label>
           <input matInput formControlName="netmask">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Router</mat-label>
+          <mat-label i18n="@@routerLabel">Router</mat-label>
           <input matInput formControlName="router">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>IP servidor NTP</mat-label>
+          <mat-label i18n="@@ntpIpLabel">IP servidor NTP</mat-label>
           <input matInput formControlName="ntp">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Modo P2P</mat-label>
+          <mat-label i18n="@@p2pModeLabel">Modo P2P</mat-label>
           <mat-select formControlName="p2pMode">
             <mat-option
               *ngFor="let option of p2pModeOptions"
-              value="{{ option.value }}">
+              [value]="option.value">
               {{ option.name }}
             </mat-option>
           </mat-select>
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Tiempo P2P</mat-label>
+          <mat-label i18n="@@p2pTimeLabel">Tiempo P2P</mat-label>
           <input matInput formControlName="p2pTime" type="number">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>IP Multicast</mat-label>
+          <mat-label i18n="@@mcastIpLabel">IP Multicast</mat-label>
           <input matInput formControlName="mcastIp">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Velocidad Multicast</mat-label>
+          <mat-label i18n="@@mcastSpeedLabel">Velocidad Multicast</mat-label>
           <input matInput formControlName="mcastSpeed" type="number">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Puerto Multicast</mat-label>
+          <mat-label i18n="@@mcastPortLabel">Puerto Multicast</mat-label>
           <input matInput formControlName="mcastPort" type="number">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Modo Multicast</mat-label>
+          <mat-label i18n="@@mcastModeLabel">Modo Multicast</mat-label>
           <mat-select formControlName="mcastMode">
             <mat-option
               *ngFor="let option of multicastModeOptions"
-              value="{{ option.value }}">
+              [value]="option.value">
               {{ option.name }}
             </mat-option>
           </mat-select>
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Menú URL</mat-label>
+          <mat-label i18n="@@menuUrlLabel">Menú URL</mat-label>
           <input matInput formControlName="menu" type="url">
         </mat-form-field>
         <mat-form-field class="form-field">
-          <mat-label>Perfil de Hardware</mat-label>
+          <mat-label i18n="@@hardwareProfileLabel">Perfil de Hardware</mat-label>
           <mat-select formControlName="hardwareProfile">
             <mat-option *ngFor="let unit of hardwareProfiles" [value]="unit['@id']">{{ unit.description }} </mat-option>
           </mat-select>
-          <mat-error>Formato de URL inválido.</mat-error>
+          <mat-error i18n="@@urlFormatError">Formato de URL inválido.</mat-error>
         </mat-form-field>
-        <mat-slide-toggle formControlName="validation">Validación</mat-slide-toggle>
+        <mat-slide-toggle formControlName="validation" i18n="@@validationToggle">Validación</mat-slide-toggle>
         <div>
-          <button mat-button matStepperPrevious>Atrás</button>
-          <button mat-button (click)="onSubmit()" [disabled]="!networkSettingsFormGroup.valid">Añadir</button>
+          <button mat-button matStepperPrevious i18n="@@backButton">Atrás</button>
+          <button mat-button (click)="onSubmit()" [disabled]="!networkSettingsFormGroup.valid" i18n="@@submitButton">Añadir</button>
         </div>
       </form>
     </mat-step>
   </mat-stepper>
 </div>
 <div mat-dialog-actions>
-  <button mat-button (click)="onNoClick()">Cancelar</button>
+  <button mat-button (click)="onNoClick()" i18n="@@cancelButton">Cancelar</button>
 </div>
diff --git a/ogWebconsole/src/app/components/groups/organizational-units/show-organizational-unit/show-organizational-unit.component.html b/ogWebconsole/src/app/components/groups/organizational-units/show-organizational-unit/show-organizational-unit.component.html
index 61639be..93406cd 100644
--- a/ogWebconsole/src/app/components/groups/organizational-units/show-organizational-unit/show-organizational-unit.component.html
+++ b/ogWebconsole/src/app/components/groups/organizational-units/show-organizational-unit/show-organizational-unit.component.html
@@ -1,42 +1,42 @@
-<h1 mat-dialog-title>Propiedades unidad organizativa</h1>
+<h1 mat-dialog-title i18n="@@orgUnitPropertiesTitle">Propiedades unidad organizativa</h1>
 <div mat-dialog-content>
   <mat-tab-group dynamicHeight>
-    <mat-tab label="Datos generales">
+    <mat-tab label="Datos generales" i18n-label="@@generalDataTab"> 
       <table mat-table [dataSource]="generalData" class="mat-elevation-z8">
         <ng-container matColumnDef="property">
-          <th mat-header-cell *matHeaderCellDef> Propiedad </th>
+          <th mat-header-cell *matHeaderCellDef i18n-header="@@propertyHeader"> Propiedad </th>
           <td mat-cell *matCellDef="let element"> {{ element.property }} </td>
         </ng-container>
         <ng-container matColumnDef="value">
-          <th mat-header-cell *matHeaderCellDef> Valor </th>
+          <th mat-header-cell *matHeaderCellDef i18n-header="@@valueHeader"> Valor </th>
           <td mat-cell *matCellDef="let element"> {{ element.value }} </td>
         </ng-container>
         <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
         <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
       </table>
     </mat-tab>
-    <mat-tab [disabled]="data.data.type !== 'classroom'" label="Propiedades aula y de red">
+    <mat-tab [disabled]="data.data.type !== 'classroom'" label="Propiedades aula y de red" i18n-label="@@classroomNetworkPropertiesTab">
       <table mat-table [dataSource]="networkData" class="mat-elevation-z8">
         <ng-container matColumnDef="property">
-          <th mat-header-cell *matHeaderCellDef> Propiedad </th>
+          <th mat-header-cell *matHeaderCellDef i18n-header="@@propertyHeader"> Propiedad </th>
           <td mat-cell *matCellDef="let element"> {{ element.property }} </td>
         </ng-container>
         <ng-container matColumnDef="value">
-          <th mat-header-cell *matHeaderCellDef> Valor </th>
+          <th mat-header-cell *matHeaderCellDef i18n-header="@@valueHeader"> Valor </th>
           <td mat-cell *matCellDef="let element"> {{ element.value }} </td>
         </ng-container>
         <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
         <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
       </table>
     </mat-tab>
-    <mat-tab disabled label="Acciones">
+    <mat-tab disabled label="Acciones" i18n-label="@@actionsTab">
       <div class="button-column">
-        <button mat-flat-button color="primary" class="button-encender">Encender</button>
-        <button mat-flat-button color="accent" class="button-apagar">Apagar</button>
-        <button mat-flat-button color="warn" class="button-resetear">Resetear</button>
-        <button mat-flat-button class="button-otros-1">Otras acciones 1</button>
-        <button mat-flat-button class="button-otros-2">Otras acciones 2</button>
-        <button mat-flat-button class="button-otros-3">Otras acciones 3</button>
+        <button mat-flat-button color="primary" class="button-encender" i18n>Encender</button>
+        <button mat-flat-button color="accent" class="button-apagar" i18n>Apagar</button>
+        <button mat-flat-button color="warn" class="button-resetear" i18n>Resetear</button>
+        <button mat-flat-button class="button-otros-1" i18n>Otras acciones 1</button>
+        <button mat-flat-button class="button-otros-2" i18n>Otras acciones 2</button>
+        <button mat-flat-button class="button-otros-3" i18n>Otras acciones 3</button>
       </div>
     </mat-tab>
   </mat-tab-group>
diff --git a/ogWebconsole/src/app/components/groups/tree-view/tree-view.component.html b/ogWebconsole/src/app/components/groups/tree-view/tree-view.component.html
index 4c4e7ec..e15be5b 100644
--- a/ogWebconsole/src/app/components/groups/tree-view/tree-view.component.html
+++ b/ogWebconsole/src/app/components/groups/tree-view/tree-view.component.html
@@ -1,4 +1,4 @@
-<h1 mat-dialog-title>Visualizar arbol unidad Organizativa</h1>
+<h1 mat-dialog-title i18n="@@viewTreeTitle">Visualizar árbol unidad Organizativa</h1>
 
 <mat-dialog-content>
   <mat-tree [dataSource]="dataSource" [treeControl]="treeControl" class="tree">
@@ -17,7 +17,8 @@
     <mat-nested-tree-node *matTreeNodeDef="let node; when: hasChild">
       <div class="mat-tree-node">
         <button mat-icon-button matTreeNodeToggle
-                [attr.aria-label]="'Toggle ' + node.name">
+                [attr.aria-label]="'Toggle ' + node.name"
+                i18n-aria-label="@@toggleNodeAriaLabel">
           <mat-icon class="mat-icon-rtl-mirror">
             {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
           </mat-icon>
@@ -51,5 +52,5 @@
   </mat-tree>
 </mat-dialog-content>
 <mat-dialog-actions>
-  <button mat-button (click)="close()">Cerrar</button>
+  <button mat-button (click)="close()" i18n="@@closeButton">Cerrar</button>
 </mat-dialog-actions>
diff --git a/ogWebconsole/src/app/components/layout/header/header.component.html b/ogWebconsole/src/app/components/layout/header/header.component.html
index cb93cff..e161167 100644
--- a/ogWebconsole/src/app/components/layout/header/header.component.html
+++ b/ogWebconsole/src/app/components/layout/header/header.component.html
@@ -1,12 +1,12 @@
 <mat-toolbar>
-    <span class="navbar-tittle" routerLink="/dashboard">Opengnsys webconsole</span>
-    <div class="navbar-button-row">
-      <button class="admin-button" *ngIf="isSuperAdmin" mat-button [matMenuTriggerFor]="menu">Administracion</button>
-      <button class="user-button" mat-button *ngIf="!isSuperAdmin" (click)="editUser()">Editar usuario</button>
-      <mat-menu #menu="matMenu">
-        <button mat-menu-item routerLink="/users">Usuarios</button>
-        <button mat-menu-item routerLink="/user-groups">Roles</button>
-      </mat-menu>
-      <button mat-flat-button color="warn" routerLink="/auth/login">Salir</button>
-    </div>
+  <span class="navbar-title" routerLink="/dashboard" i18n="@@webConsoleTitle">Opengnsys webconsole</span>
+  <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>
+    <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>
+    </mat-menu>
+    <button mat-flat-button color="warn" routerLink="/auth/login" i18n="@@logout">Salir</button>
+  </div>
 </mat-toolbar>
diff --git a/ogWebconsole/src/app/components/layout/sidebar/sidebar.component.html b/ogWebconsole/src/app/components/layout/sidebar/sidebar.component.html
index b3658ea..ef5da5d 100644
--- a/ogWebconsole/src/app/components/layout/sidebar/sidebar.component.html
+++ b/ogWebconsole/src/app/components/layout/sidebar/sidebar.component.html
@@ -1,7 +1,7 @@
 <mat-nav-list>
   <mat-list-item disabled>
     <span class="user-logged">
-      <span>Bienvenido {{username}}</span>
+      <span i18n="@@welcomeUser">Bienvenido {{username}}</span>
     </span>
   </mat-list-item>
 
@@ -10,49 +10,49 @@
   <mat-list-item routerLink="/groups">
     <span class="entry">
       <mat-icon class="icon">apartment</mat-icon>
-      <span>Grupos</span>
+      <span i18n="@@groups">Grupos</span>
     </span>
   </mat-list-item>
   <mat-list-item>
     <span class="entry">
       <mat-icon class="icon">chevron_right</mat-icon>
-      <span>Acciones</span>
+      <span i18n="@@actions">Acciones</span>
     </span>
   </mat-list-item>
   <mat-list-item>
      <span class="entry">
       <mat-icon class="icon">desktop_windows</mat-icon>
-      <span>Imágenes</span>
+      <span i18n="@@images">Imágenes</span>
     </span>
   </mat-list-item>
   <mat-list-item>
      <span class="entry">
       <mat-icon class="icon">settings_input_component</mat-icon>
-      <span>Componentes</span>
+      <span i18n="@@components">Componentes</span>
     </span>
   </mat-list-item>
   <mat-list-item>
      <span class="entry">
       <mat-icon class="icon">warehouse</mat-icon>
-      <span>Repositorios</span>
+      <span i18n="@@repositories">Repositorios</span>
     </span>
   </mat-list-item>
   <mat-list-item>
      <span class="entry">
       <mat-icon class="icon">list</mat-icon>
-      <span>Menús</span>
+      <span i18n="@@menus">Menús</span>
     </span>
   </mat-list-item>
   <mat-list-item>
      <span class="entry">
       <mat-icon class="icon">search</mat-icon>
-      <span>Buscar</span>
+      <span i18n="@@search">Buscar</span>
     </span>
   </mat-list-item>
   <mat-list-item>
      <span class="entry">
       <mat-icon class="icon">calendar_month</mat-icon>
-      <span>Calendarios</span>
+      <span i18n="@@calendars">Calendarios</span>
     </span>
   </mat-list-item>
 </mat-nav-list>
diff --git a/ogWebconsole/src/app/components/login/login.component.html b/ogWebconsole/src/app/components/login/login.component.html
index abb8dad..cca44b1 100644
--- a/ogWebconsole/src/app/components/login/login.component.html
+++ b/ogWebconsole/src/app/components/login/login.component.html
@@ -1,27 +1,27 @@
 <div>
-    <form class="login" (ngSubmit)="onLogin()" #loginForm="ngForm">
-        <img src="assets/images/logo.png" alt="Opengnsys"
-             class="login-logo" [class.rotating]="isLoading">
-        <h2>Opengnsys</h2>
-        <mat-form-field>
-          <mat-label>Introducte tu usuario</mat-label>
-          <input matInput [(ngModel)]="loginObj.username" name="username" required #usernameInput="ngModel" [ngClass]="{'invalid': !usernameInput.valid && usernameInput.touched}" />
-        </mat-form-field>
-        <mat-form-field>
-          <mat-label>Introduce tu contraseña</mat-label>
-          <input matInput [type]="hide() ? 'password' : 'text'" required [(ngModel)]="loginObj.password" name="password"/>
-          <button
-            mat-icon-button
-            matSuffix
-            (click)="clickEvent($event)"
-            [attr.aria-label]="'Ocultar contraseña'"
-            [attr.aria-pressed]="hide()"
-          >
-            <mat-icon>{{hide() ? 'visibility_off' : 'visibility'}}</mat-icon>
-          </button>
-        </mat-form-field>
-        <div class="button-row">
-          <button mat-flat-button color="primary" type="submit" (keydown.enter)="$event.preventDefault()" [disabled]="!loginObj.username || !loginObj.password">Iniciar sesión</button>
-        </div>
-    </form>
+  <form class="login" (ngSubmit)="onLogin()" #loginForm="ngForm">
+      <img src="assets/images/logo.png" alt="Opengnsys"
+           class="login-logo" [class.rotating]="isLoading">
+      <h2 i18n="@@headerOpengnsys">Opengnsys</h2>
+      <mat-form-field>
+        <mat-label i18n="@@loginlabelUsername">Introduce tu usuario</mat-label>
+        <input matInput [(ngModel)]="loginObj.username" name="username" required #usernameInput="ngModel" [ngClass]="{'invalid': !usernameInput.valid && usernameInput.touched}" />
+      </mat-form-field>
+      <mat-form-field>
+        <mat-label i18n="@@loginlabelPassword">Introduce tu contraseña</mat-label>
+        <input matInput [type]="hide() ? 'password' : 'text'" required [(ngModel)]="loginObj.password" name="password"/>
+        <button
+          mat-icon-button
+          matSuffix
+          (click)="clickEvent($event)"
+          [attr.aria-label]="'Ocultar contraseña'"
+          [attr.aria-pressed]="hide()"
+        >
+          <mat-icon>{{hide() ? 'visibility_off' : 'visibility'}}</mat-icon>
+        </button>
+      </mat-form-field>
+      <div class="button-row">
+        <button mat-flat-button color="primary" type="submit" (keydown.enter)="$event.preventDefault()" [disabled]="!loginObj.username || !loginObj.password" i18n="@@buttonLogin">Iniciar sesión</button>
+      </div>
+  </form>
 </div>
diff --git a/ogWebconsole/src/app/components/pages/admin/admin.component.html b/ogWebconsole/src/app/components/pages/admin/admin.component.html
index 4f9e6c3..700da7b 100644
--- a/ogWebconsole/src/app/components/pages/admin/admin.component.html
+++ b/ogWebconsole/src/app/components/pages/admin/admin.component.html
@@ -1,10 +1,10 @@
 <div class="container">
   <button mat-fab color="primary" class="fab-button" routerLink="/users">
     <mat-icon>group</mat-icon>
-    <span>Usuarios</span>
+    <span i18n="@@labelUsers">Usuarios</span>
   </button>
   <button mat-fab color="primary" class="fab-button" routerLink="/user-groups">
     <mat-icon>admin_panel_settings</mat-icon>
-    <span>Roles</span>
+    <span i18n="@@labelRoles">Roles</span>
   </button>
 </div>
diff --git a/ogWebconsole/src/app/components/pages/admin/roles/roles/add-role-modal/add-role-modal.component.html b/ogWebconsole/src/app/components/pages/admin/roles/roles/add-role-modal/add-role-modal.component.html
index 68258ec..9423d7a 100644
--- a/ogWebconsole/src/app/components/pages/admin/roles/roles/add-role-modal/add-role-modal.component.html
+++ b/ogWebconsole/src/app/components/pages/admin/roles/roles/add-role-modal/add-role-modal.component.html
@@ -1,25 +1,24 @@
-<h1 mat-dialog-title>Añadir Rol (TBD)</h1>
+<h1 mat-dialog-title i18n="@@dialogTitleAddRole">Añadir Rol (TBD)</h1>
 <div mat-dialog-content>
   <form class="role-form">
     <mat-form-field class="form-field">
-      <mat-label>Nombre</mat-label>
+      <mat-label i18n="@@labelRoleName">Nombre</mat-label>
       <input matInput formControlName="rolename" required>
     </mat-form-field>
 
     <section class="example-section">
-      <h4>Permisos:</h4>
-      <p><mat-checkbox >Gestionar los usuarios</mat-checkbox></p>
-      <p><mat-checkbox >Configuración PXE</mat-checkbox></p>
-      <p><mat-checkbox >Imágenes de la consola web</mat-checkbox></p>
-      <p><mat-checkbox >Gestionar los distintos componentes</mat-checkbox></p>
-      <p><mat-checkbox >Crear imágenes</mat-checkbox></p>
-      <p><mat-checkbox >script de configuración del servidor</mat-checkbox></p>
-      <p><mat-checkbox >...</mat-checkbox></p>
+      <h4 i18n="@@sectionTitlePermissions">Permisos:</h4>
+      <p><mat-checkbox i18n="@@checkboxManageUsers">Gestionar los usuarios</mat-checkbox></p>
+      <p><mat-checkbox i18n="@@checkboxPXEConfig">Configuración PXE</mat-checkbox></p>
+      <p><mat-checkbox i18n="@@checkboxConsoleImages">Imágenes de la consola web</mat-checkbox></p>
+      <p><mat-checkbox i18n="@@checkboxManageComponents">Gestionar los distintos componentes</mat-checkbox></p>
+      <p><mat-checkbox i18n="@@checkboxCreateImages">Crear imágenes</mat-checkbox></p>
+      <p><mat-checkbox i18n="@@checkboxServerConfigScript">script de configuración del servidor</mat-checkbox></p>
+      <p><mat-checkbox i18n="@@checkboxOther">...</mat-checkbox></p>
     </section>
-
   </form>
 </div>
 <div mat-dialog-actions>
-  <button mat-button (click)="onNoClick()">Cancelar</button>
-  <button mat-button>Añadir</button>
+  <button mat-button (click)="onNoClick()" i18n="@@buttonCancel">Cancelar</button>
+  <button mat-button i18n="@@buttonAdd">Añadir</button>
 </div>
diff --git a/ogWebconsole/src/app/components/pages/admin/roles/roles/delete-role-modal/delete-role-modal.component.html b/ogWebconsole/src/app/components/pages/admin/roles/roles/delete-role-modal/delete-role-modal.component.html
index c2b3283..a527864 100644
--- a/ogWebconsole/src/app/components/pages/admin/roles/roles/delete-role-modal/delete-role-modal.component.html
+++ b/ogWebconsole/src/app/components/pages/admin/roles/roles/delete-role-modal/delete-role-modal.component.html
@@ -1,8 +1,8 @@
-<h1 mat-dialog-title>Eliminar Rol</h1>
+<h1 mat-dialog-title i18n="@@dialogTitleDeleteRole">Eliminar Rol</h1>
 <div mat-dialog-content>
-  <p>¿Estás seguro que deseas eliminar el rol {{ data.name }}?</p>
+  <p i18n="@@dialogContentDeleteRole">¿Estás seguro que deseas eliminar el rol {{ data.name }}?</p>
 </div>
 <div mat-dialog-actions>
-  <button mat-button (click)="onNoClick()">Cancelar</button>
-  <button mat-button (click)="onYesClick()">Eliminar</button>
+  <button mat-button (click)="onNoClick()" i18n="@@buttonCancel">Cancelar</button>
+  <button mat-button (click)="onYesClick()" i18n="@@buttonDelete">Eliminar</button>
 </div>
diff --git a/ogWebconsole/src/app/components/pages/admin/roles/roles/roles.component.html b/ogWebconsole/src/app/components/pages/admin/roles/roles/roles.component.html
index bd5223b..d45ff57 100644
--- a/ogWebconsole/src/app/components/pages/admin/roles/roles/roles.component.html
+++ b/ogWebconsole/src/app/components/pages/admin/roles/roles/roles.component.html
@@ -1,6 +1,6 @@
 <div class="header-container">
-  <h1>Gestión de roles</h1>
-  <button mat-flat-button color="primary" (click)="addUser()">+ Añadir</button>
+  <h1 i18n="@@headerRoleManagement">Gestión de roles</h1>
+  <button mat-flat-button color="primary" (click)="addUser()" i18n="@@buttonAddRole">+ Añadir</button>
 </div>
 <table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
 
@@ -9,15 +9,12 @@
     <td mat-cell *matCellDef="let role"> {{ column.cell(role) }} </td>
   </ng-container>
 
-  <!-- Botones Column -->
   <ng-container matColumnDef="actions">
-    <th mat-header-cell *matHeaderCellDef> Acciones </th>
+    <th mat-header-cell *matHeaderCellDef i18n="@@headerActions">Acciones</th>
     <td mat-cell *matCellDef="let role">
-      <button mat-button color="warn"  [disabled]="role.name=== 'Super Admin' " (click)="deleteRole(role)">Eliminar</button>
+      <button mat-button color="warn" [disabled]="role.name === 'Super Admin'" (click)="deleteRole(role)" i18n="@@buttonDelete">Eliminar</button>
     </td>
   </ng-container>
-
-  <!-- Row definition -->
   <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
   <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
 </table>
diff --git a/ogWebconsole/src/app/components/pages/admin/users/users/add-user-modal/add-user-modal.component.html b/ogWebconsole/src/app/components/pages/admin/users/users/add-user-modal/add-user-modal.component.html
index bc8c592..1b5684c 100644
--- a/ogWebconsole/src/app/components/pages/admin/users/users/add-user-modal/add-user-modal.component.html
+++ b/ogWebconsole/src/app/components/pages/admin/users/users/add-user-modal/add-user-modal.component.html
@@ -1,17 +1,17 @@
-<h1 mat-dialog-title>Añadir Usuario</h1>
+<h1 mat-dialog-title i18n="@@dialogTitleAddUser">Añadir Usuario</h1>
 <div mat-dialog-content>
   <form [formGroup]="userForm" class="user-form">
     <mat-form-field class="form-field">
-      <mat-label>Nombre de usuario</mat-label>
+      <mat-label i18n="@@addUserlabelUsername">Nombre de usuario</mat-label>
       <input matInput formControlName="username" required>
     </mat-form-field>
     <mat-form-field class="form-field">
-      <mat-label>Contraseña</mat-label>
+      <mat-label i18n="@@addUserlabelPassword">Contraseña</mat-label>
       <input matInput formControlName="password" type="password" required>
     </mat-form-field>
 
     <mat-form-field class="form-field">
-      <mat-label>Rol</mat-label>
+      <mat-label i18n="@@labelRole">Rol</mat-label>
       <mat-select formControlName="role">
         <mat-option *ngFor="let group of userGroups" [value]="group['@id']">
           {{ group.name }}
@@ -20,18 +20,16 @@
     </mat-form-field>
 
     <mat-form-field class="form-field">
-      <mat-label>Unidad organiativa</mat-label>
+      <mat-label i18n="@@labelOrganizationalUnit">Unidad organiativa</mat-label>
       <mat-select multiple formControlName="organizationalUnit">
         <mat-option *ngFor="let unit of organizationalUnits" [value]="unit['@id']">
           {{unit.name}}
         </mat-option>
       </mat-select>
     </mat-form-field>
-    
-    
   </form>
 </div>
 <div mat-dialog-actions>
-  <button mat-button (click)="onNoClick()">Cancelar</button>
-  <button mat-button [disabled]="!userForm.valid" (click)="onSubmit()">Añadir</button>
+  <button mat-button (click)="onNoClick()" i18n="@@buttonCancel">Cancelar</button>
+  <button mat-button [disabled]="!userForm.valid" (click)="onSubmit()" i18n="@@buttonAdd">Añadir</button>
 </div>
diff --git a/ogWebconsole/src/app/components/pages/admin/users/users/change-password-modal/change-password-modal.component.html b/ogWebconsole/src/app/components/pages/admin/users/users/change-password-modal/change-password-modal.component.html
index 3c2549c..8eff0f1 100644
--- a/ogWebconsole/src/app/components/pages/admin/users/users/change-password-modal/change-password-modal.component.html
+++ b/ogWebconsole/src/app/components/pages/admin/users/users/change-password-modal/change-password-modal.component.html
@@ -1,33 +1,31 @@
-<h1 mat-dialog-title>Editar Usuario</h1>
+<h1 mat-dialog-title i18n="@@dialogTitleEditUser">Editar Usuario</h1>
 <div mat-dialog-content>
   <form [formGroup]="userForm" class="user-form">
     <mat-form-field class="form-field">
-      <mat-label>Contraseña actual</mat-label>
-      <input matInput formControlName="currentPassword" type="currentPassword">
+      <mat-label i18n="@@labelCurrentPassword">Contraseña actual</mat-label>
+      <input matInput formControlName="currentPassword" type="password">
     </mat-form-field>
     <mat-form-field class="form-field">
-      <mat-label>Nueva contraseña</mat-label>
+      <mat-label i18n="@@labelNewPassword">Nueva contraseña</mat-label>
       <input matInput formControlName="newPassword" type="password">
     </mat-form-field>
     <mat-form-field class="form-field">
-      <mat-label>Repite la contraseña</mat-label>
+      <mat-label i18n="@@labelRepeatPassword">Repite la contraseña</mat-label>
       <input matInput formControlName="repeatNewPassword" type="password">
     </mat-form-field>
 
-    @if (loading){
-      <mat-spinner></mat-spinner>
-    }
+    <mat-spinner *ngIf="loading"></mat-spinner>
 
-    @if (passwordMismatch) {
-      <div class="error-message">Las contraseñas no coinciden</div>
-    }
+    <div class="error-message" *ngIf="passwordMismatch" i18n="@@errorPasswordMismatch">
+      Las contraseñas no coinciden
+    </div>
 
-    @if (updateError) {
-      <div class="error-message">{{resetPasswordError}}</div>
-    }
+    <div class="error-message" *ngIf="updateError" i18n="@@errorUpdate">
+      {{ resetPasswordError }}
+    </div>
   </form>
 </div>
 <div mat-dialog-actions>
-  <button mat-button (click)="onNoClick()">Cancelar</button>
-  <button mat-button (click)="onSubmit()" [disabled]="loading">Editar</button>
+  <button mat-button (click)="onNoClick()" i18n="@@buttonCancel">Cancelar</button>
+  <button mat-button (click)="onSubmit()" [disabled]="loading" i18n="@@buttonEdit">Editar</button>
 </div>
diff --git a/ogWebconsole/src/app/components/pages/admin/users/users/delete-user-modal/delete-user-modal.component.html b/ogWebconsole/src/app/components/pages/admin/users/users/delete-user-modal/delete-user-modal.component.html
index 80b17ef..51d8d63 100644
--- a/ogWebconsole/src/app/components/pages/admin/users/users/delete-user-modal/delete-user-modal.component.html
+++ b/ogWebconsole/src/app/components/pages/admin/users/users/delete-user-modal/delete-user-modal.component.html
@@ -1,8 +1,8 @@
-<h1 mat-dialog-title>Eliminar Usuario</h1>
+<h1 mat-dialog-title i18n="@@dialogTitleDeleteUser">Eliminar Usuario</h1>
 <div mat-dialog-content>
-  <p>¿Estás seguro que deseas eliminar a {{ data.username }}?</p>
+  <p i18n="@@dialogContentDeleteUser">¿Estás seguro que deseas eliminar a {{ data.username }}?</p>
 </div>
 <div mat-dialog-actions>
-  <button mat-button (click)="onNoClick()">Cancelar</button>
-  <button mat-button (click)="onYesClick()">Eliminar</button>
+  <button mat-button (click)="onNoClick()" i18n="@@buttonCancel">Cancelar</button>
+  <button mat-button (click)="onYesClick()" i18n="@@buttonDelete">Eliminar</button>
 </div>
diff --git a/ogWebconsole/src/app/components/pages/admin/users/users/edit-user-modal/edit-user-modal.component.html b/ogWebconsole/src/app/components/pages/admin/users/users/edit-user-modal/edit-user-modal.component.html
index 39610df..b2e04cc 100644
--- a/ogWebconsole/src/app/components/pages/admin/users/users/edit-user-modal/edit-user-modal.component.html
+++ b/ogWebconsole/src/app/components/pages/admin/users/users/edit-user-modal/edit-user-modal.component.html
@@ -1,17 +1,17 @@
-<h1 mat-dialog-title>Editar Usuario</h1>
+<h1 mat-dialog-title i18n="@@dialogTitleEditUser">Editar Usuario</h1>
 <mat-spinner *ngIf="loading" class="loading-container"></mat-spinner>
 <div *ngIf="!loading" mat-dialog-content>
   <form [formGroup]="userForm" class="user-form">
     <mat-form-field class="form-field">
-      <mat-label>Nombre de usuario</mat-label>
+      <mat-label i18n="@@editUserlabelUsername">Nombre de usuario</mat-label>
       <input matInput formControlName="username">
     </mat-form-field>
     <mat-form-field class="form-field">
-      <mat-label>Contraseña</mat-label>
+      <mat-label i18n="@@editUserlabelPassword">Contraseña</mat-label>
       <input matInput formControlName="password" type="password">
     </mat-form-field>
     <mat-form-field class="form-field">
-      <mat-label>Rol</mat-label>
+      <mat-label i18n="@@labelRole">Rol</mat-label>
       <mat-select multiple formControlName="userGroups">
         <mat-option *ngFor="let group of userGroups" [value]="group['@id']">
           {{ group.name }}
@@ -20,17 +20,16 @@
     </mat-form-field>
 
     <mat-form-field class="form-field">
-      <mat-label>Unidad organiativa</mat-label>
+      <mat-label i18n="@@labelOrgUnit">Unidad organizativa</mat-label>
       <mat-select multiple formControlName="allowedOrganizationalUnits">
         <mat-option *ngFor="let unit of organizationalUnits" [value]="unit['@id']">
           {{unit.name}}
         </mat-option>
       </mat-select>
     </mat-form-field>
-
   </form>
 </div>
 <div mat-dialog-actions>
-  <button mat-button (click)="onNoClick()">Cancelar</button>
-  <button mat-button (click)="onSubmit()">Editar</button>
+  <button mat-button (click)="onNoClick()" i18n="@@buttonCancel">Cancelar</button>
+  <button mat-button (click)="onSubmit()" i18n="@@buttonEdit">Editar</button>
 </div>
diff --git a/ogWebconsole/src/app/components/pages/admin/users/users/users.component.html b/ogWebconsole/src/app/components/pages/admin/users/users/users.component.html
index 115ec9e..8d58c00 100644
--- a/ogWebconsole/src/app/components/pages/admin/users/users/users.component.html
+++ b/ogWebconsole/src/app/components/pages/admin/users/users/users.component.html
@@ -1,6 +1,6 @@
 <div class="header-container">
-  <h1>Gestión de usuarios</h1>
-  <button mat-flat-button color="primary" (click)="addUser()">+ Añadir</button>
+  <h1 i18n="@@headerUserManagement">Gestión de usuarios</h1>
+  <button mat-flat-button color="primary" (click)="addUser()" i18n="@@buttonAddUser">+ Añadir</button>
 </div>
 <table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
 
@@ -9,16 +9,14 @@
     <td mat-cell *matCellDef="let user"> {{ column.cell(user) }} </td>
   </ng-container>
 
-  <!-- Botones Column -->
   <ng-container matColumnDef="actions">
-    <th mat-header-cell *matHeaderCellDef> Acciones </th>
+    <th mat-header-cell *matHeaderCellDef i18n="@@columnActions">Acciones</th>
     <td mat-cell *matCellDef="let user">
-      <button mat-button color="primary" (click)="editUser(user)">Editar</button>
-      <button mat-button color="warn" (click)="deleteUser(user)">Eliminar</button>
+      <button mat-button color="primary" (click)="editUser(user)" i18n="@@buttonEditUser">Editar</button>
+      <button mat-button color="warn" (click)="deleteUser(user)" i18n="@@buttonDeleteUser">Eliminar</button>
     </td>
   </ng-container>
 
-  <!-- Row definition -->
   <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
   <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
 </table>