From d5322a3c8c3f3bab25686650a4637dbe480b3886 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Thu, 7 Mar 2019 20:56:50 +0800
Subject: Reorganize with modules.

---
 .../src/app/todo/todo-page/todo-page.component.html | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 Timeline/ClientApp/src/app/todo/todo-page/todo-page.component.html

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

diff --git a/Timeline/ClientApp/src/app/todo/todo-page/todo-page.component.html b/Timeline/ClientApp/src/app/todo/todo-page/todo-page.component.html
new file mode 100644
index 00000000..50180fe8
--- /dev/null
+++ b/Timeline/ClientApp/src/app/todo/todo-page/todo-page.component.html
@@ -0,0 +1,21 @@
+<mat-progress-bar *ngIf="!isLoadCompleted" 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" [class.non-first-item-box]="i !== 0">
+      <app-todo-item @itemEnter [class.align-self-bottom]="i === 0" [item]="item"></app-todo-item>
+      <div class="space"></div>
+      <div class="sample-box" *ngIf="i === 0">
+        <div class="mat-caption sample-item">
+          <span class="sample-color-block color-block-open"></span>
+          <span> means working now.</span>
+        </div>
+        <div class="mat-caption sample-item">
+          <span class="sample-color-block color-block-closed"></span>
+          <span> means completed.</span>
+        </div>
+        <div class="mat-caption">click on item to see details.</div>
+      </div>
+    </div>
+  </mat-list-item>
+</mat-list>
-- 
cgit v1.2.3