From 8c4f0364316d31c31c3f27a8655510086a176665 Mon Sep 17 00:00:00 2001
From: aminecmi <aminecmi@gmail.com>
Date: Sat, 6 Aug 2022 13:57:38 +0200
Subject: [PATCH] Handle for mobile use.

---
 src/components/ListItem.vue | 6 +++---
 src/views/List.vue          | 3 ++-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/ListItem.vue b/src/components/ListItem.vue
index 3612341..a7430c3 100644
--- a/src/components/ListItem.vue
+++ b/src/components/ListItem.vue
@@ -1,14 +1,14 @@
 <template>
   <div class="panel-block" v-bind:class="{'disabled': element.loading}">
-             <span class="icon is-pulled-left" v-if="canMove">
+             <span class="icon is-pulled-left handle" v-if="canMove">
               <ion-icon name="move-outline"></ion-icon>
             </span>
 
-    <input type="checkbox" v-model="element.checked" v-on:change="updateItem(element)">
+    <input type="checkbox" v-model="element.checked" v-on:change="updateCheckbox(element)">
     <div class="field is-horizontal has-addons">
       <div class="control">
         <input class="input" type="text" v-bind:disabled="element.checked" v-model="element.content"
-               v-on:blur="updateItem(element)">
+               v-on:blur="updateContent(element)">
       </div>
       <div class="control">
         <a class="button is-danger" v-on:click="deleteElement(element)">
diff --git a/src/views/List.vue b/src/views/List.vue
index 700a196..136f9f0 100644
--- a/src/views/List.vue
+++ b/src/views/List.vue
@@ -29,7 +29,8 @@
           v-model="searchResults"
           group="listItems"
           @change="onChange"
-          item-key="id" v-if="searchQ.length <= 0">
+          item-key="id" v-if="searchQ.length <= 0"
+          handle=".handle">
         <template #item="{element}">
           <ListItem v-bind:item="element" v-bind:can-move="!element.checked" v-on:updateItem="updateItem" v-on:deleteElement="deleteElement"></ListItem>
         </template>