es6 alert :|

1 files changed, 168 insertions, 0 deletions

diff --git a/js/src/alert.js b/js/src/alert.js
new file mode 100644
index 000000000..bd12b1a55
--- /dev/null
+++ b/js/src/alert.js
@@ -0,0 +1,168 @@
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): alert.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+import Util from 'util'
+
+
+/**
+ * --------------------------------------------------------------------------
+ * Constants
+ * --------------------------------------------------------------------------
+ */
+
+const NAME                = 'alert'
+const VERSION             = '4.0.0'
+const DATA_KEY            = 'bs.alert'
+const JQUERY_NO_CONFLICT  = $.fn[NAME]
+const TRANSITION_DURATION = 150
+
+const Selector = {
+  DISMISS : '[data-dismiss="alert"]'
+}
+
+const Event = {
+  CLOSE  : 'close.bs.alert',
+  CLOSED : 'closed.bs.alert',
+  CLICK  : 'click.bs.alert.data-api'
+}
+
+const ClassName = {
+  ALERT : 'alert',
+  FADE  : 'fade',
+  IN    : 'in'
+}
+
+
+/**
+ * --------------------------------------------------------------------------
+ * Class Definition
+ * --------------------------------------------------------------------------
+ */
+
+export class Alert {
+
+  constructor(element) {
+    if (element) {
+      this.element = element
+    }
+  }
+
+
+  // public
+
+  close(element) {
+    let rootElement = this._getRootElement(element)
+    let customEvent = this._triggerCloseEvent(rootElement)
+
+    if (customEvent.isDefaultPrevented()) {
+      return
+    }
+
+    this._removeElement(rootElement)
+  }
+
+
+  // private
+
+  _getRootElement(element) {
+    let parent   = false
+    let selector = Util.getSelectorFromElement(element)
+
+    if (selector) {
+      parent = $(selector)[0]
+    }
+
+    if (!parent) {
+      parent = $(element).closest('.' + ClassName.ALERT)[0]
+    }
+
+    return parent
+  }
+
+  _triggerCloseEvent(element) {
+    var closeEvent = $.Event(Event.CLOSE)
+    $(element).trigger(closeEvent)
+    return closeEvent
+  }
+
+  _removeElement(element) {
+    $(element).removeClass(ClassName.IN)
+
+    if (!Util.supportsTransitionEnd() || !$(element).hasClass(ClassName.FADE)) {
+      this._destroyElement(element)
+      return
+    }
+
+    $(element)
+      .one(Util.TRANSITION_END, this._destroyElement.bind(this, element))
+      .emulateTransitionEnd(TRANSITION_DURATION)
+  }
+
+  _destroyElement(element) {
+    $(element)
+      .detach()
+      .trigger(Event.CLOSED)
+      .remove()
+  }
+
+
+  // static
+
+  static _jQueryInterface(config) {
+    return this.each(function () {
+      let $element = $(this)
+      let data     = $element.data(DATA_KEY)
+
+      if (!data) {
+        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,
+  Selector.DISMISS,
+  Alert._handleDismiss(new Alert())
+)
+
+
+/**
+ * --------------------------------------------------------------------------
+ * jQuery
+ * --------------------------------------------------------------------------
+ */
+
+$.fn[NAME]             = Alert._jQueryInterface
+$.fn[NAME].Constructor = Alert
+$.fn[NAME].noConflict  = function () {
+  $.fn[NAME] = Alert._JQUERY_NO_CONFLICT
+  return Alert._jQueryInterface
+}