refactored javascript to ES6 classes (#759)

assets/js/plugins/KimaiClickHandlerReducedInTableRow.js

@@ -0,0 +1,48 @@
+/*
+ * This file is part of the Kimai time-tracking app.
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+/*!
+ * [KIMAI] KimaiClickHandlerReducedInTableRow: abstract class
+ */
+
+import jQuery from 'jquery';
+import KimaiPlugin from "../KimaiPlugin";
+
+export default class KimaiClickHandlerReducedInTableRow extends KimaiPlugin {
+
+    _addClickHandlerReducedInTableRow(selector, callback)  {
+        jQuery('body').on('click', selector, function(event) {
+            // just in case an inner element is editable, than this should not be triggered
+            if (event.target.parentNode.isContentEditable || event.target.isContentEditable) {
+                return;
+            }
+
+            // handles the "click" on table rows to open an entry for editing: when a button within a row is clicked,
+            // we don't want the table row event to be processed - so we intercept it
+            let target = event.target;
+            if (event.currentTarget.matches('tr')) {
+                while (!target.matches('body')) {
+                    if (target.matches('a') || target.matches ('button')) {
+                        return;
+                    }
+                    target = target.parentNode;
+                }
+            }
+
+            event.preventDefault();
+            event.stopPropagation();
+
+            let href = jQuery(this).attr('data-href');
+            if (!href) {
+                href = jQuery(this).attr('href');
+            }
+
+            callback(href);
+        });
+    }
+
+}