Add status to transition rows
Bug: 277181336 Test: npm run test:all Change-Id: I7eb981367191a47d3b50b31ee68492844936923a
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user