Extending certificate table with Issuer and Subject columns.
This commit introduce two new columns on certificate table.
It should help user to differentiate multiple mTLS certificates.
Date format was changed to 'medium' one to accommodate two new columns.
Small corrections were made to action button paddings to make the icon better centered.
Tested: GUI tests were done on Chromium v74.0.3729 browser. Desktop and mobile version.
Signed-off-by: Zbigniew Kurzynski <zbigniew.kurzynski@intel.com>
Change-Id: I660b74dd8b50f854ebbdad1890bbf99b3675f4cd
diff --git a/app/common/directives/certificate.html b/app/common/directives/certificate.html
index a46de69..8579f7a 100644
--- a/app/common/directives/certificate.html
+++ b/app/common/directives/certificate.html
@@ -3,10 +3,22 @@
{{cert.Description}}
</div>
<div class="certificate__title-inline">
+ Issued by:
+ </div>
+ <div class="certificate__issue-cell">
+ {{cert.Issuer.CommonName}}
+ </div>
+ <div class="certificate__title-inline">
+ Issued to:
+ </div>
+ <div class="certificate__issue-cell">
+ {{cert.Subject.CommonName}}
+ </div>
+ <div class="certificate__title-inline">
Valid from:
</div>
<div class="certificate__date-cell">
- {{cert.ValidNotBefore | localeDate}}
+ {{cert.ValidNotBefore | date:medium}}
</div>
<div class="certificate__title-inline">
Valid until:
@@ -17,7 +29,7 @@
ng-if="cert.isExpired || cert.isExpiring"></span>
</div>
<div class="certificate__date-cell">
- {{cert.ValidNotAfter | localeDate}}
+ {{cert.ValidNotAfter | date:medium}}
</div>
<div class="certificate__buttons-cell">
<button type="button" class="btn btn-tertiary certificate__button">