DCsunset/taskwarrior-webui
1
0
Fork 0
mirror of https://github.com/DCsunset/taskwarrior-webui.git synced 2025-08-24 15:06:40 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(frontend): add confirmation before deleting and restoring

Browse source
This commit is contained in:
DCsunset 2020-07-14 22:10:15 -07:00
parent 2da5ddd4ce
commit e0c6f98cf9
2 changed files with 107 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

71
frontend/components/TaskList.vue
View file

@ -1,5 +1,11 @@
<template>
<div>
<ConfirmationDialog
v-model="showConfirmationDialog"
:title="confirmation.title"
:text="confirmation.text"
@yes="confirmation.handler"
/>
<TaskDialog v-model="showTaskDialog" :task="currentTask" />
<v-btn-toggle v-model="status" mandatory background-color="rgba(0, 0, 0, 0)">
@ -186,6 +192,7 @@ import { defineComponent, computed, reactive, ref, ComputedRef, Ref } from '@vue
import { Task } from 'taskwarrior-lib';
import _ from 'lodash';
import TaskDialog from '../components/TaskDialog.vue';
import ConfirmationDialog from '../components/ConfirmationDialog.vue';
import moment from 'moment';
function displayDate(str?: string) {
@ -246,12 +253,18 @@ export default defineComponent({
tempTasks[status] = computed((): Task[] => props.tasks?.filter(task => task.status === status));
}
const classifiedTasks = reactive(tempTasks);
console.log(tempTasks);
const refresh = () => {
context.root.$store.dispatch('fetchTasks');
};
const showConfirmationDialog = ref(false);
const confirmation = reactive({
title: 'Confirm',
text: '',
handler: () => {}
});
const showTaskDialog = ref(false);
const currentTask: Ref<Task | null> = ref(null);
const newTask = () => {
@ -264,15 +277,6 @@ export default defineComponent({
currentTask.value = _.cloneDeep(task);
};
const deleteTasks = async (tasks: Task[]) => {
await context.root.$store.dispatch('deleteTasks', tasks);
selected.value = selected.value.filter(task => tasks.findIndex(t => t.uuid === task.uuid) === -1);
context.root.$store.commit('setNotification', {
color: 'success',
text: 'Successfully delete the task(s)'
});
};
const completeTasks = async (tasks: Task[]) => {
await context.root.$store.dispatch('updateTasks', tasks.map(task => {
return {
@ -287,18 +291,35 @@ export default defineComponent({
});
};
const restoreTasks = async (tasks: Task[]) => {
await context.root.$store.dispatch('updateTasks', tasks.map(task => {
return {
...task,
status: 'pending'
};
}));
selected.value = selected.value.filter(task => tasks.findIndex(t => t.uuid === task.uuid) === -1);
context.root.$store.commit('setNotification', {
color: 'success',
text: 'Successfully restore the task(s)'
});
const deleteTasks = (tasks: Task[]) => {
confirmation.text = 'Are you sure to delete the task(s)?';
confirmation.handler = async () => {
await context.root.$store.dispatch('deleteTasks', tasks);
selected.value = selected.value.filter(task => tasks.findIndex(t => t.uuid === task.uuid) === -1);
context.root.$store.commit('setNotification', {
color: 'success',
text: 'Successfully delete the task(s)'
});
};
showConfirmationDialog.value = true;
};
const restoreTasks = (tasks: Task[]) => {
confirmation.text = 'Are you sure to restore the task(s)?';
confirmation.handler = async () => {
await context.root.$store.dispatch('updateTasks', tasks.map(task => {
return {
...task,
status: 'pending'
};
}));
selected.value = selected.value.filter(task => tasks.findIndex(t => t.uuid === task.uuid) === -1);
context.root.$store.commit('setNotification', {
color: 'success',
text: 'Successfully restore the task(s)'
});
};
showConfirmationDialog.value = true;
};
return {
@ -316,8 +337,12 @@ export default defineComponent({
completeTasks,
restoreTasks,
showTaskDialog,
showConfirmationDialog,
confirmation,
displayDate,
TaskDialog,
displayDate
ConfirmationDialog
};
}
});