Merge pull request #123 from divyanshugarg36/outside-click

chore: add outside click for menu items
fixes issue #124 "Outside click doesn't closes the menu dialog like notification and profile menu"

Author: drossberg

imports/ui/components/header/header.js

@@ -2,11 +2,17 @@ import "./header.html";
 import "./header.scss";
 
 Template.header.events({
-  "click #header-profile-button": function() {
+  "click .main-header": function() {
+    $("#header-notification-menu").addClass("menu-hidden");
+    $("#header-profile-menu").addClass("menu-hidden");
+  },
+  "click #header-profile-button": function(e) {
+    e.stopPropagation();
     $("#header-notification-menu").addClass("menu-hidden");
     $("#header-profile-menu").toggleClass("menu-hidden");
   },
-  "click #header-notification-button": function() {
+  "click #header-notification-button": function(e) {
+    e.stopPropagation();
     $("#header-profile-menu").addClass("menu-hidden");
     $("#header-notification-menu").toggleClass("menu-hidden");
   },

imports/ui/layouts/layout.js

@@ -1,2 +1,9 @@
 import "./layout.html";
 import "./layout.scss";
+
+Template.layout.events({
+  "click #main": function() {
+    $("#header-notification-menu").addClass("menu-hidden");
+    $("#header-profile-menu").addClass("menu-hidden");
+  }
+});