ogLive improvements. Groups UX

ogWebconsole/src/app/components/groups/components/client-main-view/create-image/create-image.component.html

@@ -1,4 +1,5 @@
 <div class="header-container">
+  <button mat-flat-button color="primary" (click)="back()">Volver</button>
   <h2 class="title" i18n="@@subnetsTitle">Crear Imagen desde {{ clientName }}</h2>
   <div class="subnets-button-row">
     <button mat-flat-button color="primary" (click)="save()">Guardar y ejecutar</button>

ogWebconsole/src/app/components/groups/components/client-main-view/create-image/create-image.component.ts

@@ -68,6 +68,7 @@ export class CreateImageComponent {
   selectedImage: string | null = null;
   selectedPartition: any = null;
   name: string = '';
+  client: any = null;
   dataSource = new MatTableDataSource<any>();
   columns = [
     {
@@ -120,6 +121,7 @@ export class CreateImageComponent {
     this.http.get(url).subscribe(
       (response: any) => {
         if (response.partitions) {
+          this.client = response;
           this.clientName = response.name;
 
           this.dataSource.data = response.partitions.filter((partition: any) => {
@@ -145,6 +147,10 @@ export class CreateImageComponent {
     );
   }
 
+  back() {
+    this.router.navigate(['clients', this.clientId], { state: { clientData: this.client} });
+  }
+
   save(): void {
     const payload = {
       client: `/clients/${this.clientId}`,

ogWebconsole/src/app/components/groups/components/client-main-view/deploy-image/deploy-image.component.html

@@ -1,4 +1,5 @@
 <div class="header-container">
+  <button mat-flat-button color="primary" (click)="back()">Volver</button>
   <h2 class="title" i18n="@@subnetsTitle">Desplegar imagen en {{ clientName }}</h2>
   <div class="subnets-button-row">
     <button mat-flat-button color="primary" (click)="save()">Guardar</button>

ogWebconsole/src/app/components/groups/components/client-main-view/deploy-image/deploy-image.component.ts

@@ -32,6 +32,7 @@ export class DeployImageComponent {
   p2pMode: string = '';
   p2pTime: Number = 0;
   name: string = '';
+  client: any = null;
 
   protected p2pModeOptions = [
     { name: 'Leecher', value: 'p2p-mode-leecher' },
@@ -119,6 +120,7 @@ export class DeployImageComponent {
     this.http.get(url).subscribe(
       (response: any) => {
         if (response.partitions) {
+          this.client = response;
           this.clientName = response.name;
           this.dataSource.data = response.partitions.filter((partition: any) => {
             return partition.partitionNumber !== 0;
@@ -149,6 +151,10 @@ export class DeployImageComponent {
     );
   }
 
+  back() {
+    this.router.navigate(['clients', this.clientId], { state: { clientData: this.client} });
+  }
+
   save(): void {
     if (!this.selectedImage) {
       this.toastService.error('Debe seleccionar una imagen');

ogWebconsole/src/app/components/groups/components/client-main-view/partition-assistant/partition-assistant.component.html

@@ -1,4 +1,5 @@
 <div class="header-container">
+  <button mat-flat-button color="primary" (click)="back()">Volver</button>
   <h2 class="title" i18n="@@subnetsTitle">Asistente de particionado</h2>
   <div class="subnets-button-row">
     <button mat-flat-button color="primary" [disabled]="data.status === 'busy'" (click)="save()">Ejecutar</button>

ogWebconsole/src/app/components/groups/components/client-main-view/partition-assistant/partition-assistant.component.ts

@@ -250,6 +250,10 @@ export class PartitionAssistantComponent implements OnInit {
     return modifiedPartitions;
   }
 
+  back() {
+    this.router.navigate(['clients', this.data.uuid], { state: { clientData: this.data } });
+  }
+
   save() {
     if (!this.selectedDisk) {
       this.errorMessage = 'Por favor selecciona un disco antes de guardar.';

ogWebconsole/src/app/components/groups/groups.component.html

@@ -280,7 +280,7 @@
           </ng-container>
           <ng-container matColumnDef="oglive">
             <th mat-header-cell *matHeaderCellDef mat-sort-header> OG Live </th>
-            <td mat-cell *matCellDef="let client"> {{ (client.ogLive?.name || '').slice(0, 15) }}{{ (client.ogLive?.name?.length > 15) ? '...' : '' }} </td>
+            <td mat-cell *matCellDef="let client"> {{ (client.ogLive?.filename || '').slice(0, 15) }}{{ (client.ogLive?.filename?.length > 15) ? '...' : '' }} </td>
           </ng-container>
           <ng-container matColumnDef="status">
             <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'status' | translate }} </th>

ogWebconsole/src/app/components/groups/shared/clients/create-client/create-client.component.html

@@ -2,7 +2,7 @@
   <h1>{{ 'addClientTitle' | translate }}s</h1>
   <div class="inputs-container">
     <div class="mat-dialog-content" [ngClass]="{'loading': loading}">
-      
+
       <form [formGroup]="clientForm" class="client-form grid-form" *ngIf="!loading">
         <mat-form-field class="form-field">
           <mat-label>{{ 'organizationalUnitLabel' | translate }}</mat-label>
@@ -51,7 +51,7 @@
         <h3>Añadir un cliente</h3>
         <mat-spinner class="loading-spinner" *ngIf="loading"></mat-spinner>
         <form [formGroup]="clientForm" class="client-form grid-form" *ngIf="!loading">
-          
+
           <mat-form-field class="form-field">
             <mat-label>{{ 'nameLabel' | translate }}</mat-label>
             <input matInput formControlName="name">
@@ -61,7 +61,7 @@
             <mat-label>{{ 'ogLiveLabel' | translate }}</mat-label>
             <mat-select formControlName="ogLive">
               <mat-option *ngFor="let oglive of ogLives" [value]="oglive['@id']">
-                {{ oglive.name }}
+                {{ oglive.filename }}
               </mat-option>
             </mat-select>
           </mat-form-field>

ogWebconsole/src/app/components/groups/shared/clients/edit-client/edit-client.component.html

@@ -21,7 +21,7 @@
       <mat-label>{{ 'ogLiveLabel' | translate }}</mat-label>
       <mat-select formControlName="ogLive">
         <mat-option *ngFor="let ogLive of ogLives" [value]="ogLive['@id']">
-          {{ ogLive.name }}
+          {{ ogLive.filename }}
         </mat-option>
       </mat-select>
     </mat-form-field>

ogWebconsole/src/app/components/groups/shared/organizational-units/create-organizational-unit/create-organizational-unit.component.html

@@ -88,7 +88,7 @@
           <mat-label>{{ 'ogLiveLabel' | translate }}</mat-label>
           <mat-select formControlName="oglive" (selectionChange)="onOgLiveChange($event)">
             <mat-option *ngFor="let oglive of ogLives" [value]="oglive['@id']">
-              {{ oglive.name }}
+              {{ oglive.filename }}
             </mat-option>
           </mat-select>
         </mat-form-field>

ogWebconsole/src/app/components/groups/shared/organizational-units/edit-organizational-unit/edit-organizational-unit.component.html

@@ -85,7 +85,7 @@
           <mat-label>{{ 'ogLiveLabel' | translate }}</mat-label>
           <mat-select formControlName="ogLive" (selectionChange)="onOgLiveChange($event)">
             <mat-option *ngFor="let oglive of ogLives" [value]="oglive['@id']">
-              {{ oglive.name }}
+              {{ oglive.filename }}
             </mat-option>
           </mat-select>
         </mat-form-field>

ogWebconsole/src/app/components/ogboot/pxe-images/create-image/create-image/create-image.component.html

@@ -1,9 +1,5 @@
 <h2 mat-dialog-title>{{ isEditMode ? 'Editar' : 'Añadir' }} imagen ogLive</h2>
 <mat-dialog-content>
-  <mat-form-field appearance="fill" class="full-width">
-    <mat-label>Nombre</mat-label>
-    <input matInput [(ngModel)]="name">
-  </mat-form-field>
   <mat-spinner class="spinner" *ngIf="loading"></mat-spinner>
 
   <mat-form-field *ngIf="!loading" appearance="fill" class="full-width">

ogWebconsole/src/app/components/ogboot/pxe-images/create-image/create-image/create-image.component.ts

@@ -10,7 +10,6 @@ import { ToastrService } from 'ngx-toastr';
 })
 export class CreatePXEImageComponent implements OnInit {
   baseUrl: string = import.meta.env.NG_APP_BASE_API_URL;
-  name: string = '';
   downloads: any[] = [];
   selectedDownload: any;
   isEditMode: boolean = false;
@@ -28,7 +27,6 @@ export class CreatePXEImageComponent implements OnInit {
     this.fetchDownloads();
     if (this.data) {
       this.isEditMode = true;
-      this.name = this.data.name;
       this.selectedDownload = this.data.downloadUrl;
       this.imageId = this.data.uuid;  // Assuming UUID is used for edit
     }
@@ -55,7 +53,6 @@ export class CreatePXEImageComponent implements OnInit {
 
   submitForm(): void {
     const payload = {
-      name: this.name,
       downloadUrl: this.selectedDownload.url
     };
 

ogWebconsole/src/app/components/ogboot/pxe-images/pxe-images.component.html

@@ -88,7 +88,7 @@
       <button mat-icon-button color="info" (click)="showOgLive($event, image)">
         <mat-icon>{{ 'viewIcon' | translate }}</mat-icon>
       </button>
-      <button mat-icon-button color="primary" (click)="editImage(image)">
+      <button mat-icon-button disabled color="primary" (click)="editImage(image)">
         <mat-icon>{{ 'editIcon' | translate }}</mat-icon>
       </button>
       <button mat-icon-button color="warn" (click)="deleteImage(image)">

ogWebconsole/src/app/components/ogboot/pxe-images/pxe-images.component.ts

@@ -40,9 +40,9 @@ export class PXEimagesComponent implements OnInit {
       cell: (user: any) => `${user.id}`
     },
     {
-      columnDef: 'name',
-      header: 'Nombre de imagen',
-      cell: (user: any) => `${user.name}`
+      columnDef: 'filename',
+      header: 'Og Live',
+      cell: (user: any) => `${user.filename}`
     },
     {
       columnDef: 'isDefault',