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.
Meeds-io · Jul 22, 2024 · 8a40394 · 8a40394
1 parent 05d5c1d
commit 8a40394
Showing 1 changed file with 10 additions and 23 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
@@ -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() {