Merge pull request #427 from YaroslavOvdii/return-keyaccess

[Feature] Allow users to use the keyboard to get access to the main features of the LFD.

Author: sofiiakvasnevska

js/build.templates.js

@@ -196,7 +196,11 @@ DynamicList.prototype.attachObservers = function() {
       _this.hideFilterOverlay();
       _this.clearFilters();
     })
-    .on('click', '.hidden-filter-controls-filter', function() {
+    .on('click keydown', '.hidden-filter-controls-filter', function(event) {
+      if (!_this.Utils.Event.isExecute(event)) {
+        return;
+      }
+
       var $filter = $(this);
 
       Fliplet.Analytics.trackEvent({
@@ -275,7 +279,11 @@ DynamicList.prototype.attachObservers = function() {
 
       _this.$container.find('.clear-filters').removeClass('hidden');
     })
-    .on('click', '.list-search-cancel', function() {
+    .on('click keydown', '.list-search-cancel', function(event) {
+      if (!_this.Utils.Event.isExecute(event)) {
+        return;
+      }
+
       // Hide filters
       $(this).removeClass('active');
       _this.$container.find('.hidden-filter-controls').removeClass('active');
@@ -349,12 +357,20 @@ DynamicList.prototype.attachObservers = function() {
       _this.isSearching = true;
       _this.searchData(value);
     })
-    .on('click', '.clear-search', function() {
+    .on('click keydown', '.clear-search', function(event) {
+      if (!_this.Utils.Event.isExecute(event)) {
+        return;
+      }
+
       _this.$container.find('.new-agenda-list-container').removeClass('searching');
       _this.isSearching = false;
       _this.searchData('');
     })
-    .on('click', '.go-to-poll', function() {
+    .on('click keydown', '.go-to-poll', function(event) {
+      if (!_this.Utils.Event.isExecute(event)) {
+        return;
+      }
+
       if (!_this.data.pollEnabled || !_this.data.pollColumn) {
         return;
       }
@@ -369,7 +385,11 @@ DynamicList.prototype.attachObservers = function() {
         entry: entry
       });
     })
-    .on('click', '.go-to-survey', function() {
+    .on('click keydown', '.go-to-survey', function(event) {
+      if (!_this.Utils.Event.isExecute(event)) {
+        return;
+      }
+
       if (!_this.data.surveyEnabled || !_this.data.surveyColumn) {
         return;
       }
@@ -384,7 +404,11 @@ DynamicList.prototype.attachObservers = function() {
         entry: entry
       });
     })
-    .on('click', '.go-to-questions', function() {
+    .on('click keydown', '.go-to-questions', function(event) {
+      if (!_this.Utils.Event.isExecute(event)) {
+        return;
+      }
+
       if (!_this.data.questionsEnabled || !_this.data.questionsColumn) {
         return;
       }
@@ -425,9 +449,13 @@ DynamicList.prototype.attachObservers = function() {
           : 'bookmarks_hide'
       });
     })
-    .on('click', '.toggle-agenda, .toggle-bookmarks', function(e) {
+    .on('click', '.toggle-agenda, .toggle-bookmarks', function(event) {
       e.stopPropagation();
 
+      if (!_this.Utils.Event.isExecute(event)) {
+        return;
+      }
+
       var $toggle = _this.$container.find(e.handleObj.selector);
 
       $toggle.toggleClass('mixitup-control-active');
@@ -456,7 +484,11 @@ DynamicList.prototype.attachObservers = function() {
         allowClick = true;
       }, 100);
     })
-    .on('click', '.agenda-list-item', function(event) {
+    .on('click keydown', '.agenda-list-item', function(event) {
+      if (!_this.Utils.Event.isExecute(event)) {
+        return;
+      }
+
       if (_this.isPanning && !_this.allowClick && $(this).hasClass('open')) {
         return;
       }
@@ -506,7 +538,11 @@ DynamicList.prototype.attachObservers = function() {
         });
       });
     })
-    .on('click', '.agenda-detail-overlay-close, .agenda-detail-overlay-screen', function(event) {
+    .on('click keydown', '.agenda-detail-overlay-close, .agenda-detail-overlay-screen', function(event) {
+      if (!_this.Utils.Event.isExecute(event)) {
+        return;
+      }
+
       var result;
 
       if ($(this).hasClass('go-previous-screen')) {
@@ -569,7 +605,11 @@ DynamicList.prototype.attachObservers = function() {
         return;
       }
     })
-    .on('click', '.agenda-date-selector li', function() {
+    .on('click keydown', '.agenda-date-selector li', function(event) {
+      if (!_this.Utils.Event.isExecute(event)) {
+        return;
+      }
+
       // prevents clicking the active one
       // prevents clicking the placeholder
       if ($(this).hasClass('active') || $(this).hasClass('placeholder')) {
@@ -598,7 +638,11 @@ DynamicList.prototype.attachObservers = function() {
         return;
       }
     })
-    .on('click', '.dynamic-list-add-item', function() {
+    .on('click keydown', '.dynamic-list-add-item', function(event) {
+      if (!_this.Utils.Event.isExecute(event)) {
+        return;
+      }
+      
       if (!_this.data.addEntryLinkAction) {
         return;
       }
@@ -630,7 +674,11 @@ DynamicList.prototype.attachObservers = function() {
         });
       }
     })
-    .on('click', '.dynamic-list-edit-item', function() {
+    .on('click keydown', '.dynamic-list-edit-item', function(event) {
+      if (!_this.Utils.Event.isExecute(event)) {
+        return;
+      }
+
       if (!_this.data.editEntryLinkAction) {
         return;
       }
@@ -664,7 +712,11 @@ DynamicList.prototype.attachObservers = function() {
         });
       }
     })
-    .on('click', '.dynamic-list-delete-item', function() {
+    .on('click keydown', '.dynamic-list-delete-item', function(event) {
+      if (!_this.Utils.Event.isExecute(event)) {
+        return;
+      }
+
       var _that = $(this);
       var entryID = $(this).parents('.agenda-item-inner-content').data('entry-id');
       var options = {
@@ -726,7 +778,11 @@ DynamicList.prototype.attachObservers = function() {
         Fliplet.UI.Actions(options);
       });
     })
-    .on('click', '.agenda-detail-overlay .bookmark-wrapper, .search-results-wrapper .bookmark-wrapper', function() {
+    .on('click keydown', '.agenda-detail-overlay .bookmark-wrapper, .search-results-wrapper .bookmark-wrapper', function(event) {
+      if (!_this.Utils.Event.isExecute(event)) {
+        return;
+      }
+
       var id = $(this).parents('.agenda-detail-wrapper, .agenda-list-item').data('entry-id');
       var record = _.find(_this.listItems, { id: id });