Webapp: update task details when a task update is received

Fix an issue where the task details panel was not updated when the Manager
sends a task update.

web/app/src/stores/tasks.js

@@ -44,6 +44,16 @@ export const useTasks = defineStore('tasks', {
     },
   },
   actions: {
+    updateActiveTask(taskUpdate) {
+      if (!this.activeTask) return;
+
+      // Refuse to handle task update of another task.
+      if (this.activeTask.id != taskUpdate.id) return;
+
+      for (let field in taskUpdate) {
+        this.activeTask[field] = taskUpdate[field];
+      }
+    },
     setSelectedTasks(tasks) {
       this.$patch({
         selectedTasks: tasks,

web/app/src/views/JobsView.vue

@@ -147,7 +147,7 @@ export default {
      */
     onSioTaskUpdate(taskUpdate) {
       if (this.$refs.tasksTable) this.$refs.tasksTable.processTaskUpdate(taskUpdate);
-
+      this.tasks.updateActiveTask(taskUpdate);
       this.notifs.addTaskUpdate(taskUpdate);
     },