unageanu/jiji2

import React               from "react"

import AbstractPage        from "./abstract-page"
import PositionsTable      from "../positions/positions-table"
import PositionDetailsView from "../positions/position-details-view"

import Card from "material-ui/Card"

export default class RMTPositionsPage extends AbstractPage {

  constructor(props) {
    super(props);
    this.state = {};
  }

  componentWillMount() {
    const model = this.model();
    model.initialize(this.props.params.id);
  }

  componentWillReceiveProps(nextProps) {
    this.model().selection.selectedId = nextProps.params.id;
  }

  render() { 
    return (
      <div className="rmt-positions-page page">
        <Card className="main-card">
          <PositionDetailsView model={this.model().selection} />
          <PositionsTable
            model={this.model().positionTable}
            downloadModel={this.model().positionDownloader}
            selectionModel={this.model().selection} />
        </Card>
      </div>
    );
  }

  model() {
    return this.context.application.rmtPositionsPageModel;
  }
}
RMTPositionsPage.contextTypes = {
  application: React.PropTypes.object.isRequired,
  router: React.PropTypes.object
};