From a8d850e05fba39a46f54d3c2827e8b93bcbb129b Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Mon, 18 Feb 2019 19:26:12 +0800
Subject: Beautify the todo page.

---
 .../src/app/todo-list-page/todo-list-page.component.html     | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.html')

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>
-- 
cgit v1.2.3