substance/commons/ReferenceModal.js

Substance is a JavaScript library for web-based content editing. It provides building blocks for realizing custom text editors and web-based publishing system. It is developed to power our online editing platform [Substance](http://substance.io).

import { $$, Component } from '../dom'
import { Modal, Form, FormRow, Input } from '../ui'

export default class ReferenceModal extends Component {
  getInitialState () {
    return {
      data: {
        content: ''
      }
    }
  }

  render () {
    const { data } = this.state
    return $$(Modal, { title: 'Create Reference', size: 'large', cancelLabel: 'Cancel', confirmLabel: 'Create Reference' },
      $$(Form, {},
        $$(FormRow, {},
          $$(Input, { value: data.content, autofocus: true, placeholder: 'Describe your reference', oninput: this._updateContent }).ref('content')
        )
      )
    ).addClass('sc-reference-modal')
  }

  _updateContent () {
    this.state.data.content = this.refs.content.val()
  }
}