From 8a403944af86ec90ce3bd13f152e69e6846131e5 Mon Sep 17 00:00:00 2001
From: Sara Boutej <40363501+SaraBoutej@users.noreply.github.com>
Date: Thu, 20 Jun 2024 15:53:50 +0100
Subject: [PATCH] feat: Review UX to add a group node - MEED-7068 -
 Meeds-io/MIPs#137 (#133)

This PR enables the review of the page type section in the site navigation node drawer when selecting the group type.
---
 .../SiteNavigationNodeDrawer.vue              | 33 ++++++-------------
 1 file changed, 10 insertions(+), 23 deletions(-)

diff --git a/layout-webapp/src/main/webapp/vue-app/common-layout-components/components/site-navigation/SiteNavigationNodeDrawer.vue b/layout-webapp/src/main/webapp/vue-app/common-layout-components/components/site-navigation/SiteNavigationNodeDrawer.vue
index a5b353dbf..6f9d0e9aa 100644
--- a/layout-webapp/src/main/webapp/vue-app/common-layout-components/components/site-navigation/SiteNavigationNodeDrawer.vue
+++ b/layout-webapp/src/main/webapp/vue-app/common-layout-components/components/site-navigation/SiteNavigationNodeDrawer.vue
@@ -104,31 +104,18 @@
               <v-radio-group
                 v-model="nodeType"
                 class="mt-0">
+                <v-radio
+                  :label="$t('siteNavigation.label.newPage')"
+                  value="PAGE" />
+                <v-radio
+                  :label="$t('siteNavigation.label.existingPage')"
+                  value="existingPage" />
+                <v-radio
+                  :label="$t('siteNavigation.label.link')"
+                  value="LINK" />
                 <v-radio
                   :label="$t('siteNavigation.label.nodeType.group')"
                   value="Group" />
-                <p class="caption text-light-color ms-8 me-2 mt-n2">
-                  {{ $t('siteNavigation.label.nodeType.group.caption') }}
-                </p>
-                <div class="d-flex">
-                  <v-radio
-                    :label="$t('siteNavigation.label.nodeType.pageOrLink')"
-                    value="pageOrLink" />
-                  <a
-                    v-if="this.navigationNode && this.navigationNode.pageKey && this.editMode"
-                    class="mx-4"
-                    @click="openAddElementDrawer">
-                    <v-icon
-                      class="pb-1"
-                      size="13">
-                      fas fa-edit
-                    </v-icon>
-                    {{ $t('siteNavigation.label.editElement') }}
-                  </a>
-                </div>
-                <p class="caption text-light-color ms-8 me-2 text-wrap text-break text-truncate-2">
-                  {{ $t('siteNavigation.label.nodeType.pageOrLink.caption') }}
-                </p>
               </v-radio-group>
             </div>
           </v-card-text>
@@ -290,7 +277,7 @@ export default {
       return !(this.isValidInputs && this.nodeId && this.nodeLabel);
     },
     displayNextBtn() {
-      return this.editMode ? this.nodeType === 'pageOrLink' && !this.navigationNode.pageKey : this.nodeType === 'pageOrLink';
+      return this.editMode ? this.nodeType === 'PAGE' && !this.navigationNode.pageKey : this.nodeType === 'PAGE';
     },
   },
   created() {