refactored javascript to ES6 classes (#759)

2019-05-06 15:22:52 +02:00
parent 80af3fb010
commit 98f386dad6
37 changed files with 1302 additions and 721 deletions
--- a/assets/js/plugins/KimaiDateTimePicker.js
+++ b/assets/js/plugins/KimaiDateTimePicker.js
@@ -0,0 +1,58 @@
+/*
+ * 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] KimaiDateTimePicker: activate the (datetime picker) field in timesheet edit dialog
+ */
+
+import jQuery from 'jquery';
+import KimaiPlugin from '../KimaiPlugin';
+
+export default class KimaiDateTimePicker extends KimaiPlugin {
+
+    constructor(selector) {
+        super();
+        this.selector = selector;
+    }
+
+    getId() {
+        return 'date-time-picker';
+    }
+
+    init() {
+        this.activateDateTimePicker(this.selector);
+    }
+
+    activateDateTimePicker(selector) {
+        let translator = this.getContainer().getTranslation();
+        let configuration = this.getContainer().getConfiguration();
+
+        jQuery(selector + ' input[data-datetimepicker="on"]').each(function(index) {
+            let localeFormat = jQuery(this).data('format');
+            jQuery(this).daterangepicker({
+                singleDatePicker: true,
+                timePicker: true,
+                timePicker24Hour: configuration.get('twentyFourHours'),
+                showDropdowns: true,
+                autoUpdateInput: false,
+                locale: {
+                    format: localeFormat,
+                    firstDay: 1,
+                    applyLabel: translator.get('apply'),
+                    cancelLabel: translator.get('cancel'),
+                    customRangeLabel: translator.get('customRange')
+                }
+            });
+
+            jQuery(this).on('apply.daterangepicker', function(ev, picker) {
+                jQuery(this).val(picker.startDate.format(localeFormat));
+                jQuery(this).trigger("change");
+            });
+        });
+    }
+
+}