feat(loopback): add setLoading fn

Author: Walker Leite

template/client/services/loopback.js

@@ -1,4 +1,4 @@
-import {host, restApiRoot, port} from '~/server/config.json';
+import { host, restApiRoot, port } from '~/server/config.json';
 import axios from 'axios';
 
 const Storage = window.localStorage;
@@ -30,6 +30,15 @@ const http = axios.create({
   baseURL: `http://${host}:${port}${restApiRoot}`,
 });
 
+// Current setLoading function
+let setLoading = () => {
+  throw Error('setLoadingFunction not defined');
+};
+
+http.setLoadingFunction = (fn) => {
+  setLoading = fn;
+};
+
 http.setToken = (token, save = true) => {
   http.token = token;
   http.defaults.headers.common.Authorization = token.id;
@@ -41,9 +50,10 @@ http.removeToken = () => {
   removeTokenFromLocalStorage();
 };
 
-http.find = (endpoint, filter) => http.get(endpoint, {params: {filter}});
+http.find = (endpoint, filter) => http.get(endpoint, { params: { filter } });
 
-const interceptErrors = (err) => {
+/* Response Interceptors */
+const interceptResErrors = (err) => {
   try {
     err = Object.assign(new Error(), err.response.data.error);
   } catch (e) {
@@ -52,17 +62,28 @@ const interceptErrors = (err) => {
   return Promise.reject(err);
 };
 const interceptResponse = (res) => {
+  // console.log('response', res.config);
+  setLoading(false, res.config.uid);
   try {
     return res.data;
   } catch (e) {
     return res;
   }
 };
-http.interceptors.response.use(interceptResponse, interceptErrors);
+http.interceptors.response.use(interceptResponse, interceptResErrors);
 
 // Set storage Token in http if exists
 addTokenFromLocalStorage(http);
 
+/* Request Interceptors */
+const interceptReqErrors = err => Promise.reject(err);
+const interceptRequest = (config) => {
+  config.uid = setLoading(true);
+  // console.log('request', config);
+  return config;
+};
+http.interceptors.request.use(interceptRequest, interceptReqErrors);
+
 export default http;
 
 // Documentation: https://github.com/axios/axios