From 7ea5013cf430d69c5f3020e4bfa4c9b474d5aa00 Mon Sep 17 00:00:00 2001
From: Manuel Aranda <maranda@qindel.com>
Date: Thu, 8 May 2025 16:33:22 +0200
Subject: [PATCH] refs #1972. General styles changed. Show image details

---
 .../src/app/components/groups/groups.component.ts     |  3 ++-
 .../client-details/client-details.component.html      | 11 +++++++++--
 .../shared/client-details/client-details.component.ts |  4 ++--
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/ogWebconsole/src/app/components/groups/groups.component.ts b/ogWebconsole/src/app/components/groups/groups.component.ts
index dbd45c6..c75f2fd 100644
--- a/ogWebconsole/src/app/components/groups/groups.component.ts
+++ b/ogWebconsole/src/app/components/groups/groups.component.ts
@@ -613,7 +613,8 @@ export class GroupsComponent implements OnInit, OnDestroy {
   onShowClientDetail(event: MouseEvent, client: Client): void {
     event.stopPropagation();
     this.dialog.open(ClientDetailsComponent, {
-      width: '1200px',
+      width: '70vw',
+      height: '90vh',
       data: { clientData: client },
     })
   }
diff --git a/ogWebconsole/src/app/components/groups/shared/client-details/client-details.component.html b/ogWebconsole/src/app/components/groups/shared/client-details/client-details.component.html
index e7f3c9a..1a8e3ae 100644
--- a/ogWebconsole/src/app/components/groups/shared/client-details/client-details.component.html
+++ b/ogWebconsole/src/app/components/groups/shared/client-details/client-details.component.html
@@ -25,7 +25,7 @@
 
     <div class="table-header-container">
       <h2 i18n="@@adminImagesTitle">Discos/Particiones</h2>
-      <mat-chip> {{ clientData.firmwareType }}</mat-chip>
+      <mat-chip *ngIf="clientData.firmwareType"> {{ clientData.firmwareType }}</mat-chip>
     </div>
 
 
@@ -36,7 +36,7 @@
             <ng-container *ngFor="let column of columns" [matColumnDef]="column.columnDef">
               <th mat-header-cell *matHeaderCellDef> {{ column.header }} </th>
               <td mat-cell *matCellDef="let image">
-                <ng-container *ngIf="column.columnDef !== 'size'">
+                <ng-container *ngIf="column.columnDef !== 'size' && column.columnDef !== 'operativeSystem'">
                   {{ column.cell(image) }}
                 </ng-container>
                 <ng-container *ngIf="column.columnDef === 'size'">
@@ -44,6 +44,13 @@
                     {{ (image.size / 1024).toFixed(2) }} GB
                   </mat-chip>
                 </ng-container>
+
+                <ng-container *ngIf="column.columnDef === 'operativeSystem'">
+                  <div style="display: flex; flex-direction: column;">
+                    <span>{{image.operativeSystem?.name }}</span>
+                    <span style="font-size: 0.75rem; color: gray;">{{ image.image?.name }}</span>
+                  </div>
+                </ng-container>
               </td>
             </ng-container>
 
diff --git a/ogWebconsole/src/app/components/groups/shared/client-details/client-details.component.ts b/ogWebconsole/src/app/components/groups/shared/client-details/client-details.component.ts
index ddf03be..401a40f 100644
--- a/ogWebconsole/src/app/components/groups/shared/client-details/client-details.component.ts
+++ b/ogWebconsole/src/app/components/groups/shared/client-details/client-details.component.ts
@@ -72,9 +72,9 @@ export class ClientDetailsComponent {
     },
     {
       columnDef: 'operativeSystem',
-      header: 'SO',
+      header: 'SO/Imagen',
       cell: (partition: any) => partition.operativeSystem?.name
-    },
+    }
   ];
   displayedColumns = [...this.columns.map(column => column.columnDef)];
   isDiskUsageEmpty: boolean = true;