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         openEmailConsole() {
  40                 console.log("contactUs");
  41                 var link = "mailto:onap-discuss@lists.onap.org?subject=CLAMP&body=Please "
  42                         + "send us suggestions or feature enhancements or defect. If possible, please send us the steps to replicate any defect.";
  43                 window.location.href = link;
  44         };
  45
  46         render () {
  47            return (
  48                   <Navbar.Collapse id="basic-navbar-nav" className="justify-content-center">
  49                       <NavDropdown title="Closed Loop" id="basic-nav-dropdown">
  50                         <StyledNavDropdownItem href="#action/3.1">Open CL</StyledNavDropdownItem>
  51                         <StyledNavDropdownItem href="#action/3.2">Properties CL</StyledNavDropdownItem>
  52                         <StyledNavDropdownItem href="#action/3.3">Close Model</StyledNavDropdownItem>
  53                       </NavDropdown>
  54                                         <NavDropdown title="Manage" id="basic-nav-dropdown">
  55                                                 <StyledNavDropdownItem href="#action/3.1">Submit</StyledNavDropdownItem>
  56                                                 <StyledNavDropdownItem href="#action/3.2">Stop</StyledNavDropdownItem>
  57                                                 <StyledNavDropdownItem href="#action/3.3">Restart</StyledNavDropdownItem>
  58                                                 <StyledNavDropdownItem href="#action/3.3">Delete</StyledNavDropdownItem>
  59                                                 <StyledNavDropdownItem href="#action/3.3">Deploy</StyledNavDropdownItem>
  60                                                 <StyledNavDropdownItem href="#action/3.3">UnDeploy</StyledNavDropdownItem>
  61                                         </NavDropdown>
  62                                         <NavDropdown title="View" id="basic-nav-dropdown">
  63                                                 <StyledNavDropdownItem href="#action/3.1">Refresh Status</StyledNavDropdownItem>
  64                                         </NavDropdown>
  65                                 <NavDropdown title="Help" id="basic-nav-dropdown">
  66                                         <NavDropdown.Item onClick={()=> window.open("https://wiki.onap.org/", "_blank")}>Wiki</NavDropdown.Item>
  67                                         <NavDropdown.Item onClick={()=> this.openEmailConsole()}>Contact Us</NavDropdown.Item>
  68                                         <StyledNavDropdownItem href="#action/3.3">User Info</StyledNavDropdownItem>
  69                                 </NavDropdown>
  70                   </Navbar.Collapse>
  71
  72
  73     );
  74   }
  75 }
  76