- if last character is ':' then is like a Title.

src/components/todos/SingleTodo/SingleTodo.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="getClassRow()" @mousedown="clickRiga" @mouseup.left="mouseUp">
+    <div :class="getClassRow()" @mouseup.left="mouseUp" @mousedown="clickRiga">
         <q-context-menu>
             <q-list link separator no-border class="todo-menu">
                 <q-item v-for="field in menuPopupTodo" :key="field.value"
@@ -9,10 +9,14 @@
                     <q-item-main>
                         <q-item-tile label>{{field.label}}</q-item-tile>
                     </q-item-main>
+
+                    <q-item-side v-if="field.value === 101">
+                        <q-checkbox v-model="itemtodo.enableExpiring"/>
+                    </q-item-side>
                 </q-item>
             </q-list>
         </q-context-menu>
-        <div class="flex-item pos-item">
+        <div v-if="isTodo()" class="flex-item pos-item" >
             <q-btn flat
                    class="pos-item-popover"
                    icon="menu">
@@ -28,13 +32,16 @@
                             <q-item-main>
                                 <q-item-tile label>{{field.label}}</q-item-tile>
                             </q-item-main>
+                            <q-item-side v-if="field.value === 101">
+                                <q-checkbox v-model="itemtodo.enableExpiring"/>
+                            </q-item-side>
                         </q-item>
                     </q-list>
                 </q-popover>
             </q-btn>
         </div>
         <!--<div class="flex-item pos-item">[{{ itemtodo.pos }}]</div>-->
-        <div class="flex-item priority-item">
+        <div v-if="isTodo()" class="flex-item priority-item">
             <q-btn push flat
                    class="priority-item-popover"
                    :icon="iconPriority">
@@ -44,6 +51,8 @@
 
                 >
                     <q-list link>
+                        <q-item-tile label inverted class="menuTitlePriority">{{$t('todo.titleprioritymenu')}}
+                        </q-item-tile>
                         <q-item v-for="field in selectPriority" :key="field.value"
                                 @click.native="setPriority(field.value), popover = false">
                             <q-item-side :icon="field.icon" inverted color="primary"/>
@@ -55,7 +64,7 @@
                 </q-popover>
             </q-btn>
         </div>
-        <div class="flex-item completed-item">
+        <div v-if="isTodo()" class="flex-item completed-item">
             <q-btn push flat
                    :class="classCompleted"
                    :icon="iconCompleted"
@@ -64,18 +73,27 @@
             <!--<q-icon class=" mycols allleft icon_completed ScheduleStatus" :name="iconCompleted"
                     @click.native="setCompleted"/>-->
         </div>
-        <div :class="classDescr">
+
+        <q-input autofocus ref="inputdescr" :value="descrtoEdit" @change="val => descrtoEdit = val"
+                 :class="classDescrEdit"
+                 v-on:keyup.enter="updateTodo" v-on:keydown.esc="exitEdit"/>
+
+
+        <div :class="classDescr" @click="editTodo()">
             {{ itemtodo.descr }}
         </div>
 
-        <div :class="classExpiring">
-            <q-datetime
-                    :class="classExpiringEx"
-                    v-model="itemtodo.expiring_at"
-                    class="myexpired"/>
+
+        <div v-if="itemtodo.enableExpiring">
+            <div :class="classExpiring">
+                <q-datetime
+                        :class="classExpiringEx"
+                        v-model="itemtodo.expiring_at"
+                        class="myexpired"/>
+            </div>
         </div>
         <!--<div class="flex-item btn-item">-->
-            <!--{{classPosItemPopup}}-->
+        <!--{{classPosItemPopup}}-->
         <!--</div>-->
         <!--<div class="flex-item btn-item">-->
         <!--<q-btn class="mybtn" round color="" icon="delete" @click.native="removeitem(itemtodo.id)"></q-btn>-->