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

Added multiselect; adjusted acl.

Browse Source 
Signed-off-by: Vadim Nicolai <nicolai.vadim@gmail.com>
This commit is contained in:
Vadim Nicolai
2018-12-28 15:50:50 +02:00
parent fb2ee56346
commit d2f78714a6
2 changed files with 41 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@@ -33,6 +33,7 @@
"vue": "^2.5.16", "vue": "^2.5.16",
"vue-click-outside": "^1.0.7", "vue-click-outside": "^1.0.7",
"vue-infinite-loading": "^2.4.1", "vue-infinite-loading": "^2.4.1",
"vue-multiselect": "^2.1.3",
"vue-router": "^3.0.1", "vue-router": "^3.0.1",
"vue-smooth-dnd": "^0.2.8", "vue-smooth-dnd": "^0.2.8",
"vuex": "^3.0.1", "vuex": "^3.0.1",

55
src/components/board/BoardSidebar.vue
View File

@@ -34,18 +34,41 @@
<div class="tabsContainer"> <div class="tabsContainer">
<div class="tab"> <div class="tab">
<ul <div v-if="activeTab === 'Sharing'">
v-if="activeTab === 'Sharing'"
id="shareWithList" <multiselect v-model="value" :options="board.sharees" />
class="shareWithList"
<ul
id="shareWithList"
class="shareWithList"
>
<li>
<avatar :user="board.owner.uid" />
<span class="has-tooltip username">
{{ board.owner.displayname }}
</span>
</li>
<li v-for="acl in board.acl" :key="acl.participant.uid">
<avatar :user="acl.participant.uid" />
<span class="has-tooltip username">
{{ acl.participant.displayname }}
</span>
</li>
</ul>
</div>
<div
v-if="activeTab === 'Tags'"
id="board-detail-labels"
> >
<li> <ul class="labels">
<avatar :user="board.owner.uid" /> <li v-for="label in board.labels" :key="label.id">
<span class="has-tooltip username"> <span v-if="!label.edit" :style="{ backgroundColor: `#${label.color}`, color: `#${label.color || '000'}` }" class="label-title">
{{ board.owner.displayname }} <span v-if="label.title">{{ label.title }}</span><i v-if="!label.title"><br></i>
</span> </span>
</li> </li>
</ul> </ul>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -54,10 +77,14 @@
<script> <script>
import { Avatar } from 'nextcloud-vue' import { Avatar } from 'nextcloud-vue'
import { mapState } from 'vuex' import { mapState } from 'vuex'
import Multiselect from 'vue-multiselect'
export default { export default {
name: 'BoardSidebar', name: 'BoardSidebar',
components: { Avatar }, components: {
Avatar,
Multiselect
},
props: { props: {
}, },
data() { data() {
@@ -123,14 +150,12 @@ export default {
margin: 15px 15px 0 15px; margin: 15px 15px 0 15px;
li { li {
display: inline-block; display: inline-block;
padding: 12px;
&.selected { &.selected {
color: #000; color: #000;
border-bottom: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d;
font-weight: 600; font-weight: 600;
} }
a {
padding: 12px;
}
} }
} }
.tabsContainer { .tabsContainer {