Add event handlers for updates to tracks
This commit is contained in:
parent
678e95bba0
commit
6360f23209
|
@ -38,8 +38,11 @@ export const state = reactive({
|
||||||
})
|
})
|
||||||
this.tracks = tracks
|
this.tracks = tracks
|
||||||
})
|
})
|
||||||
|
source.addEventListener('TrackAdded', ({ data }) => {
|
||||||
|
const track: Track = JSON.parse(data)
|
||||||
|
this.tracks = [track, ...this.tracks]
|
||||||
|
})
|
||||||
source.addEventListener('TickDropped', event => {
|
source.addEventListener('TickDropped', event => {
|
||||||
console.log(event)
|
|
||||||
const tick: Tick = JSON.parse(event.data)
|
const tick: Tick = JSON.parse(event.data)
|
||||||
const tracks = this.tracks.map(track => {
|
const tracks = this.tracks.map(track => {
|
||||||
if (track.id === tick.track_id) {
|
if (track.id === tick.track_id) {
|
||||||
|
@ -49,6 +52,14 @@ export const state = reactive({
|
||||||
})
|
})
|
||||||
this.tracks = tracks
|
this.tracks = tracks
|
||||||
})
|
})
|
||||||
|
source.addEventListener('TrackDropped', ({ data }) => {
|
||||||
|
const track: Track = JSON.parse(data)
|
||||||
|
this.tracks = this.tracks.filter($track => $track.id !== track.id)
|
||||||
|
})
|
||||||
|
source.addEventListener('TrackChanged', ({ data }) => {
|
||||||
|
const track: Track = JSON.parse(data)
|
||||||
|
this.tracks = this.tracks.map($track => $track.id === track.id ? track : $track)
|
||||||
|
})
|
||||||
source.addEventListener('Lagged', event => {
|
source.addEventListener('Lagged', event => {
|
||||||
console.log(event)
|
console.log(event)
|
||||||
// Refresh the page, refetching the list of tracks and ticks
|
// Refresh the page, refetching the list of tracks and ticks
|
||||||
|
|
Loading…
Reference in a new issue