From f82d1081f9241f39681157a694b3961639b43ce4 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Wed, 21 Aug 2019 16:24:43 +0800
Subject: [PATCH 1/3] [+] Call custom event when a navigation item is selected

---
 src/components/navigation/navigation.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/navigation/navigation.ts b/src/components/navigation/navigation.ts
index b69f97f..5980735 100644
--- a/src/components/navigation/navigation.ts
+++ b/src/components/navigation/navigation.ts
@@ -18,6 +18,7 @@ export default class Navigation extends Vue
      */
     public onSelect()
     {
-
+        // Call custom event
+        this.$emit('navigation:select', this.activeIndex);
     }
 }

From 10c994d6c22088d9179d14d47abd58d64e0bd9e4 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Wed, 21 Aug 2019 16:27:55 +0800
Subject: [PATCH 2/3] [+] Call method in app.ts on navigate

---
 src/components/app/app.ts  | 10 ++++++++++
 src/components/app/app.vue |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/app/app.ts b/src/components/app/app.ts
index 5c9280c..47cfcfa 100644
--- a/src/components/app/app.ts
+++ b/src/components/app/app.ts
@@ -27,4 +27,14 @@ export default class App extends Vue
         // Debug output TODO: Remove this
         console.log(courses);
     }
+
+    /**
+     * This is called when a navigation tab is clicked
+     *
+     * @param tab Tab name
+     */
+    public onNavigate(tab: string)
+    {
+
+    }
 }
diff --git a/src/components/app/app.vue b/src/components/app/app.vue
index 9e2c45e..53f48ec 100644
--- a/src/components/app/app.vue
+++ b/src/components/app/app.vue
@@ -1,7 +1,7 @@
 <template>
     <div id="app">
         <login v-if="showLogin" v-on:login:courses="onLogin"></login>
-        <navigation :courses="courses"></navigation>
+        <navigation :courses="courses" v-on:navigation:select="onNavigate"></navigation>
     </div>
 </template>
 

From 7aebde42b147153850e3a425c3d8712551911407 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Wed, 21 Aug 2019 16:29:22 +0800
Subject: [PATCH 3/3] [+] Add some debug output

---
 src/components/app/app.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/app/app.ts b/src/components/app/app.ts
index 47cfcfa..e7d26f2 100644
--- a/src/components/app/app.ts
+++ b/src/components/app/app.ts
@@ -35,6 +35,7 @@ export default class App extends Vue
      */
     public onNavigate(tab: string)
     {
-
+        // Debug output TODO: Remove this
+        console.log(tab);
     }
 }