add framework for blocking user interaction

[clamp.git] / ui-react / src / components / loop_viewer / svg / SvgGenerator.js

diff --git a/ui-react/src/components/loop_viewer/svg/SvgGenerator.js b/ui-react/src/components/loop_viewer/svg/SvgGenerator.js
index d718c2e..7070455 100644 (file)
--- a/ui-react/src/components/loop_viewer/svg/SvgGenerator.js
+++ b/ui-react/src/components/loop_viewer/svg/SvgGenerator.js
@@ -70,13 +70,15 @@ class SvgGenerator extends React.Component {
        }
 
        handleSvgClick(event) {
-           if (this.state.clickable) {
-            console.debug("svg click event received");
-            var elementName = event.target.parentNode.getAttribute('policyId');
-            console.info("SVG element clicked", elementName);
-            if (elementName !== null) {
-                this.props.history.push("/policyModal/"+event.target.parentNode.getAttribute('policyType')+"/"+elementName);
-            }
+               console.debug("svg click event received");
+               if (this.state.clickable) {
+                       var elementName = event.target.parentNode.getAttribute('policyId');
+                       console.info("SVG element clicked", elementName);
+                       // Only allow movement to policy editing IF there busyLoadingCOunt is 0,
+                       // meaning we are not waiting for refreshStatus to complete, for example
+                       if (elementName !== null && !this.props.isBusyLoading()) {
+                               this.props.history.push("/policyModal/"+event.target.parentNode.getAttribute('policyType')+"/"+elementName);
+                       }
                }
        }