diff options
| author | crupest <crupest@outlook.com> | 2019-03-07 20:56:50 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2019-03-07 20:56:50 +0800 |
| commit | d5322a3c8c3f3bab25686650a4637dbe480b3886 (patch) | |
| tree | 6fb1bf8abc6bebdc56e74e73db1e913239e41729 /Timeline/ClientApp/src/app/todo/todo-page/todo-page.component.html | |
| parent | d4410036b62a65cedbe977efdcea023440a3198e (diff) | |
| download | timeline-d5322a3c8c3f3bab25686650a4637dbe480b3886.tar.gz timeline-d5322a3c8c3f3bab25686650a4637dbe480b3886.tar.bz2 timeline-d5322a3c8c3f3bab25686650a4637dbe480b3886.zip | |
Reorganize with modules.
Diffstat (limited to 'Timeline/ClientApp/src/app/todo/todo-page/todo-page.component.html')
| -rw-r--r-- | Timeline/ClientApp/src/app/todo/todo-page/todo-page.component.html | 21 |
1 files changed, 21 insertions, 0 deletions
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> |