commit 1a2bd74d8fa38f0848eca12759e03d162c09d236
author Dixsie Wolmers <dixsiew@gmail.com> Mon Sep 09 14:42:27 2019 -0500
committer Gunnar Mills <gmills@us.ibm.com> Thu Sep 19 18:56:09 2019 +0000
tree c5c8ea9d06fa264add4ce3a12aff1efc509e7033
parent db1e89edef8aca03f926a62e54390e5110d26a19

Certificate management alert icons implementation and alignment

- Replaces background image icons with icon directive
- Sizes and aligns icons in certificate table

TODO:
- Remove critical icon background image in separate commit

Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com>
Change-Id: I2e10bc3f3432331b6dd9354dbcd0e32480894ece

app/common/directives/certificate.html

diff --git a/app/common/directives/certificate.html b/app/common/directives/certificate.html
index 2b7d9b7..1a7d091 100644
--- a/app/common/directives/certificate.html
+++ b/app/common/directives/certificate.html
@@ -24,8 +24,16 @@
     Valid until:
   </div>
   <div class="certificate__status-cell">
-    <span class="inline" ng-class="{'icon__warning certificate__table__icon' : cert.isExpiring , 'icon__critical certificate__table__icon' : cert.isExpired}"
-      ng-if="cert.isExpired || cert.isExpiring"></span>
+    <icon file="icon-critical.svg"
+      aria-label="certificate has expired"
+      class="certificate__status-icon"
+      ng-if="cert.isExpired">
+    </icon>
+    <icon file="icon-warning.svg"
+      aria-label="certificate will expire soon"
+      class="certificate__status-icon"
+      ng-if="cert.isExpiring">
+    </icon>
   </div>
   <div class="certificate__date-cell">
     {{cert.ValidNotAfter | date:medium}}