Merge pull request #351 from Authentick/certificates

Update the certificates table
Authentick · Mar 4, 2021 · cde9eec · cde9eec
2 parents 03fbd1c + 417f4a9
commit cde9eec
Showing 1 changed file with 13 additions and 20 deletions.
diff --git a/Gatekeeper.Client/Pages/Admin/Settings/TabView/LetsEncryptTabView.razor b/Gatekeeper.Client/Pages/Admin/Settings/TabView/LetsEncryptTabView.razor
@@ -1,26 +1,19 @@
 @inject AuthServer.Shared.Admin.LetsEncrypt.LetsEncryptClient LetsEncryptClient
 
-<p class="mt-2 font-weight-bold">Managed certificates:</p>
-<div class="table-responsive my-2">
-    <table class="table table-striped table-hover table-bordered mb-4 table-secondary">
-        <thead class="bg-secondary-dark">
-            <tr>
-                <th scope="col">Domain</th>
-                <th scope="col">Last issued</th>
-            </tr>
-        </thead>
-        <tbody>
-            @if(_certificateListReply != null) {
-                foreach(var certificate in _certificateListReply.Certificates) {
-                    <tr>
-                        <td>@certificate.Domain</td>
-                        <td>@certificate.LastIssued</td>
-                    </tr>
-                }
+@if(_certificateListReply != null && _certificateListReply.Certificates.Count != 0) {
+    <div class="d-flex flex-column simple-card my-4 p-4">
+            <div class="d-flex flex-row font-weight-bold">
+                <p class="col-6">Domain</p>
+                <p class="col-6">Certificate</p>
+            </div>
+            @foreach(var certificate in _certificateListReply.Certificates) {
+                <div class="d-flex flex-row">
+                    <p class="col-6">@certificate.Domain</p>
+                    <p class="col-6">@certificate.LastIssued</p>
+                </div>
             }
-        </tbody>
-    </table>
-</div>
+    </div>
+}
 
 @code {
     private AuthServer.Shared.Admin.CertificateListReply? _certificateListReply;