about-partial.html
1.39 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<div class="container" id="todo">
<h1>Todo List App</h1>
<div class="row">
<div class="col-md-3">
<h5>Add Task</h5>
<div class="form-group">
<label for="task-name">Task Name</label>
<input id="task-name" type="text" class="form-control" ng-model="task.taskname" required>
</div>
<div class="form-group">
<label for="task-details">Task Details</label>
<textarea id="task-details" ng-model="task.details" class="form-control" required></textarea>
</div>
<button class="btn btn-primary" ng-click="addTask()">Add Task</button>
</div>
<div class="col-md-9">
<h5>View Task</h5>
<table class="table">
<thead>
<tr>
<th>Tasks</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="todo in todolist.slice().reverse()">
<!--<td><input type="checkbox" ng-model="todo.done">
<span ng-class="{'done':todo.done}">{{todo.taskname}}</span>-->
<td colspan="3">
<div class="task">
<button ng-click="deleteTask(todo._id)" class="delete btn btn-xs btn-primary">Delete</button>
<div class="task-item">
<input type="checkbox" ng-model="todo.Done" ng-checked="todo.Done" ng-click="updateTask(todo)">
<span ng-class="(todo.Done==true)? 'done':''">{{todo.taskname}}</span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>