Packages

backpex

0.15.2
0.19.6 0.19.5 0.19.4 0.19.3 0.19.2 0.19.1 0.19.0 0.18.3 0.18.2 0.18.1 0.18.0 0.17.4 0.17.3 0.17.2 0.17.1 0.17.0 0.16.3 0.16.2 0.16.1 0.16.0 0.15.3 0.15.2 0.15.1 0.15.0 0.14.0 0.13.0 0.12.0 0.11.0 0.10.0 0.9.1 0.9.0 0.8.2 0.8.1 0.8.0 0.7.1 0.7.0 0.6.0 0.5.1 0.5.0 0.4.0 0.3.2 0.3.1 0.3.0 0.2.0 0.1.1

Highly customizable administration panel for Phoenix LiveView applications.

HexDocs

Current section

Files

Jump to
Readme
45 Versions
16 Dependencies
Dependants
Files
Activity
backpex assets js hooks _cancel_entry.js
Raw

assets/js/hooks/_cancel_entry.js 

/**

 * This hook dispatches a form change/input event on the hidden upload field when cancelling an entry.

 * This makes errors validation on upload fields work.

 */

export default {

  mounted () {

    this.form = this.el.closest('form')



    const uploadKey = this.el.dataset.uploadKey

    this.handleEvent(`cancel-entry:${uploadKey}`, (e) => { this.dispatchChangeEvent() })

    this.handleEvent(`cancel-existing-entry:${uploadKey}`, (e) => { this.dispatchChangeEvent() })

  },

  dispatchChangeEvent () {

    if (this.form) {

      this.el.dispatchEvent(new Event('input', { bubbles: true }))

    }

  }

}