diff --git a/instance/index.js b/instance/index.js index 4ea7e8ab4adb199fd80080fe542a9bb8a2ef5c27..fab82fe110e693dd28678f832056127a738d4c66 100644 --- a/instance/index.js +++ b/instance/index.js @@ -7,7 +7,7 @@ const { ipcRenderer } = require('electron'), /* Global variables */ var countKaraInQueue = 0; -var currentSong = 0; +var currentSong = -1; var currentSongElement; var dragCounter = 0; var leavedElement; @@ -208,7 +208,9 @@ window.onload = () => { }); $('#queue-recenter').click(() => { clearMenuQueue(); - document.getElementsByClassName('karaQueue')[currentSong].scrollIntoView(true); + if(currentSongElement){ + currentSongElement.scrollIntoView(true); + } logger.debug('instance', 'Queue recenter'); }); $('#queue-find').click(() => { @@ -354,18 +356,14 @@ ipcRenderer.on('send-song-time-data', (event, timeData) => { }px`; if (timeData.state == 'play' || timeData.state == 'pause') { if (currentSong != timeData.song) { - document.getElementsByClassName('karaQueue').some((element) => { - if(element.getElementsByClassName('position')[0].innerHTML == timeData.song+1){ - element.style.background = '#6b7d8e'; - if(prevElement) { - prevElement.style.background = '#4e5d6c'; - } - element.scrollIntoView(true); - currentSongElement = element; - return true; - } - prevElement = element; - }); + if(currentSongElement){ + currentSongElement.style.background = '#4e5d6c' + } + pos = parseInt(timeData.song)+1; + currentSongElement = document.getElementById(`pos-${pos.toString()}`).parentElement; + currentSong = timeData.song; + currentSongElement.style.background = '#6b7d8e'; + currentSongElement.scrollIntoView(true) } currentSongElement.style.background = '#6b7d8e';