EdgeVPNio
/
portal
mirror of https://github.com/EdgeVPNio/portal.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Modified with mapview toggle options on navbar

master
Dennis-Gireesh 2021-08-11 17:44:14 -04:00
parent ee8da76187
commit adc3b264a5
1 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/app/Navbar.js
View File

@ -26,7 +26,7 @@ class Navbar extends React.Component {
componentDidUpdate(prevProps, prevState) { componentDidUpdate(prevProps, prevState) {
if (this.props.selectedOverlayId !== prevProps.selectedOverlayId) { if (this.props.selectedOverlayId !== prevProps.selectedOverlayId) {
if (this.props.selectedOverlayId.length > 0) { if (this.props.selectedOverlayId.length > 0) {
this.setState({ buttonStates: [false, true, true] }); this.setState({ buttonStates: [false, true, false] });
} else { } else {
this.setState({ buttonStates: [true, true, true] }); this.setState({ buttonStates: [true, true, true] });
} }
@ -36,7 +36,7 @@ class Navbar extends React.Component {
this.props.selectedView === appViews.TopologyView && this.props.selectedView === appViews.TopologyView &&
this.props.selectedElementType !== "ElementTypeNone" this.props.selectedElementType !== "ElementTypeNone"
) { ) {
this.setState({ buttonStates: [true, false, true] }); this.setState({ buttonStates: [true, false, false] });
// on Topologyview and any cyElement is selected - enable subgraph // on Topologyview and any cyElement is selected - enable subgraph
} }
if ( if (
@ -48,19 +48,26 @@ class Navbar extends React.Component {
} }
} }
if (this.props.currentView !== prevProps.currentView) { if (this.props.currentView !== prevProps.currentView) {
// Toggle the current state buttons // Toggle the current state buttons on change of Topo, SubGraph, Map views
if (
this.props.selectedView === appViews.SubgraphView &&
this.props.currentView === appViews.SubgraphView
) {
this.setState({ buttonStates: [false, true, true] });
}
if ( if (
this.props.selectedView === appViews.TopologyView && this.props.selectedView === appViews.TopologyView &&
this.props.currentView === appViews.TopologyView this.props.currentView === appViews.TopologyView
) { ) {
this.setState({ buttonStates: [true, true, true] }); this.setState({ buttonStates: [true, true, true] });
} }
if (
this.props.selectedView === appViews.SubgraphView &&
this.props.currentView === appViews.SubgraphView
) {
this.setState({ buttonStates: [false, true, false] });
}
if (
this.props.selectedView === appViews.MapView &&
this.props.currentView === appViews.MapView
) {
this.setState({ buttonStates: [false, true, true] });
}
} }
} }