From 8787b14e53c8b6fd0cf81044ad1643de1eeaee5b Mon Sep 17 00:00:00 2001
From: Simone Gotti <simone.gotti@gmail.com>
Date: Tue, 7 May 2019 00:28:20 +0200
Subject: [PATCH] run: check that run is not null

---
 src/components/run.vue | 78 ++++++++++++++++++++++--------------------
 1 file changed, 40 insertions(+), 38 deletions(-)

diff --git a/src/components/run.vue b/src/components/run.vue
index 7ad4a78..bf85026 100644
--- a/src/components/run.vue
+++ b/src/components/run.vue
@@ -1,51 +1,53 @@
 <template>
   <div>
     <RunDetail :run="run"/>
-    <div v-if="run.phase != 'setuperror'">
-      <div class="tabs">
-        <ul>
-          <li>
-            <a>Tasks</a>
-          </li>
-        </ul>
-      </div>
+    <div v-if="run">
+      <div v-if="run.phase != 'setuperror'">
+        <div class="tabs">
+          <ul>
+            <li>
+              <a>Tasks</a>
+            </li>
+          </ul>
+        </div>
 
-      <div v-if="run" class="tasks-list">
-        <div v-for="task in run.sortedTasks" v-bind:key="task.id" :class="taskClass(task)">
-          <div class="task-content">
-            <div class="columns">
-              <router-link class="column is-10" tag="a" :to="runTaskLink(task)">
-                <span class="name">{{task.name}}</span>
-              </router-link>
-              <div class="column">
-                <span
-                  class="tag"
-                  v-if="run.tasks_waiting_approval.includes(task.id)"
-                >Waiting approval</span>
+        <div v-if="run" class="tasks-list">
+          <div v-for="task in run.sortedTasks" v-bind:key="task.id" :class="taskClass(task)">
+            <div class="task-content">
+              <div class="columns">
+                <router-link class="column is-10" tag="a" :to="runTaskLink(task)">
+                  <span class="name">{{task.name}}</span>
+                </router-link>
+                <div class="column">
+                  <span
+                    class="tag"
+                    v-if="run.tasks_waiting_approval.includes(task.id)"
+                  >Waiting approval</span>
+                </div>
+                <div class="parents column">
+                  <span v-if="parents(task).length > 0">depends on: &nbsp;</span>
+                  <span class="parent" v-for="dep in parents(task)" v-bind:key="dep">{{dep}}</span>
+                </div>
               </div>
-              <div class="parents column">
-                <span v-if="parents(task).length > 0">depends on: &nbsp;</span>
-                <span class="parent" v-for="dep in parents(task)" v-bind:key="dep">{{dep}}</span>
-              </div>
-            </div>
-            <!--               <span
+              <!--               <span
                 class="duration"
                 v-if="duration && (step.Phase == 'success' || step.Phase == 'failed') "
-            >{{duration}}</span>-->
+              >{{duration}}</span>-->
+            </div>
           </div>
         </div>
       </div>
-    </div>
-    <div v-else>
-      <div class="tabs">
-        <ul>
-          <li>
-            <a>Setup Errors</a>
-          </li>
-        </ul>
-      </div>
-      <div class="setuperrors">
-        <span class="error-line" v-for="(error, i) in run.setup_errors" v-bind:key="i">{{error}}</span>
+      <div v-else>
+        <div class="tabs">
+          <ul>
+            <li>
+              <a>Setup Errors</a>
+            </li>
+          </ul>
+        </div>
+        <div class="setuperrors">
+          <span class="error-line" v-for="(error, i) in run.setup_errors" v-bind:key="i">{{error}}</span>
+        </div>
       </div>
     </div>
   </div>