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
  39         render () {
  40            return (
  41                   <Navbar.Collapse id="basic-navbar-nav" className="justify-content-center">
  42                       <NavDropdown title="Closed Loop" id="basic-nav-dropdown">
  43                         <StyledNavDropdownItem href="#action/3.1">Open CL</StyledNavDropdownItem>
  44                         <StyledNavDropdownItem href="#action/3.2">Properties CL</StyledNavDropdownItem>
  45                         <StyledNavDropdownItem href="#action/3.3">Close Model</StyledNavDropdownItem>
  46                       </NavDropdown>
  47                                         <NavDropdown title="Manage" id="basic-nav-dropdown">
  48                                                 <StyledNavDropdownItem href="#action/3.1">Submit</StyledNavDropdownItem>
  49                                                 <StyledNavDropdownItem href="#action/3.2">Stop</StyledNavDropdownItem>
  50                                                 <StyledNavDropdownItem href="#action/3.3">Restart</StyledNavDropdownItem>
  51                                                 <StyledNavDropdownItem href="#action/3.3">Delete</StyledNavDropdownItem>
  52                                                 <StyledNavDropdownItem href="#action/3.3">Deploy</StyledNavDropdownItem>
  53                                                 <StyledNavDropdownItem href="#action/3.3">UnDeploy</StyledNavDropdownItem>
  54                                         </NavDropdown>
  55                                         <NavDropdown title="View" id="basic-nav-dropdown">
  56                                                 <StyledNavDropdownItem href="#action/3.1">Refresh Status</StyledNavDropdownItem>
  57                                         </NavDropdown>
  58                                 <NavDropdown title="Help" id="basic-nav-dropdown">
  59                                         <StyledNavDropdownItem href="#action/3.1">Wiki</StyledNavDropdownItem>
  60                                         <StyledNavDropdownItem href="#action/3.2">Contact Us</StyledNavDropdownItem>
  61                                         <StyledNavDropdownItem href="#action/3.3">User Info</StyledNavDropdownItem>
  62                                 </NavDropdown>
  63                   </Navbar.Collapse>
  64
  65
  66     );
  67   }
  68 }
  69