config-ip-filter: Server disconnect now allows manipulating graph, but no data entry.

Author: benloh

build/app/unisys/component/SessionShell.jsx

@@ -118,6 +118,17 @@ class SessionShell extends UNISYS.Component {
       isValid: false
     };
     this.previousIsValid = false; // to track changes in loggedIn status
+
+    // This will invalidate the token when the server is disconnected
+    // but this can be a problem for projects that require login
+    // to view the graph.
+    // this.OnDisconnect(() => {
+    //   const token = this.props.match.params.token;
+    //   const decoded = SESSION.DecodeToken(token, window.NC_CONFIG.dataset);
+    //   // invalidate the token and announce it
+    //   decoded.isValid = false;
+    //   this.SetAppState("SESSION", decoded);
+    // });
   }
 
   /// ROUTE RENDER FUNCTIONS ////////////////////////////////////////////////////

build/app/view/netcreate/NetCreate.jsx

@@ -87,7 +87,7 @@ const FILTERLOGIC  = require('./filter-logic'); // handles filtering functions
 
 
   /// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-  /*/ SESSION is called by SessionSHell when the ID changes
+  /*/ SESSION is called by SessionShell when the ID changes
       Show or hide netgraph depending on template settings.
   /*/ onStateChange_SESSION( decoded ) {
         this.setState({ isLoggedIn: decoded.isValid });
@@ -116,10 +116,9 @@ const FILTERLOGIC  = require('./filter-logic'); // handles filtering functions
         if (this.state.requireLogin && !isLoggedIn) hideGraph = true;
         return (
           <div>
-            <div hidden={this.state.isConnected} style={{ width:'100%',height:'100%',position:'fixed',backgroundColor:'rgba(0,0,0,0.5',display:'flex',flexDirection:'column',justifyContent:'space-evenly',zIndex:'3000'}}>
+            <div hidden={this.state.isConnected} style={{ width:'100%',height:'38px',position:'fixed',backgroundColor:'rgba(256,0,0,0.5',display:'flex',flexDirection:'column',justifyContent:'space-evenly',alignItems:'center',zIndex:'3000'}}>
               <div style={{color:'#fff',width:'100%',textAlign:'center'}}>
-                <h1>Server Disconnected</h1>
-                <p>Please contact your administrator to restart the graph.</p>
+                <b>Server Disconnected!</b> Your changes will not be saved!  Please contact your administrator to restart the graph.
               </div>
             </div>
             <Route path='/edit/:token' exact={true} component={SessionShell}/>

build/app/view/netcreate/components/NodeSelector.jsx

@@ -331,6 +331,14 @@ class NodeSelector extends UNISYS.Component {
         this.setState({ edgesAreLocked: false });
       });
 
+  /// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+  /*/ Prevent editing if server is disconnected.
+      This is necessary to hide the "Add New Node" button.
+  /*/
+      this.OnDisconnect(() => {
+        console.log('NodeSelector got disconnect')
+        this.setState({ isLocked: true });
+      });
 
     } // constructor