From 24af938058cb5440beae8ab5523af989a88eea12 Mon Sep 17 00:00:00 2001
From: Vadim Nicolai <contact@vadimnicolai.com>
Date: Sat, 22 Dec 2018 23:17:27 +0200
Subject: [PATCH] Added current user avatar.

---
 src/components/board/BoardSidebar.vue | 30 +++++++++++++++++++++------
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/components/board/BoardSidebar.vue b/src/components/board/BoardSidebar.vue
index 771e67da8..f485105eb 100644
--- a/src/components/board/BoardSidebar.vue
+++ b/src/components/board/BoardSidebar.vue
@@ -35,18 +35,30 @@
 			</li>
 		</ul>
 
-		<div class="tabs-container">
-			<ul
-				id="shareWithList"
-				class="shareWithList"
-			/>
+		<div class="tabsContainer">
+			<div class="tab">
+				<ul
+					v-if="activeTab === 'Sharing'"
+					id="shareWithList"
+					class="shareWithList"
+				>
+					<li>
+						<avatar :user="board.owner.uid" />
+						<span class="has-tooltip username">
+							{{ board.owner.displayname }}
+						</span>
+					</li>
+				</ul>
+			</div>
 		</div>
 	</div>
 </template>
 
 <script>
+import { Avatar } from 'nextcloud-vue'
 export default {
 	name: 'BoardSidebar',
+	components: { Avatar },
 	props: {
 		board: {
 			type: Object,
@@ -57,7 +69,7 @@ export default {
 	},
 	data() {
 		return {
-			activeTab: 'shareWithList',
+			activeTab: 'Sharing',
 			tabs: [
 				{
 					name: 'Sharing',
@@ -83,6 +95,7 @@ export default {
 			this.$store.dispatch('toggleSidebar')
 		},
 		setSelectedHeader(tabName) {
+			this.activeTab = tabName
 			this.tabs.forEach(tab => {
 				tab.isSelected = (tab.name === tabName)
 			})
@@ -122,4 +135,9 @@ export default {
 			}
 		}
   }
+	.tabsContainer {
+		.tab {
+			padding: 0 15px 15px;
+		}
+	}
 </style>