Add status to transition rows am: c12b72ac70

Original change: https://googleplex-android-review.googlesource.com/c/platform/development/+/23390676

Change-Id: I8b1e7c541dcd1cf23eb66450290d4ff404c3e195
Signed-off-by: Automerger Merge Worker <android-build-automerger-merge-worker@system.gserviceaccount.com>
This commit is contained in:
Pablo Gamito
2023-05-23 22:28:27 +00:00
committed by Automerger Merge Worker

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;
}