gltron/Voozik
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

User controls, UI improvement

Browse Source
This commit is contained in:
Thomas
2020-08-04 16:00:55 +02:00
parent 1d1d79f90e
commit ea81b7f598
11 changed files with 182 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
client/src/components/Playlist.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<b-button icon-left="plus" @click="addLinkPrompt">Add link</b-button>
<b-button v-if="roomSettings.userLink" icon-left="plus" size="is-medium" @click="addLinkPrompt">Add link</b-button>
<hr>
<b-table :data="roomStatus.playlist" striped hoverable default-sort="vote">
<template slot-scope="props">
@@ -21,9 +21,9 @@
</b-table-column>
<b-table-column>
<b-button v-if="hasVoted(props.row)" icon-left="arrow-down-bold-outline" type="is-primary" @click="vote (props.row.link, props.row.linkID, false)"/>
<b-button v-else icon-left="arrow-up-bold-outline" type="is-primary" @click="vote (props.row.link, props.row.linkID, true)"/>
<b-button v-if="isAdmin" class="actionButton" icon-left="delete-forever" type="is-danger" @click="removePlay (props.row.linkID)"/>
<b-button v-if="hasVoted(props.row)" icon-left="arrow-down-bold-outline" type="is-primary" size="is-medium" @click="vote (props.row.title, props.row.link, props.row.linkID, false)"/>
<b-button v-else icon-left="arrow-up-bold-outline" type="is-primary" size="is-medium" @click="vote (props.row.title, props.row.link, props.row.linkID, true)"/>
<b-button v-if="isAdmin" class="actionButton" icon-left="delete-forever" type="is-danger" size="is-medium" @click="removePlay (props.row.linkID)"/>
</b-table-column>
</template>
</b-table>
@@ -32,13 +32,16 @@
<script>
export default {
name: 'Palylist',
name: 'Playlist',
computed: {
isAdmin () {
return this.$store.state.room.admin
},
roomStatus () {
return this.$store.state.room.roomStatus
},
roomSettings () {
return this.$store.state.room.roomSettings
}
},
methods: {
@@ -89,7 +92,7 @@ export default {
this.$store.dispatch('room/removePlay', linkID)
},
async getInfos (linkID) {
const response = await fetch('http://noembed.com/embed?format=json&' + 'url=https://www.youtube.com/watch?v=' + linkID)
const response = await fetch('https://noembed.com/embed?format=json&' + 'url=https://www.youtube.com/watch?v=' + linkID)
return await response.json()
}
}