- dialog confirm delete item

- fix: context-menu (right click) declared only once and using twice using:
  @click.native="$refs.popover.$refs.popup.show()"

src/components/todos/SubMenus/SubMenus.ts

@@ -0,0 +1,21 @@
+import Vue from 'vue'
+import { Component, Prop } from 'vue-property-decorator'
+
+import { ITodo } from '../../../model/index'
+
+
+@Component({
+  name: 'SubMenus'
+})
+
+export default class SubMenus extends Vue {
+
+  @Prop({ required: true }) menuPopupTodo: any[] = []
+  @Prop({ required: true }) itemtodo: ITodo[] = []
+  $q: any
+
+  create () {
+
+    console.log('CREAZIONE')
+  }
+}

src/components/todos/SubMenus/SubMenus.vue

@@ -0,0 +1,57 @@
+<template>
+    <div>
+        <q-list link separator no-border class="todo-menu">
+            <div v-for="field in menuPopupTodo" :key="field.value">
+                <q-item v-if="(field.value !== 130)" :icon="field.icon"
+                        @click.native="clickMenu(field.value)">
+                    <q-item-side :icon="field.icon"/>
+
+                    <q-item-main v-if="field.value !== 120">
+                        <q-item-tile label class="item-menu">{{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-side v-if="field.value === 110">
+                        <q-checkbox v-model="itemtodo.completed"/>
+                    </q-item-side>
+
+                    <q-item-main v-if="field.value === 120">
+                        <q-slider :class="menuProgress" v-model="itemtodo.progress" :min="0" :max="100"/>
+                    </q-item-main>
+                    <q-item-side v-if="field.value === 120">
+                        <div :class="percProgress">
+                            {{getPercentageProgress()}}%
+                        </div>
+                    </q-item-side>
+
+                </q-item>
+                <q-item v-else :icon="field.icon"
+                        @click.native="clickMenu(field.value)">
+
+                    <q-item-side :icon="iconPriority"/>
+
+                    <q-item-main>
+                        <q-btn-dropdown ref="dropdown_priority" flat :label="field.label"
+                        >
+                            <q-list link>
+                                <q-item v-close-overlay v-for="field in selectPriority" :key="field.value"
+                                        @click.native="setPriority(field.value)">
+                                    <q-item-side :icon="field.icon" inverted color="primary"/>
+                                    <q-item-main>
+                                        <q-item-tile label>{{field.label}}</q-item-tile>
+                                    </q-item-main>
+                                </q-item>
+                            </q-list>
+                        </q-btn-dropdown>
+                    </q-item-main>
+
+                </q-item>
+            </div>
+        </q-list>
+    </div>
+</template>
+
+<script lang="ts" src="./SubMenus.ts">
+</script>

src/components/todos/SubMenus/index.ts

@@ -0,0 +1 @@
+export {default as SubMenus} from './SubMenus.vue'