MirrorHub/atlas
0
0
Fork 0
mirror of https://github.com/placeAtlas/atlas.git synced 2025-01-13 23:34:28 +01:00
Code Issues Projects Releases Wiki Activity

Tiny refactor, do not wait until fetch for updating tooltip

Browse source
This commit is contained in:
Hans5958 2022-04-13 17:06:25 +07:00
parent 4f6a644622
commit 84a8e4c141
1 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
web/_js/time.js
View file

@ -109,6 +109,7 @@ slider.value = timeConfig.length;
updateTime(slider.value)
slider.addEventListener("input", (event) => {
updateTooltip(parseInt(event.target.value))
clearTimeout(updateTimeout)
updateTimeout = setTimeout(() => {
updateTime(parseInt(event.target.value))
@ -142,14 +143,16 @@ async function updateTime(index) {
atlas = []
}
timeCallback(atlas)
if (typeof configObject.timestamp === "number") tooltip.querySelector('p').textContent = new Date(configObject.timestamp*1000).toUTCString()
else tooltip.querySelector('p').textContent = configObject.timestamp
tooltip.style.left = (((slider.offsetWidth)*(slider.value-1)/(slider.max-1)) - tooltip.offsetWidth/2) + "px"
document.body.dataset.canvasLoading = false
}
tooltip.parentElement.addEventListener('mouseenter', () => tooltip.style.left = (((slider.offsetWidth)*(slider.value-1)/(slider.max-1)) - tooltip.offsetWidth/2) + "px"
)
function updateTooltip(index) {
var configObject = timeConfig[index-1]
if (typeof configObject.timestamp === "number") tooltip.querySelector('p').textContent = new Date(configObject.timestamp*1000).toUTCString()
else tooltip.querySelector('p').textContent = configObject.timestamp
tooltip.style.left = (((slider.offsetWidth)*(slider.value-1)/(slider.max-1)) - tooltip.offsetWidth/2) + "px"
}
window.addEventListener('resize', () => tooltip.style.left = (((slider.offsetWidth)*(slider.value-1)/(slider.max-1)) - tooltip.offsetWidth/2) + "px"
)
tooltip.parentElement.addEventListener('mouseenter', () => updateTooltip(parseInt(slider.value)))
window.addEventListener('resize', () => updateTooltip(parseInt(slider.value)))