refactored javascript to ES6 classes (#759)

assets/js/plugins/KimaiDatatable.js

@@ -0,0 +1,55 @@
+/*
+ * 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] KimaiDatatable: handles functionality for the datatable
+ */
+
+import jQuery from 'jquery';
+import KimaiPlugin from "../KimaiPlugin";
+
+export default class KimaiDatatable extends KimaiPlugin {
+
+    getId() {
+        return 'datatable';
+    }
+
+    init() {
+        const self = this;
+        document.addEventListener('KimaiDatatableRequestReload', function() {
+            self.reload();
+        });
+    }
+
+    reload() {
+        let form = jQuery('.toolbar form');
+        let loading = '<div class="overlay"><i class="fas fa-sync fa-spin"></i></div>';
+        jQuery('section.content').append(loading);
+
+        // remove the empty fields to prevent errors
+        let formData = jQuery('.toolbar form :input')
+            .filter(function(index, element) {
+                return jQuery(element).val() != '';
+            })
+            .serialize();
+
+        jQuery.ajax({
+            url: form.attr('action'),
+            type: form.attr('method'),
+            data: formData,
+            success: function(html) {
+                jQuery('section.content').replaceWith(
+                    jQuery(html).find('section.content')
+                );
+            },
+            error: function(xhr, err) {
+                form.submit();
+            }
+        });
+
+    }
+}