refs #1972. General styles changed. Show image details

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 },
     })
   }

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>
 

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;