feat: Edit Nodes Properties - MEED-6841 - Meeds-io/MIPs#137 (#162)

This PR enables displaying the page name in the page suggester when edit mode.
Meeds-io · Aug 24, 2024 · f63403d · f63403d
1 parent 2e19397
commit f63403d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/.../vue-app/common-layout-components/components/site-navigation/SiteNavigationNodeDrawer.vue b/.../vue-app/common-layout-components/components/site-navigation/SiteNavigationNodeDrawer.vue
@@ -363,7 +363,10 @@ export default {
               this.pageToEdit = page;
               this.elementType = page.state?.type === 'LINK' && 'LINK' || 'existingPage';
               this.link = page?.state?.link;
-              this.$root.$emit('set-selected-page', page.state);
+              this.$nextTick()
+                .then(() => {
+                  this.$root.$emit('set-selected-page', page);
+                });
             });
         } else {
           this.elementType = 'Group';

diff --git a/...e-app/common-layout-components/components/site-navigation/SiteNavigationPageSuggester.vue b/...e-app/common-layout-components/components/site-navigation/SiteNavigationPageSuggester.vue
@@ -181,8 +181,11 @@ export default {
       }, this.endTypingKeywordTimeout);
     },
     emitSelectedValue(value) {
-      this.selectedPage = value;
-      this.pages.push(this.selectedPage);
+      this.selectedPage = {
+        pageRef: `${ value?.key?.site?.typeName}::${ value?.key?.site?.name}::${value?.key?.name}`,
+        displayName: value?.state?.displayName || value?.key.name,
+      };
+      this.pages.push(value);
     },
   }
 };