IBX-2255: Added mark text by double click (#317)

ibexa · Feb 7, 2022 · 8f56d37 · 8f56d37
1 parent 1dff836
commit 8f56d37
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/src/bundle/Resources/encore/ibexa.js.config.js b/src/bundle/Resources/encore/ibexa.js.config.js
@@ -45,6 +45,7 @@ const layout = [
     path.resolve(__dirname, '../public/js/scripts/admin.table.js'),
     path.resolve(__dirname, '../public/js/scripts/core/collapse.js'),
     path.resolve(__dirname, '../public/js/scripts/admin.dropdown.js'),
+    path.resolve(__dirname, '../public/js/scripts/double.click.mark.js'),
 ];
 const fieldTypes = [];
 

diff --git a/src/bundle/Resources/public/js/scripts/double.click.mark.js b/src/bundle/Resources/public/js/scripts/double.click.mark.js
@@ -0,0 +1,15 @@
+(function(global, doc) {
+    const dblClickMarkNodes = doc.querySelectorAll('.ibexa-dbl-click-mark');
+    const markText = (event) => {
+        const targetNode = event.currentTarget;
+        const range = doc.createRange();
+
+        range.selectNode(targetNode);
+        global.getSelection().removeAllRanges();
+        global.getSelection().addRange(range);
+    };
+
+    dblClickMarkNodes.forEach((dblClickMarkNode) => {
+        dblClickMarkNode.addEventListener('dblclick', markText, false);
+    });
+})(window, document);