improve how timline step options are displayed

UST-QuAntiL · Aug 4, 2023 · 0be05f3 · 0be05f3
1 parent f2de977
commit 0be05f3
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/app/dialogs/export-experiment/export-experiment.component.html b/src/app/dialogs/export-experiment/export-experiment.component.html
@@ -28,7 +28,11 @@ <h1 mat-dialog-title>Export Config</h1>
         <mat-selection-list>
             <mat-list-option *ngFor="let step of stepListPage" [value]="step.sequence" [selected]="stepList.includes(step.sequence)" 
                     (selectedChange)="selectStep(step.sequence, $event)">
-                Step {{step.sequence}} ({{step.processorName}}@{{step.processorVersion}}) - Status: {{step.status}}, Result Quality: {{step.resultQuality}}
+                <div class="export-selection">
+                    <span>Step {{step.sequence}} ({{step.processorName}}@{{step.processorVersion}})</span>
+                    <qhana-step-status matTooltip="Status: {{step.status}}" [step]="step" [noText]="step.status !== 'PENDING'" [spinner]="0"></qhana-step-status>
+                    <div matTooltip="Result Quality" *ngIf="step.resultQuality !== 'UNKNOWN'">- Quality: {{step.resultQuality}}</div>
+                </div>
             </mat-list-option>
         </mat-selection-list>
     </div>