Next major version 2 with PHP 8.1, Symfony 6, Tabler UI, 2FA ... (#2902)

assets/js/forms/KimaiCopyDataForm.js

@@ -0,0 +1,71 @@
+/*
+ * 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] KimaiEditTimesheetForm: responsible for the most important form in the application
+ */
+
+import KimaiFormPlugin from "./KimaiFormPlugin";
+
+/**
+ * Used for simple copy from link to input action, e.g. the time and duration dropdowns
+ * copy the selected values into their corresponding input.
+ */
+export default class KimaiCopyDataForm extends KimaiFormPlugin {
+
+    /**
+     * @param {HTMLFormElement} form
+     * @return boolean
+     */
+    supportsForm(form) // eslint-disable-line no-unused-vars
+    {
+        return true;
+    }
+
+    /**
+     * @param {HTMLFormElement} form
+     */
+    activateForm(form) // eslint-disable-line no-unused-vars
+    {
+        if (this._eventHandler === undefined) {
+            this._eventHandler = (event) => {
+                let element = event.target;
+                if (!element.matches('a[data-form-widget="copy-data"]')) {
+                    element = element.parentNode; // mostly for icons
+                }
+                if (!element.matches('a[data-form-widget="copy-data"]') || element.dataset.target === undefined) {
+                    return;
+                }
+                const target = document.querySelector(element.dataset.target);
+                if (target === null) {
+                    return;
+                }
+                target.value = element.dataset.value;
+                if (element.dataset.event !== undefined) {
+                    for (const event of element.dataset.event.split(' ')) {
+                        target.dispatchEvent(new Event(event));
+                    }
+                } else if (element.dataset.eventBubbles !== undefined) {
+                    for (const event of element.dataset.eventBubbles.split(' ')) {
+                        target.dispatchEvent(new Event(event, {bubbles: true}));
+                    }
+                }
+                event.preventDefault();
+            };
+        }
+        form.addEventListener('click', this._eventHandler);
+    }
+
+    /**
+     * @param {HTMLFormElement} form
+     */
+    destroyForm(form) // eslint-disable-line no-unused-vars
+    {
+        form.removeEventListener('click', this._eventHandler);
+    }
+
+}