yrexpert-js/src/js/Banner.js

L'interface Web pour votre système expert...

/*

!----------------------------------------------------------------------------!
!                                                                            !
! YRexpert : (Your Relay) 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 createReactClass = require('create-react-class')
var ReactBootstrap = require('react-bootstrap')
var {
  Nav,
  Navbar,
  NavItem,
  NavDropdown,
  MenuItem
} = ReactBootstrap

var Banner = createReactClass({

  getInitialState: function () {
    return {
      status: 'initial'
    }
  },

  componentWillMount: function () {
    this.controller = require('./controller-Banner')(this.props.controller, this)
    this.title = (
      'yrexpert-js'
    )
  },

  componentWillUpdate: function () {
    this.title = (
      'yrexpert-js'
    )
  },

  componentWillReceiveProps: function (newProps) {
    this.onNewProps(newProps)
  },

  render: function () {
    return (
      <div>

        <Navbar inverse collapseOnSelect>
          <Navbar.Header>
            <Navbar.Brand>
              <a href='https://www.yrelay.fr/' target='_blank' rel='noopener noreferrer'>{this.title}</a>
            </Navbar.Brand>
            <Navbar.Toggle />
          </Navbar.Header>
          <Navbar.Collapse>
            <Nav bsStyle='tabs' activeKey='1' onSelect={this.props.controller.navOptionSelected}>
              <NavDropdown eventKey='fichier' title='Fichier' id='nav-dropdown'>
                <NavDropdown eventKey='robot' title='Robot' id='nav-dropdown'>
                  <MenuItem eventKey='robotandy'>Andy</MenuItem>
                  <MenuItem eventKey='beatryxrobot'>Beatryx</MenuItem>
                </NavDropdown>
                <MenuItem eventKey='reprendreetude'>Reprendre une étude</MenuItem>
                <MenuItem divider />
                <MenuItem eventKey='logout'>Fermer</MenuItem>
                <MenuItem divider />
                <MenuItem eventKey='logout'>Quitter</MenuItem>
              </NavDropdown>
              <NavDropdown eventKey='editer' title='Editer' id='nav-dropdown' />
              <NavDropdown eventKey='navigation' title='Navigation' id='nav-dropdown' />
              <NavDropdown eventKey='rechercher' title='Rechercher' id='nav-dropdown'>
                <NavDropdown eventKey='fichier' title='Fichier' id='nav-dropdown'>
                  <MenuItem eventKey='rechercherfichier'>Rechercher fichier</MenuItem>
                </NavDropdown>
                <NavDropdown eventKey='texte' title='Texte' id='nav-dropdown'>
                  <MenuItem eventKey='rechyrexpert-js'>Module yrexpert-js</MenuItem>
                  <MenuItem eventKey='rechrtnyxp'>Routines YXP</MenuItem>
                </NavDropdown>
              </NavDropdown>
              <NavDropdown eventKey='partition' title='Partition' id='nav-dropdown'>
                <MenuItem eventKey='allerpartition'>Aller sur une partition</MenuItem>
              </NavDropdown>
              <NavDropdown eventKey='executer' title='Exécuter' id='nav-dropdown'>
                <MenuItem eventKey='terminal'>Terminal</MenuItem>
                <NavDropdown eventKey='moniteur' title='Moniteur' id='nav-dropdown'>
                  <MenuItem eventKey='overview'>Vue d'ensemble</MenuItem>
                  <MenuItem eventKey='docstore'>Globals</MenuItem>
                  <MenuItem eventKey='sessions'>Sessions</MenuItem>
                  <MenuItem eventKey='docs' href='docs/index.html' target='_blank'>Documentation API</MenuItem>
                </NavDropdown>
              </NavDropdown>
              <NavDropdown eventKey='fenetre' title='Fenêtre' id='nav-dropdown' />
              <NavDropdown eventKey='aide' title='Aide' id='nav-dropdown'>
                <MenuItem eventKey='bienvenue'>Bienvenue</MenuItem>
                <MenuItem divider />
                <MenuItem eventKey='tabledesmatieresdelaide' href='help/index.html' target='_blank'>Table des matières de l'aide</MenuItem>
                <MenuItem divider />
                <MenuItem eventKey='apropos'>A propos d'YRexpert</MenuItem>
              </NavDropdown>
            </Nav>

            <Nav bsStyle='tabs' pullRight>
              <NavItem eventKey='allerpartition' href='#'>{this.qui}</NavItem>
            </Nav>

          </Navbar.Collapse>
        </Navbar>

      </div>
    )
  }
})

module.exports = Banner