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 | 9756acc50f5f228968cf45d9e73c8dd3b4eacc6a (patch) | |
| tree | a1f98d59aa922e887ae90725b08f2b852eff93a8 /Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html | |
| parent | 633e7357b41b5b3e99df887215bed620034eda6a (diff) | |
| download | timeline-9756acc50f5f228968cf45d9e73c8dd3b4eacc6a.tar.gz timeline-9756acc50f5f228968cf45d9e73c8dd3b4eacc6a.tar.bz2 timeline-9756acc50f5f228968cf45d9e73c8dd3b4eacc6a.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> |