surya/freeplanet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- Created component SubMenus to permit to call menu with:

Browse Source 
- right click
          <q-context-menu ref="contextMenu">
              <SubMenus :menuPopupTodo="menuPopupTodo" :itemtodo="itemtodo" @clickMenu="clickMenu" @setPriority="setPriority"></SubMenus>
          </q-context-menu>

  - click on btn:
              <q-btn flat
                     class="pos-item-popover"
                     icon="menu" >
                  <q-popover self="top right">
                      <SubMenus :menuPopupTodo="menuPopupTodo" :itemtodo="itemtodo" @clickMenu="clickMenu" @setPriority="setPriority"></SubMenus>
                  </q-popover>

              </q-btn>
This commit is contained in:
Paolo Arena
2019-01-30 02:01:04 +01:00
parent 2515bb598e
commit a3312e0d05
4 changed files with 37 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/components/todos/SingleTodo/SingleTodo.vue
View File

@@ -1,65 +1,16 @@
<template>
<div :class="getClassRow()">
<q-context-menu ref="popover">
<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>
<q-context-menu ref="contextMenu">
<SubMenus :menuPopupTodo="menuPopupTodo" :itemtodo="itemtodo" @clickMenu="clickMenu" @setPriority="setPriority"></SubMenus>
</q-context-menu>
<div v-if="isTodo()" class="flex-item pos-item" @mouseup.left="mouseUp" @mousedown="clickRiga">
<q-btn flat
class="pos-item-popover"
icon="menu"
@click.native="$refs.popover.$refs.popup.show()"
>
icon="menu" >
<q-popover self="top right">
<SubMenus :menuPopupTodo="menuPopupTodo" :itemtodo="itemtodo" @clickMenu="clickMenu" @setPriority="setPriority"></SubMenus>
</q-popover>
</q-btn>
</div>
@@ -70,8 +21,6 @@
:icon="iconCompleted"
@click.native="setCompleted">
</q-btn>
<!--<q-icon class=" mycols allleft icon_completed ScheduleStatus" :name="iconCompleted"
@click.native="setCompleted"/>-->
</div>
<q-input type="textarea" ref="inputdescr" v-model="precDescr"
@@ -86,13 +35,13 @@
<div v-if="isTodo()" class="flex-item progress-item">
<q-progress
:percentage="getPercentageProgress()"
:percentage="percentageProgress"
class="progress-item"
:color="colProgress"
>
</q-progress>
<div :class="percProgress">
{{getPercentageProgress()}}%
{{percentageProgress}}%
</div>
</div>