lucasvbr/todo-list
1
0
Fork 0
mirror of https://github.com/LucasVbr/todo-list.git synced 2026-07-09 15:17:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Rebuild the app

Browse Source
This commit is contained in:
Lucàs
2022-08-12 13:00:10 +02:00
parent 753baea58f
commit 3c1e040c15
15 changed files with 462 additions and 511 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/app.component.html
+23 -34
View File
@@ -1,40 +1,29 @@
<div class="container">
<div class="card p-6 mt-6">
<h1 class="title has-text-centered">{{ title }}</h1>
<h1 class="title has-text-centered mt-5">{{ title }}</h1>
<!-- Todolist -->
<div class="m-5">
<div *ngIf="list.length == 0">
<p class="empty-list subtitle has-text-centered">Empty list</p>
</div>
<div class="card">
<div class="card-content">
<table class="table is-striped is-narrow is-fullwidth">
<tr *ngFor="let todoItem of todoList">
<td>
<input class="checkbox is-primary" type="checkbox" (change)="saveList()"
[checked]="todoItem.completed" name="task-{{ todoItem.id }}"
id="task-{{ todoItem.id }}">
</td>
<td>
<label for="task-{{ todoItem.id }}">{{ todoItem.task }}</label>
</td>
<td>
<input class="button is-danger is-primary is-pulled-right" type="button"
value="remove" (click)="removeItem(todoItem.id)">
</td>
</tr>
</table>
<div class="columns" *ngFor="let item of list">
<input type="checkbox" [(ngModel)]="item.checked" (ngModelChange)="saveList()" name="{{ item.text }}" id="{{ item.text }}">
<label class="checkbox pl-2" for="{{ item.text }}">
{{ item.text }}
</label>
</div>
</div>
<!-- Input -->
<div class="columns is-multiline">
<div class="column">
<input class="input" type="text" [(ngModel)]="inputValue" (keydown.enter)="addItem()">
</div>
<div class="column is-2">
<button class="button is-primary" (click)="addItem()">
<span class="icon">
<i class="fa fa-plus"></i>
</span>
</button>
</div>
<div class="column is-2">
<button class="button is-danger" (click)="removeCheckedItems()">
<span class="icon">
<i class="fa fa-trash"></i>
</span>
</button>
</div>
<input class="input is-primary" type="text" [(ngModel)]="todoInput"
(keydown.enter)="addItem()">
</div>
</div>
</div>