scott/kalkutago
1
0
Fork 0
forked from TWS/kalkutago
Code Pull requests Activity

Add event handlers for updates to tracks

Browse source
This commit is contained in:
D. Scott Boggs 2023-06-25 14:43:34 -04:00
parent 646eb60dc9
commit 9fc85d9db0
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
client/src/state.ts
View file

@ -29,8 +29,11 @@ export const state = reactive({
})
this.tracks = tracks
})
source.addEventListener('TrackAdded', ({ data }) => {
const track: Track = JSON.parse(data)
this.tracks = [track, ...this.tracks]
})
source.addEventListener('TickDropped', event => {
console.log(event)
const tick: Tick = JSON.parse(event.data)
const tracks = this.tracks.map(track => {
if (track.id === tick.track_id) {
@ -40,6 +43,14 @@ export const state = reactive({
})
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 => {
console.log(event)
// Refresh the page, refetching the list of tracks and ticks