/*

!----------------------------------------------------------------------------!
!                                                                            !
! Yexpert : (your) Système Expert sous Mumps GT.M et GNU/Linux               !
! Copyright (C) 2001-2015 by Hamid LOUAKED (HL).                             !
!                                                                            !
!----------------------------------------------------------------------------!

*/

"use strict"

var React = require('react');
var ReactBootstrap = require('react-bootstrap');
var {
  Nav,
  Navbar,
  NavItem,
  NavDropdown,
  MenuItem,
  SubMenu
} = ReactBootstrap;

var Banner = React.createClass({

  render: function() {
    //console.log('render Banner');
    //this.props.controller.updateComponentPath(this);

    return (
      <div>

      <Nav bsStyle="tabs" activeKey="1" onSelect = {this.props.controller.navOptionSelected}>
        <NavDropdown eventKey="fichier" title="Fichier" id="nav-dropdown">
          <NavDropdown eventKey="nouveau" title="Nouveau" id="nav-dropdown" horizontal>
            <MenuItem eventKey="nouvpartition">Nouvelle partition</MenuItem>
          </NavDropdown>
          <MenuItem eventKey="ouvrirunfichier">Ouvrir un fichier</MenuItem>
          <MenuItem divider />
          <MenuItem eventKey="fermer">Fermer</MenuItem>
          <MenuItem divider />
          <MenuItem eventKey="logout">Quitter</MenuItem>
        </NavDropdown>
        <NavDropdown eventKey="editer" title="Editer" id="nav-dropdown">
        </NavDropdown>
        <NavDropdown eventKey="navigation" title="Navigation" id="nav-dropdown">
        </NavDropdown>
        <NavDropdown eventKey="rechercher" title="Rechercher" id="nav-dropdown">
        </NavDropdown>
        <NavDropdown eventKey="projet" title="Projet" id="nav-dropdown">
        </NavDropdown>
        <NavDropdown eventKey="executer" title="Exécuter" id="nav-dropdown">
        </NavDropdown>
        <NavDropdown eventKey="fenetre" title="Fenêtre" id="nav-dropdown">
        </NavDropdown>
        <NavDropdown eventKey="aide" title="Aide" id="nav-dropdown">
          <MenuItem eventKey="bienvenue">Bienvenue</MenuItem>
          <MenuItem divider />
          <MenuItem eventKey="tabledesmatieresdelaide">Table des matières de l'aide</MenuItem>
          <MenuItem divider />
          <MenuItem eventKey="apropos">A propos d'Yexpert</MenuItem>
        </NavDropdown>
        <NavDropdown eventKey="ewd3" title="EWD3" id="nav-dropdown">
          <MenuItem eventKey="menustore">Menu général</MenuItem>
          <MenuItem eventKey="terminal">Terminal</MenuItem>
          <MenuItem eventKey="overview">Vue d'ensemble</MenuItem>
          <MenuItem eventKey="docstore">Globals</MenuItem>
          <MenuItem eventKey="sessions">Sessions</MenuItem>
          <MenuItem eventKey="console">Console</MenuItem>
        </NavDropdown>

      </Nav>

      </div>
    );
  }
});

module.exports = Banner;


