From 1d574b7a93cc931e6cda69ca61b26f16700c6fe8 Mon Sep 17 00:00:00 2001
From: cptran777 <catran@linkedin.com>
Date: Wed, 8 Aug 2018 10:24:19 -0700
Subject: [PATCH] Add health score gauge to the dataset meta header

---
 wherehows-web/app/styles/layout/_dataset.scss | 19 ++++++++++++
 .../app/templates/datasets/dataset.hbs        | 31 ++++++++++++++-----
 2 files changed, 42 insertions(+), 8 deletions(-)

diff --git a/wherehows-web/app/styles/layout/_dataset.scss b/wherehows-web/app/styles/layout/_dataset.scss
index 3b9bad9330..3ccf967cf7 100644
--- a/wherehows-web/app/styles/layout/_dataset.scss
+++ b/wherehows-web/app/styles/layout/_dataset.scss
@@ -12,3 +12,22 @@
   text-overflow: ellipsis;
   margin: 0;
 }
+
+.dataset-header-meta {
+  display: flex;
+  position: relative;
+
+  .dataset-health-score {
+    position: absolute;
+    right: item-spacing(5);
+    bottom: 0;
+  }
+
+  .dataset-owner-list {
+    margin-left: item-spacing(4);
+
+    .avatar-container {
+      justify-content: flex-start;
+    }
+  }
+}
diff --git a/wherehows-web/app/templates/datasets/dataset.hbs b/wherehows-web/app/templates/datasets/dataset.hbs
index 283e74c862..c1060d5823 100644
--- a/wherehows-web/app/templates/datasets/dataset.hbs
+++ b/wherehows-web/app/templates/datasets/dataset.hbs
@@ -49,17 +49,32 @@
           {{/if}}
         </div>
 
-        {{#datasets/containers/dataset-fabrics class="dataset-fabric-row-container" urn=model.uri as |fabricsContainer|}}
-          <div class="dataset-fabric-entity-container">
-            <strong>Fabric:</strong> {{datasets/dataset-fabric-switcher
-            urn=fabricsContainer.urn
-          }}
-          </div>
-        {{/datasets/containers/dataset-fabrics}}
+        <div class="dataset-header-meta">
+          {{#datasets/containers/dataset-fabrics class="dataset-fabric-row-container" urn=model.uri as |fabricsContainer|}}
+            <div class="dataset-fabric-entity-container">
+              <strong>Fabric:</strong> {{datasets/dataset-fabric-switcher urn=fabricsContainer.urn }}
+            </div>
+          {{/datasets/containers/dataset-fabrics}}
+
+          {{#if shouldShowDatasetHealth}}
+            {{datasets/containers/dataset-owner-list
+              urn=encodedUrn
+              class="dataset-owner-list"
+              shouldShowDatasetHealth=shouldShowDatasetHealth}}
+
+            {{visualization/charts/score-gauge
+              class="dataset-health-score"
+              score=83
+              title="Health Score:"}}
+          {{/if}}
+        </div>
+
       </div>
     </div>
 
-    {{datasets/containers/dataset-owner-list urn=encodedUrn}}
+    {{#unless shouldShowDatasetHealth}}
+      {{datasets/containers/dataset-owner-list urn=encodedUrn}}
+    {{/unless}}
 
   </div>
 </div>