app/ayanova/src/api/apiutil.js

@@ -1,5 +1,4 @@
 /* Xeslint-disable */
-import logger from "../utils/logit";
 import store from "../store";
 
 export default {
@@ -7,7 +6,7 @@ export default {
     if (response.status >= 200 && response.status < 300) {
       return Promise.resolve(response);
     } else {
-      logger.log("API error", response.statusText);
+      store.commit("logItem", "API error: " + response.statusText);
       return Promise.reject(new Error(response.statusText));
     }
   },
@@ -67,7 +66,7 @@ export default {
         window.location.hostname == "localhost" &&
         window.location.port == "8080"
       ) {
-        logger.log("apiutil::APIUrl -> APIURL empty setting to dev. mode");
+        store.commit("logItem", "apiutil::APIUrl -> setting to dev. mode");
         store.commit("setAPIURL", "http://localhost:7575/api/v8.0/");
       } else {
         //production location <protocol>//<hostname>:<port>/
@@ -75,9 +74,9 @@ export default {
           "setAPIURL",
           window.location.protocol + "//" + window.location.host + "/api/v8.0/"
         );
-        logger.log(
+        store.commit(
-          "apiutil::APIUrl -> APIURL empty using: ",
+          "logItem",
-          store.state.apiUrl
+          "apiutil::APIUrl -> setting to: " + store.state.apiUrl
         );
       }
     }

app/ayanova/src/utils/authutil.js

@@ -1,24 +1,26 @@
 /* xeslint-disable */
 import decode from "jwt-decode";
-import logger from "./logit";
 import store from "../store";
 import initialize from "./initialize";
 
 export function processLogin(response) {
   //is token present?
   if (!response || !response.data || !response.data.token) {
-    logger.log("auth::processLogin -> token empty");
+    store.commit("logItem", "auth::processLogin -> response empty");
     return Promise.reject();
   }
   const token = decode(response.data.token);
 
   if (!token || !token.iss) {
-    logger.log("auth::processLogin -> token empty");
+    store.commit("logItem", "auth::processLogin -> response token empty");
     return Promise.reject();
   }
 
   if (token.iss != "ayanova.com") {
-    logger.log("auth::processLogin -> token invalid (iss)", token.iss);
+    store.commit(
+      "logItem",
+      "auth::processLogin -> token invalid (iss): " + token.iss
+    );
     return Promise.reject();
   }
 
@@ -32,12 +34,15 @@ export function processLogin(response) {
 
   //Initialize the application
   initialize();
-  logger.log("User " + token.id + " logged in");
+  store.commit(
+    "logItem",
+    "auth::processLogin -> User " + token.id + " logged in"
+  );
   return Promise.resolve(true);
 }
 
 export function processLogout() {
-  logger.log("Logout");
+  store.commit("logItem", "auth::processLogout -> User logged out");
   store.commit("logout");
 }
 

app/ayanova/src/utils/initialize.js

@@ -1,5 +1,4 @@
 /* xeslint-disable */
-import logger from "./logit";
 import store from "../store";
 import roles from "./roles";
 import lt from "../api/locale";
@@ -84,7 +83,8 @@ export default function initialize() {
         addNavItem(lt.get("Logout"), "sign-out-alt", "/login");
       })
       .catch(function(error) {
-        logger.log("Initialize::() -> error", error);
+        store.commit("logItem", "Initialize::() -> error" + error);
+        throw error;
       });
   }
 }

app/ayanova/src/utils/logit.js

@@ -1,21 +0,0 @@
-/*  xeslint-disable */
-//////////////////////////////////////////////////////
-//in-memory log, keeps up to 100 of the past log items
-//
-import cbuffer from "./cbuffer";
-import store from "../store";
-
-const buffer = new cbuffer(100);
-export default {
-  log(msg, obj) {
-    if (obj) {
-      msg = msg + "|[" + JSON.stringify(obj) + "]";
-    }
-    msg = Date.now() + "|" + msg;
-    buffer.push(msg);
-    store.commit("setLog", buffer.toArray());
-  },
-  getLogText() {
-    //TODO: iterate the array from store, convert timestamps to local date and time and arrange as a block of multiline text to display in the UI
-  }
-};

app/ayanova/src/views/log.vue

@@ -1,15 +1,14 @@
 <template>
-    <div>
+  <div>
-        <span>{{log()}}</span>
+    <span>{{log()}}</span>
-    </div>
+  </div>
 </template>
 
 <script>
 /*  xeslint-disable */
 
-import logger from "../utils/logit";
 //import lt from "../api/locale";
-//import store from "../store";
+import store from "../store";
 export default {
   data() {
     return {};
@@ -18,7 +17,7 @@ export default {
   mounted() {},
   methods: {
     log: function() {
-      logger.getLogText();
+      return store.state.logArray;
     }
   }
 };