From 22ce5a3e13d6064729d94b817001cc2e8d88e351 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sybren=20A=2E=20St=C3=BCvel?= <sybren@blender.org>
Date: Thu, 19 May 2022 15:42:57 +0200
Subject: [PATCH] Web: only show tasks table if there is job data to show

Without this, the tasks table would be shown (off-screen, so you'd have
to scroll to see it) when there is an active job ID, but no data loaded
due to the backend being unavailable.
---
 web/app/src/views/JobsView.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/app/src/views/JobsView.vue b/web/app/src/views/JobsView.vue
index b79e5bf5..e989c5bd 100644
--- a/web/app/src/views/JobsView.vue
+++ b/web/app/src/views/JobsView.vue
@@ -4,7 +4,7 @@
   </div>
   <div class="col col-2">
     <job-details :jobData="jobs.activeJob" />
-    <tasks-table v-if="jobID" ref="tasksTable" :jobID="jobID" :taskID="taskID" @tableRowClicked="onTableTaskClicked" />
+    <tasks-table v-if="hasJobData" ref="tasksTable" :jobID="jobID" :taskID="taskID" @tableRowClicked="onTableTaskClicked" />
   </div>
   <div class="col col-3">
     <task-details :taskData="tasks.activeTask" />
@@ -55,6 +55,11 @@ export default {
     notifs: useNotifs(),
     showFooterPopup: false,
   }),
+  computed: {
+    hasJobData() {
+      return !objectEmpty(this.jobs.activeJob);
+    },
+  },
   mounted() {
     window.jobsView = this;
     window.footerPopup = this.$refs.footerPopup;