From 47f9b6cfc3c05fdfbfbbb2237ef940c35e58119d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Thu, 25 Apr 2019 21:50:40 +0200
Subject: [PATCH] Add navigation to start screen board list
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 src/components/boards/BoardItem.vue | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/components/boards/BoardItem.vue b/src/components/boards/BoardItem.vue
index 3f8cdf8ae..3ca504512 100644
--- a/src/components/boards/BoardItem.vue
+++ b/src/components/boards/BoardItem.vue
@@ -21,26 +21,41 @@
 -->
 
 <template>
-	<div class="board-list-row">
+	<router-link class="board-list-row"
+				 :id="`board-${board.id}`"
+				 :title="board.title" :to="routeTo" tag="div">
 		<div class="board-list-bullet-cell">
 			<div :style="{ 'background-color': board.bullet }" class="board-list-bullet" />
 		</div>
 		<div class="board-list-title-cell">{{ board.text }}</div>
 		<div class="board-list-avatars-cell">
-			<img :src="`/avatar/${board.owner.uid}/32`" class="board-list-avatar">
+			<avatar :user="board.owner.uid" class="board-list-avatar" />
 		</div>
 		<div class="board-list-actions-cell" />
-	</div>
+	</router-link>
 </template>
 
 <script>
+import { Avatar } from 'nextcloud-vue'
+
 export default {
 	name: 'BoardItem',
+	components: {
+		Avatar
+	},
 	props: {
 		board: {
 			type: Object,
 			default: () => { return {} }
 		}
+	},
+	computed: {
+		routeTo: function() {
+			return {
+				name: 'board',
+				params: { id: this.board.id }
+			}
+		}
 	}
 }
 </script>