From 1fd17303a53016c15f685deebda65bea8e71be90 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sybren=20A=2E=20St=C3=BCvel?= <sybren@stuvel.eu>
Date: Thu, 28 Mar 2019 16:37:46 +0100
Subject: [PATCH] Breadcrumbs: emit 'navigate' event when clicking on the link

Clicking on the breadcrumb link now doesn't follow the link any more,
but by keeping it as a link users can still open in a new tab.
---
 .../js/es6/common/vuecomponents/breadcrumbs/Breadcrumbs.js   | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/scripts/js/es6/common/vuecomponents/breadcrumbs/Breadcrumbs.js b/src/scripts/js/es6/common/vuecomponents/breadcrumbs/Breadcrumbs.js
index 5987c593..2a372c05 100644
--- a/src/scripts/js/es6/common/vuecomponents/breadcrumbs/Breadcrumbs.js
+++ b/src/scripts/js/es6/common/vuecomponents/breadcrumbs/Breadcrumbs.js
@@ -2,7 +2,7 @@ const TEMPLATE = `
 <div class='breadcrumbs' v-if="breadcrumbs.length">
     <ul>
         <li v-for="crumb in breadcrumbs">
-            <a :href="crumb.url" v-if="!crumb._self">{{ crumb.name }}</a>
+            <a :href="crumb.url" v-if="!crumb._self" @click.prevent="navigateToNode(crumb._id)">{{ crumb.name }}</a>
             <template v-else><span>{{ crumb.name }}</span></template>
         </li>
     </ul>
@@ -45,5 +45,8 @@ Vue.component("node-breadcrumbs", {
             })
             ;
         },
+        navigateToNode(nodeId) {
+            this.$emit('navigate', nodeId);
+        },
     },
 });