Added key shortcuts to open/close chat and map

g c = toggle chat
g m = togggle map

client/main.js

@@ -95,11 +95,27 @@ main = (function(main) {
     });
 
 
-    $('#nav-chat-btn').on('click', function() {
+    $('#nav-chat-btn').on('click', showMainChat);
-      if (!main.chat.isOpen) {
 
+    function showMainChat() {
+      if (!main.chat.isOpen) {
         main.chat.mainChat.toggleChat(true);
       }
+    }
+
+    function collapseMainChat() {
+      $('#chat-embed-main').addClass('is-collapsed');
+    }
+
+    // keyboard shortcuts: open main chat
+    Mousetrap.bind('g c', function() {
+      var isCollapsed = $('#chat-embed-main').hasClass('is-collapsed');
+
+      if (isCollapsed) {
+        showMainChat();
+      } else {
+        collapseMainChat();
+      }
     });
   });
 
@@ -287,7 +303,11 @@ $(document).ready(function() {
   }
 
   // map
-  $('#nav-map-btn').on('click', () => {
+  $('#nav-map-btn').on('click', showMap);
+
+  $('.map-aside-action-collapse').on('click', collapseMap);
+
+  function showMap() {
     if (!main.isMapAsideLoad) {
       var mapAside = $('<iframe>');
       mapAside.attr('src', '/map-aside');
@@ -295,11 +315,11 @@ $(document).ready(function() {
       main.isMapAsideLoad = true;
     }
     $('.map-aside').removeClass('is-collapsed');
-  });
+  }
 
-  $('.map-aside-action-collapse').on('click', () => {
+  function collapseMap() {
     $('.map-aside').addClass('is-collapsed');
-  });
+  }
 
   $('#accordion').on('show.bs.collapse', function(e) {
       $(e.target)
@@ -364,4 +384,15 @@ $(document).ready(function() {
       return $('#showAll').removeClass('active');
     }
   });
+
+  // keyboard shortcuts: open map
+  Mousetrap.bind('g m', function() {
+    var isCollapsed = $('.map-aside').hasClass('is-collapsed');
+
+    if (isCollapsed) {
+      showMap();
+    } else {
+      collapseMap();
+    }
+  });
 });