Revize 81e73700

Re #8583 - Improved certificate listing

static/js/components.js

@@ -4 +4 @@
     // certificate = certificate to be displayed by the list item
     props: ["certificate"],
     template: "<tr>"+
-                "<td class='align-middle'>{{ certificate.CN }}</td>"+
+                "<td class='align-middle'><a :href='certificateURL' class='font-weight-bold'>{{ certificate.CN }}</a></td>"+
                 "<td class='align-middle'>{{ certificate.notBefore }}</td>"+
                 "<td class='align-middle'>{{ certificate.notAfter }}</td>"+
                 "<td class='align-middle'>" +
@@ -14 +14 @@
                 "   <div v-if='certificate.usage.SSL'>SSL/TLS</div>" +
                 "</td>"+
                 "<td class='align-middle'><button v-on:click='onCertificateDownload()'>Download certificate</button></td>"+
-                "<td class='align-middle'><button v-on:click='onCertificateChainDownload()'>Download chain of trust</button></td>"+
-                "<td class='align-middle'><button v-on:click='onCertificateRootDownload()'>Download chain root</button></td>"+
+                "<td v-if='certificate.issuer.id !== certificate.id' class='align-middle'><a :href='issuerURL' class='font-weight-bold'>{{ certificate.issuer.CN }}</a></td>"+
+                "<td v-if='certificate.issuer.id === certificate.id'  class='align-middle'><a :href='issuerURL' class='font-weight-light'>self-signed</a></td>"+
             "</tr>",
+    computed: {
+        certificateURL: function () {
+            return "/static/certificate.html?id=" + this.certificate.id;
+        },
+        issuerURL: function () {
+            return "/static/certificate.html?id=" + this.certificate.issuer.id;
+        }
+    },
     methods: {
         // Get the certificate PEM data from the server and downloads it to users computer
         onCertificateDownload: function () {