GN-4825: Correctly shows "Insert snippet" button (#672)

lblod · Jun 11, 2024 · eaa66f6 · eaa66f6
1 parent e10a117
commit eaa66f6
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/.changeset/giant-camels-glow.md b/.changeset/giant-camels-glow.md
@@ -0,0 +1,5 @@
+---
+'frontend-gelinkt-notuleren': patch
+---
+
+GN-4825: Show "Insert snippet" when required
diff --git a/app/components/rdfa-editor-container.js b/app/components/rdfa-editor-container.js
@@ -15,6 +15,11 @@ import AttributeEditor from '@lblod/ember-rdfa-editor/components/_private/attrib
 import RdfaEditor from '@lblod/ember-rdfa-editor/components/_private/rdfa-editor';
 import DebugInfo from '@lblod/ember-rdfa-editor/components/_private/debug-info';
 
+/**
+ * `shouldShowRdfa` - boolean that indicates whether the editor should be in "RDFA aware" mode, or in old RDFA display mode.
+ *                    `true` - RDFA aware mode, `false | undefined` - old RDFA display mode
+ * `shouldEditRdfa` - boolean that indicates whether the "RDFA aware" debug tools will be available
+ */
 export default class RdfaEditorContainerComponent extends Component {
   @service features;
   @tracked controller;
@@ -48,7 +53,8 @@ export default class RdfaEditorContainerComponent extends Component {
         firefoxCursorFix(),
         lastKeyPressedPlugin,
         chromeHacksPlugin(),
-        this.args.shouldEditRdfa && editableNodePlugin(),
+        (this.args.shouldEditRdfa || this.args.shouldShowRdfa) &&
+          editableNodePlugin(),
       )
       .filter((nullCheck) => nullCheck);
   }
@@ -89,7 +95,10 @@ export default class RdfaEditorContainerComponent extends Component {
   }
 
   get activeNode() {
-    if (this.controller && this.args.shouldEditRdfa) {
+    if (
+      this.controller &&
+      (this.args.shouldEditRdfa || this.args.shouldShowRdfa)
+    ) {
       return getActiveEditableNode(this.controller.activeEditorState);
     }
     return null;