diff options
author | 2022-04-06 15:27:45 +0100 | |
---|---|---|
committer | 2022-04-06 15:44:35 +0100 | |
commit | 66b103df965461e229d3a2940aae64818eb7926a (patch) | |
tree | e7bd5b654b3497167dd9f31c42faec532cb4898c /gui-clamp/ui-react/src/components/menu | |
parent | 4bec62c5a1ebd1139c4b45dd12c5b9fed025149c (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/menu')
-rw-r--r-- | gui-clamp/ui-react/src/components/menu/MenuBar.js | 12 | ||||
-rw-r--r-- | gui-clamp/ui-react/src/components/menu/__snapshots__/MenuBar.test.js.snap | 4 |
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 |