yrexpert-js/src/js/session/SessionsPanel.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 createReactClass = require('create-react-class')
var ReactBootstrap = require('react-bootstrap')
// var Inspector = require('react-json-inspector');
var SessionTable = require('./SessionTable')
var SessionDetails = require('./SessionDetails')

var {
  Button,
  Col,
  Glyphicon,
  Grid,
  OverlayTrigger,
  Panel,
  Row,
  Tooltip
} = ReactBootstrap

var SessionsPanel = createReactClass({

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

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

    this.tooltip = (
      <Tooltip
        id='SessionsRefreshBtn'
      >
        Refresh
      </Tooltip>
    )

    this.title = (
      <span>
        <b>Sessions</b>
        <OverlayTrigger
          placement='top'
          overlay={this.tooltip}
        >
          <Button
            bsClass='btn btn-success pull-right'
            onClick={this.refresh}
          >
            <Glyphicon
              glyph='refresh'
            />
          </Button>
        </OverlayTrigger>
      </span>
    )
  },

  componentDidMount: function () {
    // fetch current session list
    this.refresh()
  },

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

  render: function () {
    // var componentPath = this.controller.updateComponentPath(this);

    // console.log('rendering SessionsPanel: ' + JSON.stringify(this.sessionData));

    return (
      <Panel
        collapsible
        expanded
        header={this.title}
        bsStyle='primary'
      >
        <Grid
          fluid
        >
          <Row>
            <Col md={5}>
              <SessionTable
                controller={this.controller}
                sessions={this.sessions}
              />
            </Col>
            <Col md={7}>
              <SessionDetails
                controller={this.controller}
                data={this.sessionData}
              />
            </Col>
          </Row>
        </Grid>
      </Panel>
    )
  }
})

module.exports = SessionsPanel