aswi2021jmsd-gitlab4/static/js/components.js @ e75db9cd

Vue.component("certificate-item",{
        props: ["certificate"],
        template: "<tr>"+
                    "<td class='align-middle'>{{ certificate.CN }}</td>"+
                    "<td class='align-middle'>{{ certificate.notBefore }}</td>"+
                    "<td class='align-middle'>{{ certificate.notAfter }}</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>"+
                    "<td class='align-middle'><button v-on:click='onCertificateDownload()'>Download certificate</button></td>"+
                    "<td class='align-middle'><button>Download chain of trust</button></td>"+
                    "<td class='align-middle'><button>Download chain root</button></td>"+
                "</tr>",
        methods: {
            onCertificateDownload: function () {
                var id = this.certificate.id;
                axios.get("https://virtserver.swaggerhub.com/janpasek97/X509_management/1.0.0/api/certificates/" + id)
                    .then(function (response) {
                        if(response.data["success"]) {
                            download(id + ".crt", response.data["data"])
                        }
                        else
                            console.log("Error occurred while downloading the certificate") // TODO more action may be required
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            }
        }
    });