|
|
|
@ -90,18 +90,18 @@
@@ -90,18 +90,18 @@
|
|
|
|
|
<div class="modal-body" style="max-height: 800px; overflow-y: scroll"> |
|
|
|
|
<ul class="list-group"> |
|
|
|
|
<li class="list-group-item" v-for="todo in todos" v-if="!todo.checked"> |
|
|
|
|
<!-- <span class="float-right"> --> |
|
|
|
|
<!-- <input type="checkbox" v-model="todo.checked" @change="updateStorage()"/> --> |
|
|
|
|
<!-- </span> --> |
|
|
|
|
<span class="float-right"> |
|
|
|
|
<input type="checkbox" v-model="todo.checked" @change="updateStorage()"/> |
|
|
|
|
</span> |
|
|
|
|
<i class="far fa-circle" @click="todo.checked = !todo.checked"></i> {{ todo.body }} |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
<hr/> |
|
|
|
|
<ul class="list-group"> |
|
|
|
|
<li class="list-group-item" v-for="todo in todos" v-if="todo.checked"> |
|
|
|
|
<!-- <span class="float-right"> --> |
|
|
|
|
<!-- <input type="checkbox" v-model="todo.checked" @change="updateStorage()"/> --> |
|
|
|
|
<!-- </span> --> |
|
|
|
|
<span class="float-right"> |
|
|
|
|
<input type="checkbox" v-model="todo.checked" @change="updateStorage()"/> |
|
|
|
|
</span> |
|
|
|
|
<i class="fas fa-check-circle" @click="todo.checked = !todo.checked"></i> <span style="text-decoration: line-through;">{{ todo.body }}</span> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|