Skip to content
Snippets Groups Projects
Commit f0e3e95d authored by Macinstallation's avatar Macinstallation
Browse files

remove sequences via list

parent 19fe36b2
Branches
No related tags found
No related merge requests found
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
</vs-popup> </vs-popup>
<vs-popup class="homeland" title="Sequences" :active.sync="sequencesListPopupActive"> <vs-popup class="homeland" title="Sequences" :active.sync="sequencesListPopupActive">
<vs-list v-for="item in sequenceQueue" v-bind:key="item.orca_sequence_id"> <vs-list v-for="item in sequenceQueue" v-bind:key="item.orca_sequence_id">
{{ item.orca_sequence_id }} <p><span>{{ item.orca_sequence_id }}</span> (<span class="linkspan" @click="removeFromQueue(item.orca_sequence_id)" class="" >delete</span>)
</vs-list> </vs-list>
</vs-popup> </vs-popup>
</div> </div>
...@@ -275,6 +275,9 @@ export default { ...@@ -275,6 +275,9 @@ export default {
// trigger playback // trigger playback
this.canPlaySequence(id) this.canPlaySequence(id)
}, },
removeFromQueue (id) {
this.$eventHub.$emit('live_remove_from_queue', id)
},
onUserChange (name) { onUserChange (name) {
this.userName = name this.userName = name
}, },
...@@ -300,6 +303,8 @@ export default { ...@@ -300,6 +303,8 @@ export default {
Bus.$emit('user-set') Bus.$emit('user-set')
}, },
updateStorage () { updateStorage () {
const data = [] const data = []
for (let i = 0; i < this.sequenceQueue.length; i++) { for (let i = 0; i < this.sequenceQueue.length; i++) {
data.push(this.sequenceQueue[i].orca_sequence_id) data.push(this.sequenceQueue[i].orca_sequence_id)
...@@ -307,6 +312,8 @@ export default { ...@@ -307,6 +312,8 @@ export default {
localStorage.sequenceQueue = data localStorage.sequenceQueue = data
console.log('Local storage updated:' + JSON.stringify(localStorage.sequenceQueue)) console.log('Local storage updated:' + JSON.stringify(localStorage.sequenceQueue))
this.$eventHub.$emit('change-queue-event', data) this.$eventHub.$emit('change-queue-event', data)
}, },
mockSequences () { mockSequences () {
return [ return [
...@@ -411,6 +418,11 @@ export default { ...@@ -411,6 +418,11 @@ export default {
<style lang="scss"> <style lang="scss">
@import '@/assets/color.scss'; @import '@/assets/color.scss';
.linkspan {
text-decoration: underline;
cursor: pointer;
}
.OrchiveLogo{ .OrchiveLogo{
width: 65%; width: 65%;
margin-bottom: 1.5em; margin-bottom: 1.5em;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment