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 | 00757c9b23d1c614960d74b54054ccc35129150c (patch) | |
| tree | d52f6ae18aad3146ea785d2f6797671772bcd1b5 /Timeline/ClientApp/src/app/todo/todo-page/todo-page.component.html | |
| parent | 4b37c96de2c7d3fe046a6f342d2da8ef03d3c807 (diff) | |
| download | timeline-00757c9b23d1c614960d74b54054ccc35129150c.tar.gz timeline-00757c9b23d1c614960d74b54054ccc35129150c.tar.bz2 timeline-00757c9b23d1c614960d74b54054ccc35129150c.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> |