aboutsummaryrefslogtreecommitdiffstats
path: root/ui-react/src/LoopUI.js
diff options
context:
space:
mode:
authorxuegao <xg353y@intl.att.com>2019-07-25 15:43:06 +0200
committerxuegao <xg353y@intl.att.com>2019-07-29 13:14:56 +0200
commite52d5727650590b9adaa43f5830c40913cebf348 (patch)
treec7cbcfc5b2f2a0fe4329a4a97f9c297ac303de81 /ui-react/src/LoopUI.js
parentb09e7df8439398fc094a56ec33fa33950ac8fa9e (diff)
Rework user info window
Rework the user info window with react. Issue-ID: CLAMP-449 Change-Id: I260bcb3c15cae73af0c180706928415ddc81dfbf Signed-off-by: xuegao <xg353y@intl.att.com>
Diffstat (limited to 'ui-react/src/LoopUI.js')
-rw-r--r--ui-react/src/LoopUI.js10
1 files changed, 9 insertions, 1 deletions
diff --git a/ui-react/src/LoopUI.js b/ui-react/src/LoopUI.js
index 1f79d39e..342f43da 100644
--- a/ui-react/src/LoopUI.js
+++ b/ui-react/src/LoopUI.js
@@ -38,6 +38,8 @@ import { Route, Redirect } from 'react-router-dom'
import OpenLoopModal from './components/dialogs/OpenLoop/OpenLoopModal';
import OperationalPolicyModal from './components/dialogs/OperationalPolicy/OperationalPolicyModal';
import ConfigurationPolicyModal from './components/dialogs/ConfigurationPolicy/ConfigurationPolicyModal';
+import LoopProperties from './components/dialogs/LoopProperties';
+import UserInfo from './components/dialogs/UserInfo';
const ProjectNameStyled = styled.a`
vertical-align: middle;
@@ -104,7 +106,7 @@ export default class LoopUI extends React.Component {
renderMenuNavBar() {
return (
- <MenuBar />
+ <MenuBar loopCache={this.state.loopCache}/>
);
}
@@ -153,6 +155,10 @@ export default class LoopUI extends React.Component {
);
}
+ getLoopCache() {
+ return this.state.loopCache;
+
+ }
renderLoopViewer() {
return (
<LoopViewDivStyled>
@@ -177,6 +183,8 @@ export default class LoopUI extends React.Component {
render={(routeProps) => (<OperationalPolicyModal {...routeProps} loopCache={this.state.loopCache} />)} />
<Route path="/configurationPolicyModal/:componentName" render={(routeProps) => (<ConfigurationPolicyModal {...routeProps} loopCache={this.state.loopCache} />)} />
<Route path="/openLoop" render={(routeProps) => (<OpenLoopModal {...routeProps} updateLoopCacheFunction={this.updateLoopCache} />)} />
+ <Route path="/loopProperties" render={(routeProps) => (<LoopProperties {...routeProps} loopCache={this.getLoopCache()} />)} />
+ <Route path="/userInfo" render={(routeProps) => (<UserInfo {...routeProps} />)} />
<Route path="/closeLoop" render={(routeProps) => (<Redirect to='/'/>)} />
</div>
);