-
Notifications
You must be signed in to change notification settings - Fork 246
/
home.page.html
41 lines (38 loc) · 1.09 KB
/
home.page.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
39
40
41
<ion-header>
<ion-toolbar color="danger">
<ion-title>
Todo
</ion-title>
<ion-buttons slot="start">
<ion-button (click)="exit()">
<ion-icon name="exit-outline" slot="icon-only">
</ion-icon>
</ion-button>
</ion-buttons>
<ion-buttons slot="end">
<ion-button (click)="addTodo()">
<ion-icon name="add-outline" slot="icon-only">
</ion-icon>
</ion-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
<ion-list>
<ion-item-sliding #slidingItem *ngFor="let todo of todos">
<ion-item>
<ion-label>{{todo.title}}</ion-label>
</ion-item>
<ion-item-options>
<ion-button (click)="editTodo(slidingItem, todo)" color="primary">
<ion-icon name="create-outline"></ion-icon>
Edit
</ion-button>
<ion-button (click)="deleteTodo(slidingItem, todo)" color="danger">
<ion-icon name="trash-outline"></ion-icon>
Delete
</ion-button>
</ion-item-options>
</ion-item-sliding>
</ion-list>
</ion-content>