Revize 56b36ca7

Re #8583 - Display issued certificates

static/js/components.js

@@ -38 +38 @@
     // Certificate authority to be represented by the option
     props: ["ca"],
     template: "<option v-bind:value='ca.id'>{{ ca.CN }}</option>"
+});
+
+// Component representing a certificate issued by displayed CA
+Vue.component("issued-by-list-item", {
+    props: ["certificate"],
+    template:   "<tr class='align-middle text-center'>"+
+                    "<td class='align-middle'><a :href='certificateURL' class='font-weight-bold'>{{ certificate.CN }}</a></td>"+
+                    "<td class='align-middle'>" +
+                    "   <div v-if='certificate.usage.CA'>CA</div>" +
+                    "   <div v-if='certificate.usage.authentication'>authentication</div>" +
+                    "   <div v-if='certificate.usage.digitalSignature'>digital signature</div>" +
+                    "   <div v-if='certificate.usage.SSL'>SSL/TLS</div>" +
+                    "</td>"+
+                "</tr>",
+    computed: {
+        certificateURL: function () {
+            return "/static/certificate.html?id=" + this.certificate.id;
+        }
+    }
 });