aswi2021jmsd-gitlab/static/js/index.js @ fa272659

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

    // certificate listing app VUE instance
    var certificateListingApp = new Vue({
        el: "#certificateListingPage",
        data: {
            loading: true,
            // list of all certificates to be displayed in the list
            certificates: [],
            successMessage: ''
        },
        mounted: function () {
            const params = window.location.search;
            if (params !== "") {
                const urlParams = new URLSearchParams(params);
                if (urlParams.get("success") != null) this.successMessage = urlParams.get("success");

                // the following code is necessary to dismiss the alert when the page is reloaded
                const nextURL = '/static/index.html';
                const nextTitle = 'X.509 Certificate Management';
                const nextState = { additionalInformation: 'Updated the URL with JS' };

                // This will create a new entry in the browser's history, without reloading
                window.history.pushState(nextState, nextTitle, nextURL);

                // This will replace the current entry in the browser's history, without reloading
                window.history.replaceState(nextState, nextTitle, nextURL);
            }
        }
    });

    // download a list of all available certificates and display them in the table
    axios.get(API_URL + "certificates")
        .then(function (response) {
            if (response.data["success"]) {
                response.data["data"].forEach(item => certificateListingApp.certificates.push(item))
            }
            certificateListingApp.loading = false;
        })
        .catch(function (error) {
            console.log(error);
            certificateListingApp.loading = false;
        });