fix: update finished task status in task list

Signed-off-by: Edward Ly <contact@edward.ly>

Author: edward-ly

src/assistant.js

@@ -5,6 +5,7 @@
 
 import { TASK_STATUS_STRING } from './constants.js'
 import { showError } from '@nextcloud/dialogs'
+import { emit } from '@nextcloud/event-bus'
 
 window.assistantPollTimerId = null
 
@@ -134,6 +135,7 @@ export async function openAssistantForm({
 						resolve(finishedTask)
 						view.loading = false
 						view.showSyncTaskRunning = false
+						emit('assistant:task:updated', finishedTask)
 					}).catch(error => {
 						console.debug('[assistant] poll error', error)
 					})
@@ -205,6 +207,7 @@ export async function openAssistantForm({
 						// resolve(finishedTask)
 						view.loading = false
 						view.showSyncTaskRunning = false
+						emit('assistant:task:updated', finishedTask)
 					}).catch(error => {
 						console.debug('[assistant] poll error', error)
 					})
@@ -508,6 +511,7 @@ export async function openAssistantTask(
 					// resolve(finishedTask)
 					view.loading = false
 					view.showSyncTaskRunning = false
+					emit('assistant:task:updated', finishedTask)
 				}).catch(error => {
 					console.debug('[assistant] poll error', error)
 					view.outputs = null
@@ -577,6 +581,7 @@ export async function openAssistantTask(
 					// resolve(finishedTask)
 					view.loading = false
 					view.showSyncTaskRunning = false
+					emit('assistant:task:updated', finishedTask)
 				}).catch(error => {
 					console.debug('[assistant] poll error', error)
 				})

src/components/TaskList.vue

@@ -36,6 +36,7 @@ import TaskListItem from './TaskListItem.vue'
 import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
 
 import axios from '@nextcloud/axios'
+import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 import { generateOcsUrl } from '@nextcloud/router'
 
 import { TASK_STATUS_STRING } from '../constants.js'
@@ -105,6 +106,11 @@ export default {
 
 	mounted() {
 		this.getTasks()
+		subscribe('assistant:task:updated', this.updateTask)
+	},
+
+	beforeDestroy() {
+		unsubscribe('assistant:task:updated', this.updateTask)
 	},
 
 	methods: {
@@ -124,6 +130,12 @@ export default {
 				this.$emit('update:loading', false)
 			})
 		},
+		updateTask(task) {
+			const taskToUpdate = this.tasks.find(t => t.id === task.id)
+			if (taskToUpdate) {
+				Object.assign(taskToUpdate, task)
+			}
+		},
 		onTaskDelete(task) {
 			const url = generateOcsUrl('taskprocessing/task/{id}', { id: task.id })
 			axios.delete(url).then(response => {

src/views/AssistantPage.vue

@@ -36,6 +36,7 @@ import NcAppContent from '@nextcloud/vue/dist/Components/NcAppContent.js'
 import AssistantTextProcessingForm from '../components/AssistantTextProcessingForm.vue'
 
 import { showError } from '@nextcloud/dialogs'
+import { emit } from '@nextcloud/event-bus'
 import { loadState } from '@nextcloud/initial-state'
 import {
 	cancelTask,
@@ -130,6 +131,7 @@ export default {
 						}
 						this.loading = false
 						this.showSyncTaskRunning = false
+						emit('assistant:task:updated', finishedTask)
 					}).catch(error => {
 						console.debug('[assistant] poll error', error)
 					})
@@ -194,6 +196,7 @@ export default {
 						// resolve(finishedTask)
 						this.loading = false
 						this.showSyncTaskRunning = false
+						emit('assistant:task:updated', finishedTask)
 					}).catch(error => {
 						console.debug('Assistant poll error', error)
 					})