From 786e7d04f22fddba8e11aba4ac38e8b06e37548d Mon Sep 17 00:00:00 2001
From: Jason Kulatunga <jason@thesparktree.com>
Date: Fri, 6 May 2022 17:25:40 -0700
Subject: [PATCH] make sure we print the overall device status in the details
 page.

---
 .../src/app/modules/detail/detail.component.html   | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/webapp/frontend/src/app/modules/detail/detail.component.html b/webapp/frontend/src/app/modules/detail/detail.component.html
index 87597ca..f7c2066 100644
--- a/webapp/frontend/src/app/modules/detail/detail.component.html
+++ b/webapp/frontend/src/app/modules/detail/detail.component.html
@@ -56,6 +56,20 @@
                     <div class="text-2xl font-semibold leading-tight">/dev/{{device?.device_name}}</div>
                 </div>
                 <div class="flex flex-col my-2 grid grid-cols-2">
+                    <div *ngIf="device" class="my-2 col-span-2 lt-md:col-span-1">
+                        <div>
+                            <span class="inline-flex items-center font-bold text-xs px-2 py-2px rounded-full tracking-wide uppercase"
+                                   [ngClass]="{'red-200': device?.device_status != 0,
+                                  'green-200': device?.device_status == 0}">
+                                <span class="w-2 h-2 rounded-full mr-2"
+                                      [ngClass]="{'bg-red': device?.device_status != 0,
+                                  'bg-green': device?.device_status == 0}"></span>
+                                <span class="pr-2px leading-relaxed whitespace-no-wrap">{{device?.device_status == 0 ? 'passed' : 'failed'}}</span>
+                            </span>
+                        </div>
+                        <div class="text-secondary text-md">Status</div>
+                    </div>
+
                     <div *ngIf="device?.host_id" class="my-2 col-span-2 lt-md:col-span-1">
                         <div>{{device?.host_id}}</div>
                         <div class="text-secondary text-md">Host ID</div>