isa44.74/To-do-List-App
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

modified design

Browse source
This commit is contained in:
imelilabourne 2020-09-16 16:56:18 +08:00
parent 247c891a09
commit c865916256
8 changed files with 66 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/app/Todo-List-App/containers/TodoList/todo-list.component.html
View file

@ -1,20 +1,17 @@
<div class="container main">
<div class="nav">Hello! <span class="dateClass">{{today | date: 'short'}}</span></div>
<div class="nav"><span class="dateClass"><i class="fa fa-calendar"></i> {{today | date: 'short'}}</span></div>
<div class="main-container">
<div class="header">
<h1>TODO LIST <i class="fa fa-pencil"></i></h1>
</div>
<div *ngIf="remaining() !== 0">
<div class="info"><input type="checkbox" (change)="selectAll()">Select All</div>
<div class="info selectall"><input type="checkbox" (change)="selectAll()">Select All</div>
</div>
<div class="inputDiv">
<input type="text" class="form-control addInput" placeholder="Things you want to do today?" [(ngModel)]="taskTitle" (keyup.enter) = "addTask()">
</div>
<div class="content">
<!-- all task completed template-->
<div *ngIf="remaining() === 0">
<todo-empty></todo-empty>
</div>
<ul>
<li *ngFor= "let task of tasks" @fade>
<input type="checkbox" [(ngModel)]="task.completed">
@ -39,6 +36,10 @@
</div>
</li>
</ul>
<!-- all task completed template-->
<div *ngIf="remaining() === 0">
<todo-empty></todo-empty>
</div>
<div class="info">
<div>{{ remaining()}} uncompleted tasks</div>
</div>