refactor: simplify progress container structure and enhance trace status display
testing/ogGui-multibranch/pipeline/head There was a failure building this commit Details

pull/24/head
Lucas Lara García 2025-05-20 13:26:35 +02:00
parent 4c8b6c7dbd
commit a84372214b
3 changed files with 20 additions and 6 deletions

View File

@ -60,8 +60,7 @@
<ng-container [ngSwitch]="column.columnDef">
<ng-container *ngSwitchCase="'status'">
<ng-container *ngIf="trace.status === 'in-progress' && trace.progress; else statusChip">
<div class="progress-container" joyrideStep="tracesProgressStep"
text="{{ 'tracesProgressStepText' | translate }}">
<div class="progress-container">
<mat-progress-bar class="example-margin" [mode]="mode" [value]="trace.progress"
[bufferValue]="bufferValue">
</mat-progress-bar>
@ -69,7 +68,8 @@
</div>
</ng-container>
<ng-template #statusChip>
<div class="status-progress-flex">
<div class="status-progress-flex" joyrideStep="tracesProgressStep"
text="{{ 'tracesProgressStepText' | translate }}">
<mat-chip [ngClass]="{
'chip-failed': trace.status === 'failed',
'chip-success': trace.status === 'success',

View File

@ -192,6 +192,20 @@ export class ClientTaskLogsComponent implements OnInit {
if (this.filters['status']) {
params = params.set('status', this.filters['status']);
}
const url = `${this.baseUrl}/traces`;
this.http.get<any>(url, { params }).subscribe(
(data) => {
this.traces = data['hydra:member'];
this.length = data['hydra:totalItems'];
this.loading = false;
},
(error) => {
console.error('Error fetching client traces', error);
this.loading = false;
}
);
}
loadCommands() {

View File

@ -81,8 +81,7 @@
<ng-container [ngSwitch]="column.columnDef">
<ng-container *ngSwitchCase="'status'">
<ng-container *ngIf="trace.status === 'in-progress' && trace.progress; else statusChip">
<div class="progress-container" joyrideStep="tracesProgressStep"
text="{{ 'tracesProgressStepText' | translate }}">
<div class="progress-container">
<mat-progress-bar class="example-margin" [mode]="mode" [value]="trace.progress"
[bufferValue]="bufferValue">
</mat-progress-bar>
@ -90,7 +89,8 @@
</div>
</ng-container>
<ng-template #statusChip>
<div class="status-progress-flex">
<div class="status-progress-flex" joyrideStep="tracesProgressStep"
text="{{ 'tracesProgressStepText' | translate }}">
<mat-chip [ngClass]="{
'chip-failed': trace.status === 'failed',
'chip-success': trace.status === 'success',