aswi2021jmsd-gitlab4/static/js/index.js @ 7a34cbd3

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;
            });
    }
});