ui-react/src/components/menu/MenuBar.js

   1 /*-
   2  * ============LICENSE_START=======================================================
   3  * ONAP CLAMP
   4  * ================================================================================
   5  * Copyright (C) 2019 AT&T Intellectual Property. All rights
   6  *                             reserved.
   7  * ================================================================================
   8  * Licensed under the Apache License, Version 2.0 (the "License");
   9  * you may not use this file except in compliance with the License.
  10  * You may obtain a copy of the License at
  11  *
  12  * http://www.apache.org/licenses/LICENSE-2.0
  13  *
  14  * Unless required by applicable law or agreed to in writing, software
  15  * distributed under the License is distributed on an "AS IS" BASIS,
  16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17  * See the License for the specific language governing permissions and
  18  * limitations under the License.
  19  * ============LICENSE_END============================================
  20  * ===================================================================
  21  *
  22  */
  23 import React from 'react';
  24 import Navbar from 'react-bootstrap/Navbar';
  25 import NavDropdown from 'react-bootstrap/NavDropdown';
  26 import 'bootstrap-css-only/css/bootstrap.min.css';
  27 import styled from 'styled-components';
  28
  29 const StyledNavDropdownItem = styled(NavDropdown.Item)`
  30         color: ${props => props.theme.fontNormal};
  31         :hover {
  32                         background-color: ${props => props.theme.loopViewerHeaderBackgroundColor};
  33                         color:  ${props => props.theme.loopViewerHeaderFontColor}
  34         }
  35 `;
  36
  37 export default class MenuBar extends React.Component {
  38         render () {
  39            return (
  40                   <Navbar.Collapse id="basic-navbar-nav" className="justify-content-center">
  41                       <NavDropdown title="Closed Loop" id="basic-nav-dropdown">
  42                         <StyledNavDropdownItem href="/openLoop">Open CL</StyledNavDropdownItem>
  43                         <StyledNavDropdownItem href="/loopProperties">Properties CL</StyledNavDropdownItem>
  44                         <StyledNavDropdownItem href="/closeLoop">Close Model</StyledNavDropdownItem>
  45                       </NavDropdown>
  46                                         <NavDropdown title="Manage" id="basic-nav-dropdown">
  47                                                 <StyledNavDropdownItem href="/operationalPolicyModal">Submit</StyledNavDropdownItem>
  48                                                 <StyledNavDropdownItem href="#action/3.2">Stop</StyledNavDropdownItem>
  49                                                 <StyledNavDropdownItem href="#action/3.3">Restart</StyledNavDropdownItem>
  50                                                 <StyledNavDropdownItem href="#action/3.3">Delete</StyledNavDropdownItem>
  51                                                 <StyledNavDropdownItem href="#action/3.3">Deploy</StyledNavDropdownItem>
  52                                                 <StyledNavDropdownItem href="#action/3.3">UnDeploy</StyledNavDropdownItem>
  53                                         </NavDropdown>
  54                                         <NavDropdown title="View" id="basic-nav-dropdown">
  55                                                 <StyledNavDropdownItem href="#action/3.1">Refresh Status</StyledNavDropdownItem>
  56                                         </NavDropdown>
  57                                 <NavDropdown title="Help" id="basic-nav-dropdown">
  58                                         <StyledNavDropdownItem href="https://wiki.onap.org/" target="_blank">Wiki</StyledNavDropdownItem>
  59                                         <StyledNavDropdownItem href="mailto:onap-discuss@lists.onap.org?subject=CLAMP&body=Please send us suggestions or feature enhancements or defect. If possible, please send us the steps to replicate any defect.">Contact Us</StyledNavDropdownItem>
  60                                         <StyledNavDropdownItem href="#action/3.3">User Info</StyledNavDropdownItem>
  61                                 </NavDropdown>
  62                   </Navbar.Collapse>
  63            );
  64   }
  65 }