outlinejs/controllers.js

import ReactDOM from 'react-dom';
import React from 'react'; //eslint-disable-line no-unused-vars

export class BaseController {
  constructor(routeContext, view = null) {
    this.routeContext = routeContext;
    this._view = view;
    this._viewInstance = null;
  }

  set view(value) {
    this._view = value;
  }

  get view() {
    return this._view;
  }

  get viewInstance() {
    return this._viewInstance;
  }

  static get loginRequired() {
    return true;
  }

  render(context = {}) {
    var View = this._view; //eslint-disable-line no-unused-vars
    context.currentState = this.routeContext.currentState;
    this._viewInstance = ReactDOM.render(<View {...context} controller={this} />, this.routeContext.element);
  }
}

export class BaseLayoutController extends BaseController {
  // in base layout view
  // layout view correspond to BaseController view
  // and view correspond to the view to set in content property
  constructor(routeContext, view = null, layoutView = null) {
    super(routeContext, layoutView);
    this._contentView = view;
  }

  set layoutView(value) {
    this._view = value;
  }
  get layoutView() {
    return this._view;
  }

  set view(value) {
    this._contentView = value;
  }
  get view() {
    return this._contentView;
  }

  get viewInstance() {
    return super.viewInstance.refs.contentView;
  }

  render(context = {}) {
    var mergedContext = {};
    mergedContext.contentProps = context;
    mergedContext.content = this._contentView;
    super.render(mergedContext);
  }
}