Revize 5885e489

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

static/js/certificate.js

@@ +1 @@
+    Vue.use(VueLoading);
+    Vue.component('loading', VueLoading)
+
 
     var certificateDetailsApp = new Vue({
         el: "#certificate-detailed-view-content",
         data: {
+            loading: true,
+            error: false,
             id: null,
             certificate: {
                 subject: {
@@ -74 +79 @@
     // get details of the selected certificate
     const params = window.location.search;
     if (params !== "") {
+        // get requested ID
         const urlParams = new URLSearchParams(params);
         if (urlParams.get("id") != null) {
             const id = urlParams.get("id");
             certificateDetailsApp.id = id;
+            // query certificate detailes
             axios.get(API_URL + "certificates/"+id+"/details")
                 .then(function (response) {
-                    if (response.data["success"])
+                    if (response.data["success"]) {
+                        // display certificate
                         certificateDetailsApp.certificate = response.data["data"];
+                        certificateDetailsApp.loading = false;
+                        certificateDetailsApp.error = false;
+                    }
+                    else {
+                        // certificate does not exists
+                        console.error("Required certificate does not exists");
+                        certificateDetailsApp.loading = false;
+                        certificateDetailsApp.error = true;
+                    }
                 })
                 .catch(function (error) {
-                    alert("There should be some error reaction");
-                    // TODO error reaction -> display fault window
+                    // server error
+                    console.error(error);
+                    certificateDetailsApp.loading = false;
+                    certificateDetailsApp.error = true;
                 });
         } else {
-            alert("There should be some error reaction");
-            // TODO error reaction -> display fault window
+            // id was not provided as a URL parameter
+            console.error("URL does not contain 'id' parameter")
+            certificateDetailsApp.loading = false;
+            certificateDetailsApp.error = true;
         }
     } else {
-        alert("There should be some error reaction");
-        // TODO error reaction -> display fault window
-    }
+        console.error("URL does not contain 'id' parameter")
+        certificateDetailsApp.loading = false;
+        certificateDetailsApp.error = true;
+    }