From 380cf50080f3a0f4025cc3b2a407c7accb90dd81 Mon Sep 17 00:00:00 2001
From: Manuel Aranda <maranda@qindel.com>
Date: Tue, 8 Apr 2025 15:57:42 +0200
Subject: [PATCH] refs #1858. Added description into deployImage selector

---
 .../deploy-image/deploy-image.component.css                 | 4 ++++
 .../deploy-image/deploy-image.component.html                | 6 ++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/ogWebconsole/src/app/components/groups/components/client-main-view/deploy-image/deploy-image.component.css b/ogWebconsole/src/app/components/groups/components/client-main-view/deploy-image/deploy-image.component.css
index 68e9aea..f932c98 100644
--- a/ogWebconsole/src/app/components/groups/components/client-main-view/deploy-image/deploy-image.component.css
+++ b/ogWebconsole/src/app/components/groups/components/client-main-view/deploy-image/deploy-image.component.css
@@ -50,6 +50,10 @@ table {
   margin-top: 20px;
 }
 
+mat-option .unit-name {
+  display: block;
+}
+
 .input-field {
   flex: 1 1 calc(33.33% - 16px);
   min-width: 250px;
diff --git a/ogWebconsole/src/app/components/groups/components/client-main-view/deploy-image/deploy-image.component.html b/ogWebconsole/src/app/components/groups/components/client-main-view/deploy-image/deploy-image.component.html
index 444390c..6086a3d 100644
--- a/ogWebconsole/src/app/components/groups/components/client-main-view/deploy-image/deploy-image.component.html
+++ b/ogWebconsole/src/app/components/groups/components/client-main-view/deploy-image/deploy-image.component.html
@@ -71,9 +71,11 @@
     <mat-form-field appearance="fill" class="full-width">
       <mat-label>Seleccione imagen</mat-label>
       <mat-select [(ngModel)]="selectedImage" name="selectedImage">
-        <mat-option *ngFor="let image of images" [value]="image">{{ image.image?.name }}</mat-option>
+        <mat-option *ngFor="let image of images" [value]="image">
+          <div class="unit-name"> {{ image.image?.name }} v{{ image.version?? 0 }}</div>
+          <div style="font-size: smaller; color: gray;">{{ image.description }}</div>
+        </mat-option>
       </mat-select>
-      <mat-hint *ngIf="clientData">Imágenes alojadas en {{ clientData[0].repository?.name }}</mat-hint>
     </mat-form-field>
 
     <mat-form-field appearance="fill" class="full-width">