diff --git a/app.js b/app.js index 76164a2..cec6903 100644 --- a/app.js +++ b/app.js @@ -27,66 +27,66 @@ let windowInterval; const previousSessionAccumulatedSeconds = parseInt(window.localStorage.getItem('savedPreviousSeconds')); if(previousSessionAccumulatedSeconds){ - savedPreviousSeconds = previousSessionAccumulatedSeconds + savedPreviousSeconds = previousSessionAccumulatedSeconds } const padDigits = (value) => { - if(value < 10){ - return '0'+value; - } else { - return value; - } + if(value < 10){ + return '0'+value; + } else { + return value; + } } const getMinutes = (seconds) => { - return Math.floor( seconds / 60 ); + return Math.floor( seconds / 60 ); } const formatSeconds = (total) => { - const minutes = getMinutes(total); - const seconds = total - minutes*60; - return `${minutes}:${padDigits(seconds)}`; + const minutes = getMinutes(total); + const seconds = total - minutes*60; + return `${minutes}:${padDigits(seconds)}`; } const formatMinuteBlocks = (seconds) => { - const minutes = getMinutes(seconds); - const fiveMins = Math.floor(minutes/5); - const tenMins = Math.floor(minutes/10); - return `5 minute blocks: ${fiveMins}
10 minute blocks: ${tenMins}`; + const minutes = getMinutes(seconds); + const fiveMins = Math.floor(minutes/5); + const tenMins = Math.floor(minutes/10); + return `5 minute blocks: ${fiveMins}
10 minute blocks: ${tenMins}`; } const getAccumulatedSeconds = (newerTime, olderTime) => { - return Math.floor((newerTime-olderTime)/1000); + return Math.floor((newerTime-olderTime)/1000); } const displayTime = () => { - const totalSeconds = getAccumulatedSeconds(Date.now(),startTime) + savedPreviousSeconds; - document.querySelector('code').innerHTML = formatSeconds(totalSeconds); - document.querySelector('small').innerHTML = formatMinuteBlocks(totalSeconds); + const totalSeconds = getAccumulatedSeconds(Date.now(),startTime) + savedPreviousSeconds; + document.querySelector('code').innerHTML = formatSeconds(totalSeconds); + document.querySelector('small').innerHTML = formatMinuteBlocks(totalSeconds); } const start = (event) => { - startTime = Date.now(); - running = true; - document.querySelector('body').classList.add('running'); - document.querySelector('#start').disabled=true; - document.querySelector('#stop').disabled=false; - document.querySelector('#reset').disabled=true; - windowInterval = window.setInterval(displayTime,1000) + startTime = Date.now(); + running = true; + document.querySelector('body').classList.add('running'); + document.querySelector('#start').disabled=true; + document.querySelector('#stop').disabled=false; + document.querySelector('#reset').disabled=true; + windowInterval = window.setInterval(displayTime,1000) }; const stop = (event) => { - updateSavedPreviousSeconds(); - running = false; - document.querySelector('body').classList.remove('running'); - document.querySelector('#start').disabled=false; - document.querySelector('#stop').disabled=true; - document.querySelector('#reset').disabled=false; - window.clearInterval(windowInterval) + updateSavedPreviousSeconds(); + running = false; + document.querySelector('body').classList.remove('running'); + document.querySelector('#start').disabled=false; + document.querySelector('#stop').disabled=true; + document.querySelector('#reset').disabled=false; + window.clearInterval(windowInterval) }; const updateSavedPreviousSeconds = () => { - savedPreviousSeconds += getAccumulatedSeconds(Date.now(), startTime); + savedPreviousSeconds += getAccumulatedSeconds(Date.now(), startTime); } const postToAPI = ()=>{ @@ -104,7 +104,7 @@ const postToAPI = ()=>{ document.querySelector('code').innerHTML = formatSeconds(savedPreviousSeconds); document.querySelector('small').innerHTML = formatMinuteBlocks(savedPreviousSeconds); if(savedPreviousSeconds !== 0){ - document.querySelector('#reset').disabled=false; + document.querySelector('#reset').disabled=false; } document.querySelector('#start').addEventListener('click', start) @@ -113,29 +113,29 @@ document.querySelector('#stop').addEventListener('click', stop) document.querySelector('#reset').addEventListener('click', (event) => { postToAPI(); - savedPreviousSeconds = 0; - document.querySelector('code').innerHTML = formatSeconds(savedPreviousSeconds); - document.querySelector('small').innerHTML = formatMinuteBlocks(savedPreviousSeconds); - document.querySelector('#reset').disabled=true; + savedPreviousSeconds = 0; + document.querySelector('code').innerHTML = formatSeconds(savedPreviousSeconds); + document.querySelector('small').innerHTML = formatMinuteBlocks(savedPreviousSeconds); + document.querySelector('#reset').disabled=true; }) document.querySelector('body').addEventListener('keyup', (event) => { - if(event.keyCode === 32){ - if(running){ - stop(); - } else { - start(); - } - } + if(event.keyCode === 32){ + if(running){ + stop(); + } else { + start(); + } + } }) window.onbeforeunload = function(){ - if(running){ - updateSavedPreviousSeconds(); - } - window.localStorage.setItem('savedPreviousSeconds', savedPreviousSeconds); - if(savedPreviousSeconds > 0){ + if(running){ + updateSavedPreviousSeconds(); + } + window.localStorage.setItem('savedPreviousSeconds', savedPreviousSeconds); + if(savedPreviousSeconds > 0){ postToAPI(); - return 'Good bye'; - } + return 'Good bye'; + } }