Add status to transition rows

Bug: 277181336
Test: npm run test:all
Change-Id: I7eb981367191a47d3b50b31ee68492844936923a
This commit is contained in:
Pablo Gamito
2023-05-23 14:48:02 +00:00
parent fa6d593ca2
commit c12b72ac70

View File

@@ -33,6 +33,7 @@ import {UiData} from './ui_data';
<div class="type">Type</div>
<div class="send-time">Send Time</div>
<div class="duration">Duration</div>
<div class="status">Status</div>
</div>
<cdk-virtual-scroll-viewport itemSize="53" class="scroll">
<div
@@ -65,6 +66,35 @@ import {UiData} from './ui_data';
>
<span *ngIf="transition.sendTime.isMin || transition.finishTime.isMax">n/a</span>
</div>
<div class="status">
<div *ngIf="transition.mergedInto">
<span>MERGED</span>
<mat-icon aria-hidden="false" fontIcon="merge" matTooltip="merged" icon-gray>
</mat-icon>
</div>
<div *ngIf="transition.aborted && !transition.mergedInto">
<span>ABORTED</span>
<mat-icon
aria-hidden="false"
fontIcon="close"
matTooltip="aborted"
style="color: red"
icon-red></mat-icon>
</div>
<div *ngIf="transition.played && !transition.aborted && !transition.mergedInto">
<span>PLAYED</span>
<mat-icon
aria-hidden="false"
fontIcon="check"
matTooltip="played"
style="color: green"
*ngIf="
transition.played && !transition.aborted && !transition.mergedInto
"></mat-icon>
</div>
</div>
</div>
</cdk-virtual-scroll-viewport>
</div>
@@ -192,6 +222,21 @@ import {UiData} from './ui_data';
flex: 3;
}
.table-row .status {
flex: 2;
}
.status > div {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}
.current .status mat-icon {
color: white !important;
}
.transition-timeline .row svg rect {
cursor: pointer;
}