818a7a4289
- fix: context-menu (right click) declared only once and using twice using: @click.native="$refs.popover.$refs.popup.show()"
48 lines
2.0 KiB
Vue
48 lines
2.0 KiB
Vue
<template>
|
|
<q-page>
|
|
<div class="panel">
|
|
<p class="caption"></p>
|
|
|
|
<div class="divtitlecat">
|
|
<div class="categorytitle">{{ getCategory() }}</div>
|
|
</div>
|
|
|
|
|
|
<div style="display: none">{{ prior = 0, priorcomplet = false }}</div>
|
|
<div class="drag">
|
|
<draggable v-model="todos_arr" :options="{draggable:'.myitemdrag'}"
|
|
@start="onStart" @end="onEnd" class="dragArea">
|
|
<transition-group>
|
|
<div :id="getmyid(mytodo.id)" :key="mytodo.id" v-for="mytodo in todos_arr" class="myitemdrag">
|
|
|
|
<div v-if="(prior !== mytodo.priority) && !mytodo.completed" :class="getTitlePriority(mytodo.priority)">
|
|
<label>{{getPriorityByInd(mytodo.priority)}}</label>
|
|
</div>
|
|
<div v-if="(!priorcomplet && mytodo.completed)" class="titleCompleted">
|
|
<label>{{$t('todo.completed')}}</label>
|
|
<div style="display: none">{{ priorcomplet = true }}</div>
|
|
</div>
|
|
<SingleTodo ref="single" @deleteitem="deleteitem" @eventupdate="updateitem"
|
|
@deselectAllRows="deselectAllRows"
|
|
:itemtodo='mytodo' />
|
|
|
|
<div style="display: none">{{ prior = mytodo.priority, priorcomplet = mytodo.completed }}</div>
|
|
</div>
|
|
</transition-group>
|
|
</draggable>
|
|
</div>
|
|
<q-input ref="insertTask" v-model="todo" inverted :float-label="$t('todo.insert')"
|
|
:after="[{icon: 'arrow_forward', content: true, handler () {}}]"
|
|
v-on:keyup.enter="insertTodo"/>
|
|
|
|
</div>
|
|
</q-page>
|
|
|
|
|
|
</template>
|
|
<script lang="ts" src="./todo.ts">
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
@import './todo.scss';
|
|
</style>
|