From 4b888136aca08e35061efa1a4fdb0194744d7595 Mon Sep 17 00:00:00 2001
From: Hannah Eslinger <heslinge@nrel.gov>
Date: Tue, 24 Oct 2023 09:47:38 -0600
Subject: [PATCH] Add passes badge

---
 .../src/app/model-detail/model-detail.component.html         | 2 +-
 .../src/app/shape-validation/shape-validation.component.css  | 5 +++++
 .../src/app/shape-validation/shape-validation.component.html | 3 ++-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/buildingmotif-app/src/app/model-detail/model-detail.component.html b/buildingmotif-app/src/app/model-detail/model-detail.component.html
index 18aaedc25..4f2272807 100644
--- a/buildingmotif-app/src/app/model-detail/model-detail.component.html
+++ b/buildingmotif-app/src/app/model-detail/model-detail.component.html
@@ -37,7 +37,7 @@
             <mat-tab label="Validate">
                 <app-model-validate [modelId]=model.id></app-model-validate>
             </mat-tab>
-            <mat-tab label="new thing">
+            <mat-tab label="Application Explorer">
                 <app-shape-validation [modelId]=model.id></app-shape-validation>
             </mat-tab>         
         </mat-tab-group>
diff --git a/buildingmotif-app/src/app/shape-validation/shape-validation.component.css b/buildingmotif-app/src/app/shape-validation/shape-validation.component.css
index d401fd7e0..d9144e0f9 100644
--- a/buildingmotif-app/src/app/shape-validation/shape-validation.component.css
+++ b/buildingmotif-app/src/app/shape-validation/shape-validation.component.css
@@ -49,4 +49,9 @@ mat-card {
 
 mat-card-content{
     white-space: pre-line
+}
+
+.passes{
+    background-color: green;
+    color: white;
 }
\ No newline at end of file
diff --git a/buildingmotif-app/src/app/shape-validation/shape-validation.component.html b/buildingmotif-app/src/app/shape-validation/shape-validation.component.html
index eec2d5ac2..7029f223c 100644
--- a/buildingmotif-app/src/app/shape-validation/shape-validation.component.html
+++ b/buildingmotif-app/src/app/shape-validation/shape-validation.component.html
@@ -36,7 +36,8 @@
             <mat-card-title>{{item.key}}</mat-card-title>
           </mat-card-header>
           <mat-card-content>
-            <div *ngFor="let reason of item.value">{{reason}}</div>
+            <button class="passes" [disableRipple]="true" button mat-button *ngIf="!item.value.length"> Passes</button>
+            <div *ngFor="let reason of item.value"> - {{reason}}</div>
           </mat-card-content>
         </mat-card>
       </mat-list>