ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Add navigation to start screen board list

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2019-04-25 21:50:40 +02:00
parent f04225a33a
commit 47f9b6cfc3
1 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/boards/BoardItem.vue
View File

@@ -21,26 +21,41 @@
--> -->
<template> <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 class="board-list-bullet-cell">
<div :style="{ 'background-color': board.bullet }" class="board-list-bullet" /> <div :style="{ 'background-color': board.bullet }" class="board-list-bullet" />
</div> </div>
<div class="board-list-title-cell">{{ board.text }}</div> <div class="board-list-title-cell">{{ board.text }}</div>
<div class="board-list-avatars-cell"> <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>
<div class="board-list-actions-cell" /> <div class="board-list-actions-cell" />
</div> </router-link>
</template> </template>
<script> <script>
import { Avatar } from 'nextcloud-vue'
export default { export default {
name: 'BoardItem', name: 'BoardItem',
components: {
Avatar
},
props: { props: {
board: { board: {
type: Object, type: Object,
default: () => { return {} } default: () => { return {} }
} }
},
computed: {
routeTo: function() {
return {
name: 'board',
params: { id: this.board.id }
}
}
} }
} }
</script> </script>