From fa582c1c5c035d5fb2e599395439979f9c9d5986 Mon Sep 17 00:00:00 2001
From: bartvdbraak <bartvdbraak@gmail.com>
Date: Sun, 2 Feb 2020 18:16:03 +0100
Subject: [PATCH] Other links target value prop
---
src/components/LeftNav.vue | 2 +-
src/components/NavItem.vue | 3 ++-
2 files changed, 3 insertions(+), 2 deletions(-)
diff --git a/src/components/LeftNav.vue b/src/components/LeftNav.vue
index 106c512..e97b35f 100644
--- a/src/components/LeftNav.vue
+++ b/src/components/LeftNav.vue
@@ -14,7 +14,7 @@
<span>Other Links</span>
</h6>
<ul class="nav flex-column mb-2">
- <NavItem v-for="link in extraLinks" :isActive="activate(link.id)" :key="link.id" :title="link.title" :id="link.id" :icon_url="link.icon" :url="link.url"/>
+ <NavItem v-for="link in extraLinks" :targetVal="'_blank'" :isActive="activate(link.id)" :key="link.id" :title="link.title" :id="link.id" :icon_url="link.icon" :url="link.url"/>
</ul>
</div>
</nav>
diff --git a/src/components/NavItem.vue b/src/components/NavItem.vue
index 1563466..6f0a4cd 100644
--- a/src/components/NavItem.vue
+++ b/src/components/NavItem.vue
@@ -6,7 +6,7 @@
</router-link>
- <a class="nav-link" v-bind:class="{ active: isActive }" v-if="url" :href="url" >
+ <a class="nav-link" :target="targetVal" v-bind:class="{ active: isActive }" v-if="url" :href="url" >
<img class="mx-2 rounded-circle shadow" v-if="icon_url" :src="require(`../assets/${icon_url}`)" width="42" height="42">
<span class="h6">{{ title }}</span>
</a>
@@ -28,6 +28,7 @@ export default {
url: String,
to: String,
isActive: Boolean,
+ targetVal: String,
},
}
</script>