smc

smc/panel/build/js/SiteSearch.js

@@ -0,0 +1,127 @@
+/**
+ * --------------------------------------------
+ * AdminLTE SiteSearch.js
+ * License MIT
+ * --------------------------------------------
+ */
+
+const SiteSearch = (($) => {
+  /**
+   * Constants
+   * ====================================================
+   */
+
+  const NAME               = 'SiteSearch'
+  const DATA_KEY           = 'lte.site-search'
+  const EVENT_KEY          = `.${DATA_KEY}`
+  const JQUERY_NO_CONFLICT = $.fn[NAME]
+
+  const Event = {}
+
+  const Selector = {
+    TOGGLE_BUTTON  : '[data-widget="site-search"]',
+    SEARCH_BLOCK   : '.site-search-block',
+    SEARCH_BACKDROP: '.site-search-backdrop',
+    SEARCH_INPUT   : '.site-search-block .form-control'
+  }
+
+  const ClassName = {
+    OPEN: 'site-search-open'
+  }
+
+  const Default = {
+    transitionSpeed: 300
+  }
+
+  /**
+   * Class Definition
+   * ====================================================
+   */
+
+  class SiteSearch {
+
+    constructor(_element, _options) {
+      this.element = _element
+      this.options = $.extend({}, Default, _options)
+    }
+
+    // Public
+
+    open() {
+      $(Selector.SEARCH_BLOCK).slideDown(this.options.transitionSpeed)
+      $(Selector.SEARCH_BACKDROP).show(0)
+      $(Selector.SEARCH_INPUT).focus()
+      $(Selector.SEARCH_BLOCK).addClass(ClassName.OPEN)
+    }
+
+    close() {
+      $(Selector.SEARCH_BLOCK).slideUp(this.options.transitionSpeed)
+      $(Selector.SEARCH_BACKDROP).hide(0)
+      $(Selector.SEARCH_BLOCK).removeClass(ClassName.OPEN)
+    }
+
+    toggle() {
+      if ($(Selector.SEARCH_BLOCK).hasClass(ClassName.OPEN)) {
+        this.close()
+      } else {
+        this.open()
+      }
+    }
+
+    // Static
+
+    static _jQueryInterface(options) {
+      return this.each(function () {
+        let data = $(this).data(DATA_KEY)
+
+        if (!data) {
+          data = new SiteSearch(this, options)
+          $(this).data(DATA_KEY, data)
+        }
+
+        if (!/toggle|close/.test(options)) {
+          throw Error(`Undefined method ${options}`)
+        }
+
+        data[options]()
+      })
+    }
+  }
+
+  /**
+   * Data API
+   * ====================================================
+   */
+  $(document).on('click', Selector.TOGGLE_BUTTON, (event) => {
+    event.preventDefault()
+
+    let button = $(event.currentTarget)
+
+    if (button.data('widget') !== 'site-search') {
+      button = button.closest(Selector.TOGGLE_BUTTON)
+    }
+
+    SiteSearch._jQueryInterface.call(button, 'toggle')
+  })
+
+  $(document).on('click', Selector.SEARCH_BACKDROP, (event) => {
+    const backdrop = $(event.currentTarget)
+    SiteSearch._jQueryInterface.call(backdrop, 'close')
+  })
+
+  /**
+   * jQuery API
+   * ====================================================
+   */
+
+  $.fn[NAME] = SiteSearch._jQueryInterface
+  $.fn[NAME].Constructor = SiteSearch
+  $.fn[NAME].noConflict  = function () {
+    $.fn[NAME] = JQUERY_NO_CONFLICT
+    return SiteSearch._jQueryInterface
+  }
+
+  return SiteSearch
+})(jQuery)
+
+export default SiteSearch