aswi2021jmsd-gitlab/static/js/certificate.js @ 3c468ba1

Vue.use(VueLoading);
Vue.component('loading', VueLoading)


var certificateDetailsApp = new Vue({
    el: "#certificate-detailed-view-content",
    data: {
        loading: true,
        error: false,
        id: null,
        displayIssuer: false,
        issuerLoaded: false,
        revocationReason: "unspecified",
        issuedCertificates: [],
        identityName: "",
        identityPass: "",
        certificate: {
            subject: {
                C: "",
                ST: "",
                L: "",
                CN: "",
                O: "",
                OU: "",
                emailAddress: "",
            },
            notBefore: "",
            notAfter: "",
            usage: {
                CA: false,
                authentication: false,
                digitalSignature: false,
                SSL: false,
            },
            CA: null,
            status: "",
        },
        issuer: {
            subject: {
                C: "",
                ST: "",
                L: "",
                CN: "",
                O: "",
                OU: "",
                emailAddress: "",
            },
            notBefore: "",
            notAfter: "",
            usage: {
                CA: false,
                authentication: false,
                digitalSignature: false,
                SSL: false,
            },
            CA: null,
            status: "",
        },
        errorMessage: "",
        successMessage: "",
    },
    computed: {
        startDate: function () {
            return this.certificate.notBefore.substr(0, 16);
        },
        endDate: function () {
            return this.certificate.notAfter.substr(0, 16);
        },
        issuerURL: function () {
            return "/static/certificate.html?id=" + this.certificate.CA;
        },
        crlEndpoint: function () {
            return "/api/crl/" + this.certificate.CA;
        },
        ocspEndpoint: function () {
            return "/api/ocsp/" + this.certificate.CA;
        }
    },
    watch: {},
    methods: {
        onShowIssuer: async function() {
            if (!this.issuerLoaded) {
                // query certificate details
                try {
                    const response = await axios.get(API_URL + "certificates/" + this.certificate.CA + "/details");
                    if (response.data["success"]) {
                        // display certificate
                        certificateDetailsApp.issuer = response.data["data"];
                        this.issuerLoaded = true;
                    } else {
                        // certificate does not exists
                        console.error("Required certificate does not exists");
                        this.showError("Error occurred while loading issuer's details.");
                    }
                } catch (error) {
                    console.error(error);
                    this.showError("Error occurred while loading issuer's details.");
                }
            }
            this.displayIssuer = ~this.displayIssuer;
        },
        onCertificateDownload: async function () {
            await onCertificateDownload(this.id);
        },
        onRootDownload: async function () {
            await onCertificateRootDownload(this.id);
        },
        onChainDownload: async function () {
            await onCertificateChainDownload(this.id);
        },
        onPublicKeyDownload: async function () {
            await onPublicKeyDownload(this.id);
        },
        onPrivateKeyDownload: async function () {
            await onPrivateKeyDownload(this.id);
        },
        onIdentityDownload: async function() {
            this.errorMessage = "";
            if (this.identityName === "") {
                this.errorMessage = "Identity name must not be empty! Please try again.";
                document.body.scrollTop = 0;
                document.documentElement.scrollTop = 0;
                return;
            }
            await onIdentityDownload(this.id, this.identityName, this.identityPass);
        },
        onRevoke: async function () {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
            try {
                const response = await axios.patch(API_URL + "certificates/" + this.id, {
                    status: "revoked",
                    reason: this.revocationReason
                });
                if (response.data["success"]) {
                    certificateDetailsApp.successMessage = "Certificate revocation successful.";
                } else {
                    certificateDetailsApp.errorMessage = "Certificate cannot be revoked - " + response.data["data"] + "!";
                }
            } catch (error) {
                certificateDetailsApp.errorMessage = "An error occurred while revoking certificate";
            }
        },
        onDelete: async function () {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
            try {
                const response = await axios.delete(API_URL + "certificates/" + this.id);
                if (response.data["success"]) {
                    window.location.href = "/static/index.html?success=Certificate+successfully+deleted";
                } else {
                    certificateDetailsApp.errorMessage = "Certificate cannot be deleted - " + response.data["data"] + "!";
                }
            } catch (error) {
                certificateDetailsApp.errorMessage = "An error occurred while deleting certificate";
            }
        }
    },
    mounted: async function () {
        // get details of the selected certificate
        const params = window.location.search;
        if (params !== "") {
            // get requested ID
            const urlParams = new URLSearchParams(params);
            if (urlParams.get("id") != null) {
                const id = urlParams.get("id");
                this.id = id;
                var loadedDetails = false;
                // query certificate details
                try {
                    const response = await axios.get(API_URL + "certificates/" + id + "/details");
                    if (response.data["success"]) {
                        // display certificate
                        certificateDetailsApp.certificate = response.data["data"];
                        loadedDetails = true;
                    } else {
                        // certificate does not exists
                        console.error("Required certificate does not exists");
                        certificateDetailsApp.loading = false;
                        certificateDetailsApp.error = true;
                    }
                } catch (error) {
                    console.error(error);
                    certificateDetailsApp.loading = false;
                    certificateDetailsApp.error = true;
                }
            } else {
                // id was not provided as a URL parameter
                console.error("URL does not contain 'id' parameter")
                certificateDetailsApp.loading = false;
                certificateDetailsApp.error = true;
            }
        } else {
            console.error("URL does not contain 'id' parameter")
            certificateDetailsApp.loading = false;
            certificateDetailsApp.error = true;
        }

        if (!loadedDetails) return;
        try {
            const response = await axios.get(API_URL + "certificates", {
                params: {
                    filtering: {
                        issuedby: parseInt(certificateDetailsApp.id)
                    }
                }
            });
            if (response.data["success"]) {
                response.data["data"].forEach(item => {
                    if (item.id != certificateDetailsApp.id) certificateDetailsApp.issuedCertificates.push(item)
                })
            } else {
                certificateDetailsApp.issuedCertificates = [];
            }
        } catch (error) {
            console.log(error);
        }
        this.loading = false;
        this.error = false;
    }
});