ui-react/src/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
  28 class MenuBar extends React.Component {
  29         render () {
  30            return (
  31   <Navbar.Collapse id="basic-navbar-nav" className="justify-content-center">
  32       <NavDropdown title="Closed Loop" id="basic-nav-dropdown">
  33         <NavDropdown.Item href="#action/3.1">Open CL</NavDropdown.Item>
  34         <NavDropdown.Item href="#action/3.2">Properties CL</NavDropdown.Item>
  35         <NavDropdown.Item href="#action/3.3">Close Model</NavDropdown.Item>
  36       </NavDropdown>
  37                         <NavDropdown title="Manage" id="basic-nav-dropdown">
  38                                 <NavDropdown.Item href="#action/3.1">Submit</NavDropdown.Item>
  39                                 <NavDropdown.Item href="#action/3.2">Stop</NavDropdown.Item>
  40                                 <NavDropdown.Item href="#action/3.3">Restart</NavDropdown.Item>
  41                                 <NavDropdown.Item href="#action/3.3">Delete</NavDropdown.Item>
  42                                 <NavDropdown.Item href="#action/3.3">Deploy</NavDropdown.Item>
  43                                 <NavDropdown.Item href="#action/3.3">UnDeploy</NavDropdown.Item>
  44                         </NavDropdown>
  45                         <NavDropdown title="View" id="basic-nav-dropdown">
  46                                 <NavDropdown.Item href="#action/3.1">Refresh Status</NavDropdown.Item>
  47                         </NavDropdown>
  48                 <NavDropdown title="Help" id="basic-nav-dropdown">
  49                         <NavDropdown.Item href="#action/3.1">Wiki</NavDropdown.Item>
  50                         <NavDropdown.Item href="#action/3.2">Contact Us</NavDropdown.Item>
  51                         <NavDropdown.Item href="#action/3.3">User Info</NavDropdown.Item>
  52                 </NavDropdown>
  53   </Navbar.Collapse>
  54
  55
  56     );
  57   }
  58 }
  59
  60
  61
  62 export default MenuBar;