yrexpert-js/src/js/loginrpc/LoginRpcModal.js

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

/*

!----------------------------------------------------------------------------!
!                                                                            !
! 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 {
  Button,
  Modal,
  ModalTrigger,
  OverlayMixin,
  Checkbox
} = ReactBootstrap;

var LoginRpcField = require('./LoginRpcField');

var LoginRpcModal = React.createClass({

  componentWillMount: function() {
    this.controller = require('./controller-LoginRpcModal')(this.props.controller, this);
  },

  render: function() {

    //console.log('LoginRpcModal rendering');
    //var componentPath = this.controller.updateComponentPath(this);
    return (

        <Modal
          show={this.props.show}
          backdrop='static'
          bsStyle='primary' 
          animation={true} 
          onKeyPress={this.handleKeyDown}
        >

          <Modal.Header>
            <Modal.Title>
              Authentification : Veuillez vous connecter.
            </Modal.Title>
          </Modal.Header>

          <Modal.Body>

            <LoginRpcField
              placeholderAc="Entrez votre code d'accès"
              fieldnameAc='ac'
              labelAc="Code d'accès" 
              controllerAc = {this.controller}
              focusAc={true}

              placeholderVc='Entrez votre code de vérification'
              fieldnameVc='vc'
              labelVc='Code de vérification' 
              controllerVc={this.controller}
              focusVc={false}

              controller = {this.controller}
            />

            <Checkbox bsStyle='primary'>Changer votre code de vérification ?</Checkbox>

          </Modal.Body>

          <Modal.Footer>
            <Button onClick={this.handleLogin} bsStyle='primary'>Se connecter</Button>
          </Modal.Footer>

        </Modal>

    )
  }
});

module.exports = LoginRpcModal;