End "project and Todos": what could modify or readonly.

src/components/todos/SingleTodo/SingleTodo.vue

@@ -4,6 +4,8 @@
             <q-btn push flat
                    :class="classCompleted"
                    :icon="iconCompleted"
+                   :readonly="!CanIModifyTodo"
+                   :disable="!CanIModifyTodo"
                    @click="setCompleted">
             </q-btn>
         </div>
@@ -13,9 +15,10 @@
                      v-model.trim="precDescr"
                      autogrow
                      borderless
+                     :readonly="!CanIModifyTodo"
                      dense
                      :class="classDescrEdit" :max-height="100"
-                     @keydown="keyDownArea" v-on:keydown.esc="exitEdit" @blur="exitEdit(true)" @click="editTodo()"/>
+                     @keydown="keyDownArea" v-on:keydown.esc="exitEdit" @blur="exitEdit(true)" @click="editTodo()"></q-input>
 
             <div v-else :class="classDescr"
                  @keydown="keyDownRow">{{itemtodo.descr}}
@@ -37,6 +40,7 @@
             <q-linear-progress
                     stripe
                     rounded
+                    :readonly="!CanIModifyTodo"
                     :value="percentageProgress / 100"
                     class="progrbar-item"
                     :color="colProgress"
@@ -44,8 +48,9 @@
             </q-linear-progress>
             <div :class="percProgress">
                 {{percentageProgress}}%
-                <q-popup-edit v-model="percentageProgress" title="Progress" buttons class="editProgress"
+                <q-popup-edit v-if="CanIModifyTodo" v-model="percentageProgress" title="Progress" buttons class="editProgress"
                               @change="val => { model = val }"
+                              :readonly="!CanIModifyTodo"
                               @save="aggiornaProgress"
                 >
                     <q-input dense autofocus type="number" v-model="percentageProgress" :max="100" :min="0"/>
@@ -57,14 +62,15 @@
 
         <div v-if="itemtodo.enableExpiring" :class="classExpiring">
             <CDate :mydate="itemtodo.expiring_at" @input="itemtodo.expiring_at = new Date(arguments[0])"
-                   data_class="data_string">
+                   data_class="data_string" :readonly="!CanIModifyTodo">
             </CDate>
         </div>
-        <div v-if="isTodo()" class="flex-item pos-item " @mousedown="clickRiga">
+        <div v-if="isTodo()" :class="classMenuBtn" @mousedown="clickRiga">
             <q-btn flat
                    :class="clButtPopover"
+                   :readonly="!CanIModifyTodo"
                    icon="menu">
-                <q-menu ref="popmenu" self="top right">
+                <q-menu v-if="CanIModifyTodo" ref="popmenu" self="top right">
                     <SubMenus :menuPopupTodo="menuPopupTodo" :itemtodo="itemtodo" @clickMenu="clickMenu"
                               @setPriority="setPriority"></SubMenus>
                 </q-menu>