From 23dcef5b8150cf513861cb9e1dc89afcd97f525a Mon Sep 17 00:00:00 2001 From: ArabCoders Date: Fri, 29 Dec 2023 15:39:13 +0300 Subject: [PATCH] more changes --- frontend/src/App.vue | 11 ++++++++++- frontend/src/components/Form-Add.vue | 3 ++- frontend/src/components/Page-Tasks.vue | 9 ++++++--- 3 files changed, 18 insertions(+), 5 deletions(-) diff --git a/frontend/src/App.vue b/frontend/src/App.vue index 646203a1..02102988 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -31,7 +31,7 @@ import { useToast } from 'vue-toastification' import { useStorage, useEventBus } from '@vueuse/core' const toast = useToast(); -const bus = useEventBus('item_added'); +const bus = useEventBus('item_added', 'show_form'); const config = reactive({ isConnected: false, @@ -178,6 +178,15 @@ const deleteTask = (indexNumber, item) => { return index !== indexNumber; }); } +bus.on((event) => { + const allowedEvents = ['show_form']; + if (!allowedEvents.includes(event)) { + return; + } + if ('show_form' === event) { + addForm.value = true; + } +}); diff --git a/frontend/src/components/Form-Add.vue b/frontend/src/components/Form-Add.vue index 755defb2..07d9cfa9 100644 --- a/frontend/src/components/Form-Add.vue +++ b/frontend/src/components/Form-Add.vue @@ -148,7 +148,7 @@ import { defineEmits, defineProps, onMounted, ref } from 'vue' import { downloadFormats } from '../formats.js' import { useStorage, useEventBus } from '@vueuse/core' -const bus = useEventBus('item_added', 'task_edit'); +const bus = useEventBus('item_added', 'task_edit','show_form'); const emits = defineEmits(['addItem']); const selectedFormat = useStorage('selectedFormat', 'any') @@ -244,6 +244,7 @@ bus.on((event, data) => { downloadPath.value = data.folder; url.value = data.url; showAdvanced.value = true; + bus.emit('show_form'); } }); diff --git a/frontend/src/components/Page-Tasks.vue b/frontend/src/components/Page-Tasks.vue index fd10a721..e5067cb9 100644 --- a/frontend/src/components/Page-Tasks.vue +++ b/frontend/src/components/Page-Tasks.vue @@ -80,12 +80,15 @@ import moment from "moment"; import { parseExpression } from 'cron-parser'; require('cron-parser'); -defineEmits(['task_edit', 'task_remove']) +defineEmits(['task_edit', 'task_remove',]) -const bus = useEventBus('item_added', 'task_edit'); +const bus = useEventBus('item_added', 'task_edit', 'show_form'); const taskEdit = (item) => { - bus.emit('task_edit', item); + bus.emit('show_form'); + setTimeout(() => { + bus.emit('item_added', item); + }, 1000); } defineProps({