Revize dd56c333

Re #8583 - index.js moved initialization code into mounted

static/js/index.js

@@ -1 @@
-    Vue.use(VueLoading);
-    Vue.component('loading', VueLoading)
+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");
+// 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' };
+            // 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 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);
-            }
+            // 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;
-        });
+        // 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;
+            });
+    }
+});