Improve dropdown to make it global

Add dropdown for sharing

2 files changed, 28 insertions, 1 deletions

diff --git a/theme/javascript/utils/dropdown.js b/theme/javascript/utils/dropdown.js
new file mode 100644
index 0000000..fe4e1f4
--- /dev/null
+++ b/theme/javascript/utils/dropdown.js
@@ -0,0 +1,27 @@
+define([
+    "jQuery"
+], function($) {
+
+    var toggleDropdown = function(e) {
+        var $dropdown = $(e.currentTarget).parent().find(".dropdown-menu");
+
+        $dropdown.toggleClass("open");
+        e.stopPropagation();
+        e.preventDefault();
+    };
+
+    var closeDropdown = function(e) {
+        $(".dropdown-menu").removeClass("open");
+    };
+
+    // Bind all dropdown
+    var init = function() {
+        $(document).on('click', ".toggle-dropdown", toggleDropdown);
+        $(document).on('click', ".dropdown-menu", function(e){ e.stopPropagation(); });
+        $(document).on("click", closeDropdown);
+    };
+
+    return {
+        init: init
+    };
+});
diff --git a/theme/javascript/utils/sharing.js b/theme/javascript/utils/sharing.js
index 4889b40..1d133d3 100755
--- a/theme/javascript/utils/sharing.js
+++ b/theme/javascript/utils/sharing.js
@@ -22,7 +22,7 @@ define([
 
     // Bind all sharing button
     var init = function() {
-        $(document).on("click", "a[data-sharing]", function(e) {
+        $(document).on("click", "a[data-sharing],button[data-sharing]", function(e) {
             if (e) e.preventDefault();
             var type = $(this).data("sharing");