X-Git-Url: https://git.wh0rd.org/?p=chrome-ext%2Fmusic-player-client.git;a=blobdiff_plain;f=main.js;h=1466bded59d7192b0a094b2c4bea70254d47cb39;hp=208f996183fdad1ea0ad87420a0d734b603e7be9;hb=650b9e7b55fa66426318c67b20f6c0cf82faac27;hpb=999ae517c6544938a712422c9dd3cc210a319ebd diff --git a/main.js b/main.js index 208f996..1466bde 100644 --- a/main.js +++ b/main.js @@ -309,51 +309,57 @@ function update_ui(state, cmd) { return; } - /* Update the metadata tab. */ - var currentsong = {}; - if ('Currentsong' in state) + /* Update the metadata tab only when things have changed. */ + var currentsong; + if ('Currentsong' in state) { currentsong = state.Currentsong; - ui_mpc_metadata_album.innerText = currentsong.Album; - ui_mpc_metadata_artist.innerText = currentsong.Artist; - ui_mpc_metadata_title.innerText = currentsong.Title; - ui_mpc_metadata_date.innerText = currentsong.Date; - ui_mpc_metadata_file.innerText = currentsong.file; - - /* Update the playlist tab. */ - var playlist = []; - if ('Playlist' in state) - playlist = state.Playlist; - ui_mpc_playlist.innerHTML = ''; - playlist.forEach(function(song) { - var cell, row = ui_mpc_playlist.insertRow(-1); - if (song.Pos == currentsong.Pos) - row.style.fontWeight = 'bold'; - - cell = row.insertCell(-1); - cell.id = 'playlist_del'; - cell.innerHTML = '¤'; - cell.song_id = song.Id; - cell.title = 'delete'; - cell.onclick = playlist_del; - - cell = row.insertCell(-1); - cell.innerText = song.Pos; - cell.style.textAlign = 'right'; - cell.song_id = song.Id; - cell.title = 'play'; - cell.onclick = playlist_play; - - if ('Artist' in song) { - row.insertCell(-1).innerText = song.Artist; - row.insertCell(-1).innerText = song.Album; - row.insertCell(-1).innerText = song.Title; - } else { - cell = row.insertCell(-1); - cell.innerText = song.file; - cell.colSpan = 3; + if (ui_mpc_metadata_file.lastUpdate != state.Currentsong.lastUpdate) { + ui_mpc_metadata_album.innerText = currentsong.Album; + ui_mpc_metadata_artist.innerText = currentsong.Artist; + ui_mpc_metadata_title.innerText = currentsong.Title; + ui_mpc_metadata_date.innerText = currentsong.Date; + ui_mpc_metadata_file.innerText = currentsong.file; } - row.insertCell(-1).innerText = pretty_time(song.Time); - }); + } + + /* Update the playlist tab only when things have changed. */ + if ('Playlist' in state && ui_mpc_playlist.lastUpdate != state.Playlist.lastUpdate) { + var playlist = state.Playlist; + + ui_mpc_playlist.innerHTML = ''; + playlist.forEach(function(song) { + var cell, row = ui_mpc_playlist.insertRow(-1); + if (currentsong && song.Pos == currentsong.Pos) + row.style.fontWeight = 'bold'; + + cell = row.insertCell(-1); + cell.id = 'playlist_del'; + cell.innerHTML = '¤'; + cell.song_id = song.Id; + cell.title = 'delete'; + cell.onclick = playlist_del; + + cell = row.insertCell(-1); + cell.innerText = song.Pos; + cell.style.textAlign = 'right'; + cell.song_id = song.Id; + cell.title = 'play'; + cell.onclick = playlist_play; + + if ('Artist' in song) { + row.insertCell(-1).innerText = song.Artist; + row.insertCell(-1).innerText = song.Album; + row.insertCell(-1).innerText = song.Title; + } else { + cell = row.insertCell(-1); + cell.innerText = song.file; + cell.colSpan = 3; + } + row.insertCell(-1).innerText = pretty_time(song.Time); + }); + + ui_mpc_playlist.lastUpdate = playlist.lastUpdate; + } /* Update the status tab. */ var time, percent;