Class ModalView

app/views/core/ModalView.js:18–135

module.exports = (ModalView = (function () {
  ModalView = class ModalView extends CocoView {
    static initClass () {
      this.prototype.className = 'modal fade'
      this.prototype.closeButton = true
      this.prototype.closesOnClickOutside = true
      this.prototype.modalWidthPercent = null
      this.prototype.plain = false
      this.prototype.instant = false
      this.prototype.template = require('app/templates/core/modal-base')
      this.prototype.trapsFocus = true

      this.prototype.events = {
        'click a': 'toggleModal',
        'click button': 'toggleModal',
        'click li': 'toggleModal',
        'click [data-i18n]': 'onClickTranslatedElement',
      }

      this.prototype.shortcuts =
        { esc: 'onEsc' }

      this.prototype.subscriptions =
        {}
    }

    constructor (options) {
      super(...arguments)
      if ((options != null ? options.instant : undefined) || this.instant) { this.className = this.className.replace(' fade', '') }
      if ((options != null ? options.closeButton : undefined) != null) { this.closeButton = options.closeButton }
      if (options != null ? options.modalWidthPercent : undefined) { this.modalWidthPercent = options.modalWidthPercent }
      if (this.options == null) { this.options = {} }
      if ((options != null ? options.trapsFocus : undefined) != null) { this.trapsFocus = options.trapsFocus }
    }

    getRenderData (c) {
      c = super.getRenderData(c)
      c.marked = marked
      return c
    }

    render () {
      __guardMethod__(this.focusTrap, 'deactivate', o => o.deactivate())
      super.render()
      this.trapFocus()
    }

    afterRender () {
      super.afterRender()
      if (this.modalWidthPercent) {
        this.$el.find('.modal-dialog').css({ width: `${this.modalWidthPercent}%` })
      }
      this.$el.on('hide.bs.modal', () => {
        if (!this.hidden) { this.onHidden() }
        this.hidden = true
      })
      if (this.plain) { return this.$el.find('.background-wrapper').addClass('plain') }
    }