From df030462889e1a24b50a062bc27efde412949f9c Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Sun, 24 Oct 2021 14:47:37 +0100
Subject: [PATCH] :sparkles: Adds functionality for navigating to
 single-section view

---
 src/components/LinkItems/Section.vue            | 13 ++++++++++++-
 src/components/LinkItems/SectionContextMenu.vue |  2 +-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/LinkItems/Section.vue b/src/components/LinkItems/Section.vue
index e7092e5c..0c8d3457 100644
--- a/src/components/LinkItems/Section.vue
+++ b/src/components/LinkItems/Section.vue
@@ -59,11 +59,13 @@
       :id="`context-menu-${groupId}`"
       v-click-outside="closeContextMenu"
       @openEditSection="openEditSection"
+      @navigateToSection="navigateToSection"
     />
   </Collapsable>
 </template>
 
 <script>
+import router from '@/router';
 import Item from '@/components/LinkItems/Item.vue';
 import Collapsable from '@/components/LinkItems/Collapsable.vue';
 import IframeModal from '@/components/LinkItems/IframeModal.vue';
@@ -191,13 +193,21 @@ export default {
         .sort((a, b) => a.sort - b.sort)
         .map(({ value }) => value);
     },
+    /* Navigate to the section's single-section view page */
+    navigateToSection() {
+      const parse = (section) => section.replace(' ', '-').toLowerCase().trim();
+      const sectionIdentifier = parse(this.title);
+      router.push({ path: `/home/${sectionIdentifier}` });
+      this.closeContextMenu();
+    },
     /* Open the Section Edit Menu */
     openEditSection() {
       this.editMenuOpen = true;
       this.$modal.show(modalNames.EDIT_SECTION);
       this.$store.commit(StoreKeys.SET_MODAL_OPEN, true);
-      this.contextMenuOpen = false;
+      this.closeContextMenu();
     },
+    /* Close the section edit menu */
     closeEditSection() {
       this.editMenuOpen = false;
       this.$modal.hide(modalNames.EDIT_SECTION);
@@ -213,6 +223,7 @@ export default {
         };
       }
     },
+    /* Hide the right-click context menu */
     closeContextMenu() {
       this.contextMenuOpen = false;
     },
diff --git a/src/components/LinkItems/SectionContextMenu.vue b/src/components/LinkItems/SectionContextMenu.vue
index e6cfeb32..3ddf8afa 100644
--- a/src/components/LinkItems/SectionContextMenu.vue
+++ b/src/components/LinkItems/SectionContextMenu.vue
@@ -57,7 +57,7 @@ export default {
     /* Called on item click, emits an event up to Item */
     /* in order to launch the current app to a given target */
     openSection() {
-      // TODO: Open Section
+      this.$emit('navigateToSection');
     },
     openEditSectionMenu() {
       this.$emit('openEditSection');