Open popup detail view when opening from task overview

src/components/lists/views/List.vue

@@ -58,7 +58,7 @@
 			<div class="column">
 				<div class="tasks" v-if="tasks && tasks.length > 0" :class="{'short': isTaskEdit}">
 					<div class="task" v-for="t in tasks" :key="t.id">
-						<single-task-in-list :the-task="t" @taskUpdated="updateTasks"/>
+						<single-task-in-list :the-task="t" @taskUpdated="updateTasks" task-detail-route="task.detail"/>
 						<div @click="editTask(t.id)" class="icon settings" v-if="!list.isArchived">
 							<icon icon="pencil-alt"/>
 						</div>

src/components/tasks/reusable/singleTaskInList.vue

@@ -1,7 +1,7 @@
 <template>
 	<span>
 		<fancycheckbox v-model="task.done" @change="markAsDone" :disabled="isArchived"/>
-		<router-link :to="{ name: 'task.detail', params: { id: task.id } }" class="tasktext"  :class="{ 'done': task.done}">
+		<router-link :to="{ name: taskDetailRoute, params: { id: task.id } }" class="tasktext"  :class="{ 'done': task.done}">
 			<!-- Show any parent tasks to make it clear this task is a sub task of something -->
 			<span class="parent-tasks" v-if="typeof task.relatedTasks.parenttask !== 'undefined'">
 				<template v-for="(pt, i) in task.relatedTasks.parenttask">
@@ -58,6 +58,10 @@
 				type: Boolean,
 				default: false,
 			},
+			taskDetailRoute: {
+				type: String,
+				default: 'task.list.detail'
+			}
 		},
 		watch: {
 			theTask(newVal) {