Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
alert.js 4.07 KiB
1 
import $ from 'jquery'
2 
import Util from './util'
3
4
5 
/**
6 
 * --------------------------------------------------------------------------
7 
 * Bootstrap (v4.0.0-beta): alert.js
8 
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
9 
 * --------------------------------------------------------------------------
10 
 */
11
12 
const Alert = (() => {
13
14
15 
  /**
16 
   * ------------------------------------------------------------------------
17 
   * Constants
18 
   * ------------------------------------------------------------------------
19 
   */
20
21 
  const NAME                = 'alert'
22 
  const VERSION             = '4.0.0-beta'
23 
  const DATA_KEY            = 'bs.alert'
24 
  const EVENT_KEY           = `.${DATA_KEY}`
25 
  const DATA_API_KEY        = '.data-api'
26 
  const JQUERY_NO_CONFLICT  = $.fn[NAME]
27 
  const TRANSITION_DURATION = 150
28
29 
  const Selector = {
30 
    DISMISS : '[data-dismiss="alert"]'
31 
  }
32
33 
  const Event = {
34 
    CLOSE          : `close${EVENT_KEY}`,
35 
    CLOSED         : `closed${EVENT_KEY}`,
36 
    CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`
37 
  }
38
39 
  const ClassName = {
40 
    ALERT : 'alert',
41 
    FADE  : 'fade',
42 
    SHOW  : 'show'
43 
  }
44
45
46 
  /**
47 
   * ------------------------------------------------------------------------
48 
   * Class Definition
49 
   * ------------------------------------------------------------------------
50 
   */
51
52 
  class Alert {
53
54 
    constructor(element) {
55 
      this._element = element
56 
    }
57
58
59 
    // getters
60
61 
    static get VERSION() {
62 
      return VERSION
63 
    }
64
65
66 
    // public
67
68 
    close(element) {
69 
      element = element || this._element
70
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
const rootElement = this._getRootElement(element) const customEvent = this._triggerCloseEvent(rootElement) if (customEvent.isDefaultPrevented()) { return } this._removeElement(rootElement) } dispose() { $.removeData(this._element, DATA_KEY) this._element = null } // private _getRootElement(element) { const selector = Util.getSelectorFromElement(element) let parent = false if (selector) { parent = $(selector)[0] } if (!parent) { parent = $(element).closest(`.${ClassName.ALERT}`)[0] } return parent } _triggerCloseEvent(element) { const closeEvent = $.Event(Event.CLOSE) $(element).trigger(closeEvent) return closeEvent } _removeElement(element) { $(element).removeClass(ClassName.SHOW) if (!Util.supportsTransitionEnd() || !$(element).hasClass(ClassName.FADE)) { this._destroyElement(element) return } $(element) .one(Util.TRANSITION_END, (event) => this._destroyElement(element, event)) .emulateTransitionEnd(TRANSITION_DURATION) } _destroyElement(element) { $(element) .detach() .trigger(Event.CLOSED) .remove() } // static static _jQueryInterface(config) { return this.each(function () { const $element = $(this) let data = $element.data(DATA_KEY) if (!data) {
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
data = new Alert(this) $element.data(DATA_KEY, data) } if (config === 'close') { data[config](this) } }) } static _handleDismiss(alertInstance) { return function (event) { if (event) { event.preventDefault() } alertInstance.close(this) } } } /** * ------------------------------------------------------------------------ * Data Api implementation * ------------------------------------------------------------------------ */ $(document).on( Event.CLICK_DATA_API, Selector.DISMISS, Alert._handleDismiss(new Alert()) ) /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ */ $.fn[NAME] = Alert._jQueryInterface $.fn[NAME].Constructor = Alert $.fn[NAME].noConflict = function () { $.fn[NAME] = JQUERY_NO_CONFLICT return Alert._jQueryInterface } return Alert })($) export default Alert