From 91e67ea581cb10f600e8edaa42a2e49b248aaac7 Mon Sep 17 00:00:00 2001
From: Rijk van Zanten <rijkvanzanten@me.com>
Date: Fri, 24 Apr 2020 17:24:02 -0400
Subject: [PATCH] Link to project if project url is set in settings (#475)

---
 .../module-bar-logo/module-bar-logo.vue       | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/views/private/components/module-bar-logo/module-bar-logo.vue b/src/views/private/components/module-bar-logo/module-bar-logo.vue
index 0b7f1ac5ea..63a7837b59 100644
--- a/src/views/private/components/module-bar-logo/module-bar-logo.vue
+++ b/src/views/private/components/module-bar-logo/module-bar-logo.vue
@@ -1,5 +1,11 @@
 <template>
-	<div class="module-bar-logo">
+	<component
+		:is="url ? 'a' : 'div'"
+		:href="url"
+		target="_blank"
+		ref="noopener noreferer"
+		class="module-bar-logo"
+	>
 		<img class="custom-logo" v-if="customLogoPath" :src="customLogoPath" alt="Project Logo" />
 		<div
 			v-else
@@ -7,7 +13,7 @@
 			:class="{ running: isRunning }"
 			@animationiteration="stopRunningIfQueueIsEmpty"
 		/>
-	</div>
+	</component>
 </template>
 
 <script lang="ts">
@@ -15,11 +21,13 @@ import { defineComponent, ref, computed, watch } from '@vue/composition-api';
 import { ProjectWithKey } from '@/stores/projects/types';
 import { useProjectsStore } from '@/stores/projects/';
 import { useRequestsStore } from '@/stores/requests/';
+import { useSettingsStore } from '@/stores/settings/';
 
 export default defineComponent({
 	setup() {
 		const projectsStore = useProjectsStore();
 		const requestsStore = useRequestsStore();
+		const settingsStore = useSettingsStore();
 
 		const customLogoPath = computed<string | null>(() => {
 			if (projectsStore.currentProject.value === null) return null;
@@ -41,7 +49,14 @@ export default defineComponent({
 			}
 		);
 
-		return { customLogoPath, isRunning, stopRunningIfQueueIsEmpty };
+		const url = computed(() => settingsStore.formatted.value.project_url);
+
+		return {
+			customLogoPath,
+			isRunning,
+			stopRunningIfQueueIsEmpty,
+			url,
+		};
 
 		function stopRunningIfQueueIsEmpty() {
 			if (queueHasItems.value === false) isRunning.value = false;