-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
38 lines (37 loc) · 2 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>Todo List</title>
<link rel="stylesheet" type="text/css" href="bower_components/font-awesome/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body ng-app="todo">
<div class="todo-body" ng-controller="todoCTRL">
<input class="todo-input input-60" placeholder="Digite..." ng-model="vm.row.value" ng-keypress="add($event)">
<div class="todo-rows">
<div class="todo-item" ng-repeat="row in vm.filter">
<div class="item-text wh-70" ng-class="row.status == 'C' ? 'finish' : '' ">
{{row.value}}
</div>
<div class="item-option wh-30">
<button class="todo-btn wh-30 ht-60 btn-cicle" ng-click="check(row.id)"><i class="fa" ng-class="row.status == 'C' ? 'fa-close' : 'fa-check' "></i></button>
<button class="todo-btn wh-30 ht-60 btn-cicle" ng-click="edit(row.id)"><i class="fa fa-pencil"></i></button>
<button class="todo-btn wh-30 ht-60 btn-cicle" ng-click="remove(row.id)"><i class="fa fa-minus"></i></button>
</div>
</div>
<div class="todo-item">
<div class="item-text wh-40">
Total de Items: {{vm.filter.length}}
</div>
<div class="item-text wh-60 right">
<button class="todo-btn wh-20 ht-80" ng-click="filter()">All</button>
<button class="todo-btn wh-20 ht-80" ng-click="filter('O')">Active</button>
<button class="todo-btn wh-30 ht-80" ng-click="filter('C')">Finished</button>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="bower_components/angular/angular.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>