Added icons on move to button

This commit is contained in:
Kylart 2017-05-14 21:55:00 +02:00
parent 9ba82a6e4c
commit ae369331f6
1 changed files with 12 additions and 6 deletions

View File

@ -7,7 +7,7 @@
</v-tab-item> </v-tab-item>
<v-tab-item href="#tabs-2" slot="activators"> <v-tab-item href="#tabs-2" slot="activators">
Watching Watching
<v-icon>play_circle_outline</v-icon> <v-icon>tv</v-icon>
</v-tab-item> </v-tab-item>
<v-tab-item href="#tabs-3" slot="activators"> <v-tab-item href="#tabs-3" slot="activators">
Seen Seen
@ -36,6 +36,9 @@
v-for="action in actions(i)" v-for="action in actions(i)"
:key="action"> :key="action">
<v-list-tile> <v-list-tile>
<v-list-tile-action>
<v-icon>{{ action.icon }}</v-icon>
</v-list-tile-action>
<v-list-tile-title>{{ action.name }}</v-list-tile-title> <v-list-tile-title>{{ action.name }}</v-list-tile-title>
</v-list-tile> </v-list-tile>
</v-list-item> </v-list-item>
@ -123,10 +126,10 @@
<script> <script>
const removeSelectedClasses = () => { const removeSelectedClasses = () => {
const elems = document.getElementsByClassName('elem') const elems = document.getElementsByClassName('elem')
// Remove all selected class // Remove all selected class
for (let j = 0, l = elems.length; j < l; ++j) elems[j].children[0].classList.remove('selected') for (let j = 0, l = elems.length; j < l; ++j) elems[j].children[0].classList.remove('selected')
} }
export default { export default {
@ -144,13 +147,16 @@
}, },
actionsList: [{ actionsList: [{
name: 'Watch list', name: 'Watch list',
list: 'watchList' list: 'watchList',
icon: 'watch_later'
}, { }, {
name: 'Watching', name: 'Watching',
list: 'watching' list: 'watching',
icon: 'tv'
}, { }, {
name: 'Seen', name: 'Seen',
list: 'seen' list: 'seen',
icon: 'done_all'
} }
], ],
allSelected: { allSelected: {