blob: 4e1aa2f1713eb28631474668972673b3831e8679 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<mat-progress-bar *ngIf="!items" mode="indeterminate"></mat-progress-bar>
<mat-list>
<mat-list-item *ngFor="let item of items; let i = index" style="height:unset;">
<div class="item-box" [class.first-item-box]="i === 0">
<mat-card class="mat-elevation-z2" [class.align-self-bottom]="i === 0">
<span class="item-id" [class.item-id-closed]="item.closed"
[class.item-id-open]="!item.closed">{{item.id}}</span>
<a class="mat-h3 item-title" [href]="item.detailUrl">{{item.title}}</a>
</mat-card>
<div class="sample-box" *ngIf="i === 0">
<div class="mat-caption sample-container">
<span class="item-id-sample item-id-open"></span> means working now.
</div>
<div class="mat-caption sample-container">
<span class="item-id-sample item-id-closed"></span> means completed.
</div>
<div class="mat-caption">click on item to see details.</div>
</div>
</div>
</mat-list-item>
</mat-list>
|
