aboutsummaryrefslogtreecommitdiffstats
path: root/gui-clamp/ui-react/src/components
diff options
context:
space:
mode:
authorsaul.gill <saul.gill@est.tech>2022-04-06 15:27:45 +0100
committersaul.gill <saul.gill@est.tech>2022-04-06 15:44:35 +0100
commit66b103df965461e229d3a2940aae64818eb7926a (patch)
treee7bd5b654b3497167dd9f31c42faec532cb4898c /gui-clamp/ui-react/src/components
parent4bec62c5a1ebd1139c4b45dd12c5b9fed025149c (diff)
Gray-out links from older UI functionality
Links are disabled and greyed out for non-acm functionality Altered menu bar test Issue-ID: POLICY-4082 Change-Id: I5b0807cfdc687de9fdc0accd38825ed6309f79db Signed-off-by: saul.gill <saul.gill@est.tech>
Diffstat (limited to 'gui-clamp/ui-react/src/components')
-rw-r--r--gui-clamp/ui-react/src/components/menu/MenuBar.js12
-rw-r--r--gui-clamp/ui-react/src/components/menu/__snapshots__/MenuBar.test.js.snap4
2 files changed, 12 insertions, 4 deletions
diff --git a/gui-clamp/ui-react/src/components/menu/MenuBar.js b/gui-clamp/ui-react/src/components/menu/MenuBar.js
index 5ac5f88..94ec7f3 100644
--- a/gui-clamp/ui-react/src/components/menu/MenuBar.js
+++ b/gui-clamp/ui-react/src/components/menu/MenuBar.js
@@ -55,6 +55,10 @@ const StyledNavLink = styled(Nav.Link)`
const StyledNavDropdown = styled(NavDropdown)`
color: ${ props => props.theme.menuFontColor };
+ & .nav-link.disabled {
+ color: rgba(136, 136, 136, 0.5)
+ }
+
& .dropdown-toggle {
color: ${ props => props.theme.menuFontColor };
background-color: ${ props => props.theme.backgroundColor };
@@ -82,15 +86,15 @@ export default class MenuBar extends React.Component {
render() {
return (
<Navbar.Collapse>
- <StyledNavDropdown title="POLICY Framework">
+ <StyledNavDropdown title="POLICY Framework" disabled>
<NavDropdown.Item as={ StyledLink } to="/viewAllPolicies">View All Policies</NavDropdown.Item>
</StyledNavDropdown>
- <StyledNavDropdown title="CLAMP Options">
+ <StyledNavDropdown title="CLAMP Options" disabled>
<NavDropdown.Item as={ StyledLink } to="/manageDictionaries">Tosca Metadata Dictionaries</NavDropdown.Item>
<NavDropdown.Divider/>
<NavDropdown.Item as={ StyledLink } to="/viewLoopTemplatesModal">View All Loop Templates</NavDropdown.Item>
</StyledNavDropdown>
- <StyledNavDropdown title="LOOP Instance">
+ <StyledNavDropdown title="LOOP Instance" disabled>
<NavDropdown.Item as={ StyledLink } to="/createLoop">Create</NavDropdown.Item>
<NavDropdown.Item as={ StyledLink } to="/openLoop">Open</NavDropdown.Item>
<NavDropdown.Item as={ StyledLink } to="/closeLoop" disabled={ this.state.disabled }>Close</NavDropdown.Item>
@@ -99,7 +103,7 @@ export default class MenuBar extends React.Component {
<NavDropdown.Item as={ StyledLink } to="/loopProperties" disabled={ this.state.disabled }>Properties</NavDropdown.Item>
<NavDropdown.Item as={ StyledLink } to="/refreshStatus" disabled={ this.state.disabled }>Refresh Status</NavDropdown.Item>
</StyledNavDropdown>
- <StyledNavDropdown title="LOOP Operations">
+ <StyledNavDropdown title="LOOP Operations" disabled>
<NavDropdown.Item as={ StyledLink } to="/submit" disabled={ this.state.disabled }>Create and deploy to Policy Framework (SUBMIT)</NavDropdown.Item>
<NavDropdown.Item as={ StyledLink } to="/stop" disabled={ this.state.disabled }>Undeploy from Policy Framework (STOP)</NavDropdown.Item>
<NavDropdown.Item as={ StyledLink } to="/restart" disabled={ this.state.disabled }>ReDeploy to Policy Framework (RESTART)</NavDropdown.Item>
diff --git a/gui-clamp/ui-react/src/components/menu/__snapshots__/MenuBar.test.js.snap b/gui-clamp/ui-react/src/components/menu/__snapshots__/MenuBar.test.js.snap
index 336628d..3d4f8cb 100644
--- a/gui-clamp/ui-react/src/components/menu/__snapshots__/MenuBar.test.js.snap
+++ b/gui-clamp/ui-react/src/components/menu/__snapshots__/MenuBar.test.js.snap
@@ -3,6 +3,7 @@
exports[`Verify MenuBar Test the render method 1`] = `
<NavbarCollapse>
<Styled(NavDropdown)
+ disabled={true}
title="POLICY Framework"
>
<DropdownItem
@@ -70,6 +71,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
</DropdownItem>
</Styled(NavDropdown)>
<Styled(NavDropdown)
+ disabled={true}
title="CLAMP Options"
>
<DropdownItem
@@ -203,6 +205,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
</DropdownItem>
</Styled(NavDropdown)>
<Styled(NavDropdown)
+ disabled={true}
title="LOOP Instance"
>
<DropdownItem
@@ -588,6 +591,7 @@ exports[`Verify MenuBar Test the render method 1`] = `
</DropdownItem>
</Styled(NavDropdown)>
<Styled(NavDropdown)
+ disabled={true}
title="LOOP Operations"
>
<DropdownItem