src/components/tasks/reusable/editAssignees.vue

@@ -84,8 +84,7 @@
 		},
 		methods: {
 			addAssignee(user) {
-				const taskAssignee = new TaskAssigneeModel({userId: user.id, taskId: this.taskId})
-				this.taskAssigneeService.create(taskAssignee)
+				this.$store.dispatch('tasks/addAssignee', {user: user, taskId: this.taskId})
 					.then(() => {
 						this.success({message: 'The user was successfully assigned.'}, this)
 					})

src/store/modules/tasks.js

@@ -1,4 +1,6 @@
 import TaskService from '../../services/task'
+import TaskAssigneeService from '../../services/taskAssignee'
+import TaskAssigneeModel from "../../models/taskAssignee";
 
 export default {
 	namespaced: true,
@@ -27,5 +29,24 @@ export default {
 			t.task.attachments.push(attachment)
 			ctx.commit('kanban/setTaskInBucketByIndex', t, {root: true})
 		},
+		addAssignee(ctx, {user, taskId}) {
+
+			const taskAssignee = new TaskAssigneeModel({userId: user.id, taskId: taskId})
+			const taskAssigneeService = new TaskAssigneeService()
+
+			return taskAssigneeService.create(taskAssignee)
+				.then(r => {
+					const t = ctx.rootGetters['kanban/getTaskById'](taskId)
+					if (t.task === null) {
+						return Promise.reject('Task not found.')
+					}
+					t.task.assignees.push(user)
+					ctx.commit('kanban/setTaskInBucketByIndex', t, {root: true})
+					return Promise.resolve(r)
+				})
+				.catch(e => {
+					return Promise.reject(e)
+				})
+		},
 	},
 }