Dev 979

src/actions/MenuActions.js

@@ -3,6 +3,9 @@ import axios from 'axios';
 
 // REQUESTS
 
+let breadcrumbsCache = {};
+let breadcrumbsRequested = false;
+
 export function pathRequest(nodeId) {
     return axios.get(
         config.API_URL +
@@ -78,33 +81,50 @@ export function getRootBreadcrumb() {
 
 export function getWindowBreadcrumb(id){
     return dispatch => {
-        elementPathRequest('window', id).then(response => {
-            let req = 0;
-            let pathData = flattenOneLine(response.data);
-
-            // promise to get all of the breadcrumb menu options
-            let breadcrumbProcess = new Promise((resolve) => {
-
-                for(let i = 0; i < pathData.length; i++){
-                    const node = pathData[i];
-
-                    breadcrumbRequest(node.nodeId).then(item => {
-                        node.children = item.data;
-                        req += 1;
-
-                        if(req === pathData.length){
-                            resolve(pathData);
+        if (!breadcrumbsRequested) {
+            breadcrumbsRequested = true;
+            elementPathRequest('window', id).then(response => {
+                let req = 0;
+                let pathData = flattenOneLine(response.data);
+
+                // promise to get all of the breadcrumb menu options
+                let breadcrumbProcess = new Promise((resolve) => {
+
+                    for(let i = 0; i < pathData.length; i++){
+                        const node = pathData[i];
+                        let nodeId = node.nodeId;
+
+                        if (typeof breadcrumbsCache[nodeId] !== 'undefined') {
+                            node.children = breadcrumbsCache[nodeId];
+                            req += 1;
+
+                            if(req === pathData.length){
+                                resolve(pathData);
+                            }
+                        }
+                        else {
+                            breadcrumbRequest(nodeId).then(item => {
+                                node.children = item.data;
+                                req += 1;
+                                breadcrumbsCache[nodeId] = item.data;
+
+                                if(req === pathData.length){
+                                    resolve(pathData);
+                                }
+                            })
                         }
-                    })
-                }
+                    }
+                });
+
+                return breadcrumbProcess;
+            }).then((item) => {
+                dispatch(setBreadcrumb(item.reverse()));
+                breadcrumbsRequested = false;
+            }).catch(() => {
+                dispatch(setBreadcrumb([]));
+                breadcrumbsRequested = false;
             });
-
-            return breadcrumbProcess;
-        }).then((item) => {
-            dispatch(setBreadcrumb(item.reverse()));
-        }).catch(() => {
-            dispatch(setBreadcrumb([]));
-        });
+        }
     }
 }
 

src/components/header/MenuOverlay.js

@@ -41,11 +41,18 @@ class MenuOverlay extends Component {
                 })
             })
         }else {
-            breadcrumbRequest(nodeId).then(response => {
+            if (this.props.node) {
                 this.setState({
-                    data: response.data
+                    data: this.props.node
                 })
-            })
+            }
+            else {
+                breadcrumbRequest(nodeId).then(response => {
+                    this.setState({
+                        data: response.data
+                    })
+                })
+            }
         }
 
     }