Revize 5885e489

Re #8583 - Loading screen and error reaction in certificate.html

static/js/index.js

@@ +1 @@
+    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: ''
@@ -30 +33 @@
     // 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"])
+            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;
         });