diff --git a/internal/manager/persistence/jobs.go b/internal/manager/persistence/jobs.go
index 3ff44c0b..cb5df2c7 100644
--- a/internal/manager/persistence/jobs.go
+++ b/internal/manager/persistence/jobs.go
@@ -238,6 +238,7 @@ func (db *DB) FetchTask(ctx context.Context, taskUUID string) (*Task, error) {
dbTask := Task{}
tx := db.gormDB.WithContext(ctx).
Joins("Job").
+ Joins("Worker").
First(&dbTask, "tasks.uuid = ?", taskUUID)
if tx.Error != nil {
return nil, taskError(tx.Error, "fetching task")
diff --git a/web/app/src/components/WorkerLink.vue b/web/app/src/components/WorkerLink.vue
new file mode 100644
index 00000000..2bac4253
--- /dev/null
+++ b/web/app/src/components/WorkerLink.vue
@@ -0,0 +1,8 @@
+
+ {{ worker.name }} ({{ worker.address }})
+
+
+
diff --git a/web/app/src/components/jobs/TaskDetails.vue b/web/app/src/components/jobs/TaskDetails.vue
index d57665e0..2baa9033 100644
--- a/web/app/src/components/jobs/TaskDetails.vue
+++ b/web/app/src/components/jobs/TaskDetails.vue
@@ -12,6 +12,9 @@
Status
{{ taskData.status }}
+ Assigned To
+
+
Activity
{{ taskData.activity }}
@@ -33,7 +36,7 @@
Failed by Workers
- {{ worker.name }} ({{ worker.address }})
+
@@ -56,11 +59,13 @@
import * as datetime from "@/datetime";
import * as API from '@/manager-api';
import { apiClient } from '@/stores/api-query-count';
+import WorkerLink from '@/components/WorkerLink.vue';
export default {
props: [
"taskData", // Task data to show.
],
+ components: {WorkerLink},
data() {
return {
datetime: datetime, // So that the template can access it.