feat: decode current pid of RTE from typo3link routeUrl configuration

maikschneider · Oct 9, 2023 · 8638f83 · 8638f83
1 parent 7e4376d
commit 8638f83
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 3 deletions.
diff --git a/Resources/Private/TypeScript/IconPicker.ts b/Resources/Private/TypeScript/IconPicker.ts
@@ -9,6 +9,7 @@ export default class IconPicker extends Core.Plugin {
 	public init(): void {
 		// @ts-ignore
 		const editor = this.editor as EditorWithUI;
+		const pid = this.guessPid(editor)
 
 		this.registerTypo3Icon(editor)
 
@@ -20,10 +21,23 @@ export default class IconPicker extends Core.Plugin {
 			return button;
 		});
 
-		this.picker = new IconSelection(1, '', '')
+		this.picker = new IconSelection(pid, '', '')
 		this.picker.initForRteEditor(editor)
 	}
 
+	protected guessPid(editor): number
+	{
+		const url = editor.config.get('typo3link')?.routeUrl
+
+		if (url) {
+			const pattern = /(?:\&P\[pid\]\=)\d+/gi;
+			const decodedUrl = decodeURIComponent(url);
+			return parseInt(decodedUrl.match(pattern)[0].substring(8));
+		}
+
+		return 0
+	}
+
 	protected registerTypo3Icon(editor): void
 	{
 		editor.model.schema.register('typo3icon', {

diff --git a/Resources/Public/ECMAScript6/IconPicker.js b/Resources/Public/ECMAScript6/IconPicker.js
@@ -5,6 +5,7 @@ class IconPicker extends Core.Plugin {
     init() {
         // @ts-ignore
         const editor = this.editor;
+        const pid = this.guessPid(editor);
         this.registerTypo3Icon(editor);
         editor.ui.componentFactory.add(IconPicker.pluginName, locale => {
             const button = new UI.ButtonView(locale);
@@ -13,9 +14,19 @@ class IconPicker extends Core.Plugin {
             button.on('execute', () => this.picker.rteButtonClick());
             return button;
         });
-        this.picker = new IconSelection(1, '', '');
+        this.picker = new IconSelection(pid, '', '');
         this.picker.initForRteEditor(editor);
     }
+    guessPid(editor) {
+        var _a;
+        const url = (_a = editor.config.get('typo3link')) === null || _a === void 0 ? void 0 : _a.routeUrl;
+        if (url) {
+            const pattern = /(?:\&P\[pid\]\=)\d+/gi;
+            const decodedUrl = decodeURIComponent(url);
+            return parseInt(decodedUrl.match(pattern)[0].substring(8));
+        }
+        return 0;
+    }
     registerTypo3Icon(editor) {
         editor.model.schema.register('typo3icon', {
             inheritAllFrom: '$inlineObject',

diff --git a/Resources/Public/JavaScript/IconPicker.js b/Resources/Public/JavaScript/IconPicker.js
@@ -8,6 +8,7 @@ define(['TYPO3/CMS/Ckeditor5Bundle', '@blueways/bw-icons/IconSelection.js'], (fu
         init() {
             // @ts-ignore
             const editor = this.editor;
+            const pid = this.guessPid(editor);
             this.registerTypo3Icon(editor);
             editor.ui.componentFactory.add(IconPicker.pluginName, locale => {
                 const button = new ckeditor5Bundle_js.UI.ButtonView(locale);
@@ -16,9 +17,19 @@ define(['TYPO3/CMS/Ckeditor5Bundle', '@blueways/bw-icons/IconSelection.js'], (fu
                 button.on('execute', () => this.picker.rteButtonClick());
                 return button;
             });
-            this.picker = new IconSelection__default["default"](1, '', '');
+            this.picker = new IconSelection__default["default"](pid, '', '');
             this.picker.initForRteEditor(editor);
         }
+        guessPid(editor) {
+            var _a;
+            const url = (_a = editor.config.get('typo3link')) === null || _a === void 0 ? void 0 : _a.routeUrl;
+            if (url) {
+                const pattern = /(?:\&P\[pid\]\=)\d+/gi;
+                const decodedUrl = decodeURIComponent(url);
+                return parseInt(decodedUrl.match(pattern)[0].substring(8));
+            }
+            return 0;
+        }
         registerTypo3Icon(editor) {
             editor.model.schema.register('typo3icon', {
                 inheritAllFrom: '$inlineObject',