app/ayanova/package-lock.json

@@ -11113,6 +11113,11 @@
         "set-blocking": "~2.0.0"
       }
     },
+    "nprogress": {
+      "version": "0.2.0",
+      "resolved": "http://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
+      "integrity": "sha1-y480xTIT2JVyP8urkH6UIq28r7E="
+    },
     "nth-check": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",

app/ayanova/package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@babel/polyfill": "^7.0.0-rc.1",
     "jwt-decode": "^2.2.0",
+    "nprogress": "^0.2.0",
     "register-service-worker": "^1.0.0",
     "vue": "^2.5.17",
     "vue-router": "^3.0.1",

app/ayanova/src/main.js

@@ -6,6 +6,7 @@ import router from "./router";
 import store from "./store";
 import "./registerServiceWorker";
 import errorHandler from "./utils/errorhandler";
+import NProgress from "nprogress";
 
 Vue.config.productionTip = false;
 
@@ -74,12 +75,14 @@ window.fetch = function() {
 
 document.addEventListener("fetchStart", function() {
   // eslint-disable-next-line
-  console.log("Show spinner");
+  //console.log("Show spinner");
+  NProgress.start();
 });
 
 document.addEventListener("fetchEnd", function() {
   // eslint-disable-next-line
-  console.log("Hide spinner");
+  //console.log("Hide spinner");
+  NProgress.done();
 });
 
 new Vue({