aswi2021jmsd-gitlab4/static/js/index.js @ 4a772c43

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: async 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
        try {
            const response = await axios.get(API_URL + "certificates");
            if (response.data["success"]) {
                response.data["data"].forEach(item => certificateListingApp.certificates.push(item))
            }
            certificateListingApp.loading = false;
        } catch (error) {
            console.log(error);
            certificateListingApp.loading = false;
        }
    }
});