diff options
| author | crupest <crupest@outlook.com> | 2019-02-18 19:26:12 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2019-02-18 19:26:12 +0800 |
| commit | a8d850e05fba39a46f54d3c2827e8b93bcbb129b (patch) | |
| tree | 1dc17f612e5a1cdbd5cec6bdf38ec231934d119d /Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html | |
| parent | 5194cfc3fc9bbe6d2e03fdceb4ed58a8b7c0f6a9 (diff) | |
| download | timeline-a8d850e05fba39a46f54d3c2827e8b93bcbb129b.tar.gz timeline-a8d850e05fba39a46f54d3c2827e8b93bcbb129b.tar.bz2 timeline-a8d850e05fba39a46f54d3c2827e8b93bcbb129b.zip | |
Beautify the todo page.
Diffstat (limited to 'Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html')
| -rw-r--r-- | Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html b/Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html index 6287c14e..3a80e4eb 100644 --- a/Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html +++ b/Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html @@ -1,3 +1,9 @@ -<p *ngFor="let item of items"> - {{item}} -</p> +<mat-progress-bar *ngIf="!items" mode="indeterminate"></mat-progress-bar> + +<mat-list> + <mat-list-item *ngFor="let item of items"> + <mat-card> + <span class="item-id">{{item.id}}</span> {{item.title}} + </mat-card> + </mat-list-item> +</mat-list> |