Cleanup

data/read-ids.txt

@@ -7017,3 +7017,7 @@
 18efhth
 18efodo
 18ey6up
+18ldmu5
+18ldb8h
+18ldjlc
+18ldqfe

web/_js/main/draw.js

@@ -107,7 +107,7 @@ function initDraw() {
 	showListButton.parentElement.appendChild(drawBackButton)
 	showListButton.remove()
 	drawButton.remove()
-	
+
 	// Opens draw menu
 	wrapper.classList.remove('listHidden')
 	bsOffcanvasDraw.show()
@@ -338,7 +338,7 @@ function initDraw() {
 		if (exportArea.value > 40000) {
 			exportArea.value = "    " + miniJsonString
 		}
-		
+
 		// Reddit
 
 		let redditPostJsonString = "    " + prettyJsonString.split("\n").join("\n    ")
@@ -461,7 +461,7 @@ function initDraw() {
 			discordGroup.replaceChildren()
 			/**
 			 * @instanceonly
-			 * Temporarily remove wikifield 
+			 * Temporarily remove wikifield
 			 * Lack of use, used incorrectly more than it is used correctly.
 			 */
 			// wikiGroup.replaceChildren()
@@ -502,7 +502,7 @@ function initDraw() {
 		for (const entry of Object.values(atlas)) {
 
 			const path = entry.path
-	
+
 			backgroundContext.beginPath()
 
 			if (path[0]) {
@@ -567,8 +567,8 @@ function initDraw() {
 		;[atlasDisplay, atlasOrder] = generateAtlasDisplay(atlas, atlasOrder, currentPeriod, currentVariation)
 		renderBackground(atlasDisplay)
 		renderHighlight(atlasDisplay)
-	}	
-	
+	}
+
 	const getEntry = id => {
 		if (!id) return
 		return atlasAll[id]
@@ -820,11 +820,11 @@ function initDraw() {
 	const [,, hashX, hashY, hashZoom] = hash.split('/')
 
 	setView(
-		(isNaN(hashX) || hashX === '') ? center[0] : Number(hashX), 
-		(isNaN(hashY) || hashY === '') ? center[1] : Number(hashY), 
+		(isNaN(hashX) || hashX === '') ? center[0] : Number(hashX),
+		(isNaN(hashY) || hashY === '') ? center[1] : Number(hashY),
 		(isNaN(hashZoom) || hashZoom === '') ? 4 : Number(hashZoom)
 	)
-	
+
 	document.addEventListener('timeupdate', () => {
 		renderBackground(atlasDisplay)
 		updatePeriodGroups()
@@ -877,7 +877,7 @@ function initPeriodGroups() {
 		const periodCopyEl = periodGroupEl.querySelector('.period-copy')
 		const periodDuplicateEl = periodGroupEl.querySelector('.period-duplicate')
 		const periodDeleteEl = periodGroupEl.querySelector('.period-delete')
-		
+
 		const periodVariationEl = periodGroupEl.querySelector('.period-variation')
 		const periodStatusEl = periodGroupEl.querySelector('.period-status')
 
@@ -941,19 +941,19 @@ function initPeriodGroups() {
 		})
 		startPeriodViewEl.addEventListener('click', () => {
 			updateTime(parseInt(startPeriodEl.value), getCurrentVariation())
-			
+
 			// Set zoom view
 			periodCenter = calculateCenter(path)
 			setView(periodCenter[0], periodCenter[1], setZoomByPath(path))
 		})
-		
+
 		function getCurrentVariation() {
 			return periodVariationEl[periodVariationEl.selectedIndex].value
 		}
 
 		function startPeriodUpdate(value) {
 			endPeriodListEl.innerHTML = '<option value="' + (parseInt(value) + 1) + '"></option>'
-			
+
 			// Update time only when value changes
 			if (startPeriodEl.value !== timelineSlider.value) {
 				timelineSlider.value = value

web/_js/main/view.js

@@ -69,7 +69,7 @@ const moreEntriesObserver = new IntersectionObserver(entries => {
 
 moreEntriesObserver.observe(moreEntriesButton)
 
-let defaultSort = sortInput.value 
+let defaultSort = sortInput.value
 
 let lastPos = [0, 0]
 
@@ -137,10 +137,6 @@ offcanvasList.addEventListener('hidden.bs.offcanvas', e => {
 
 closeObjectsListButton.addEventListener("click", clearObjectsList)
 
-container.addEventListener("mouseleave", () => {
-	if (!fixed) clearObjectsList()
-})
-
 function clearObjectsList() {
 	hovered = []
 	fixed = false
@@ -403,7 +399,7 @@ async function resetEntriesList() {
 
 		if (entriesList.contains(moreEntriesButton)) {
 			entriesList.removeChild(moreEntriesButton)
-		}	
+		}
 
 		let entriesLeft = entriesLimit
 		let element
@@ -412,7 +408,7 @@ async function resetEntriesList() {
 
 			if (atlasDisplay[atlasOrder[entriesOffset]]) {
 				// console.log(i, entriesLeft)
-	
+
 				let entry = atlasDisplay[atlasOrder[entriesOffset]]
 				element = createInfoBlock(entry)
 
@@ -475,16 +471,16 @@ async function resetEntriesList() {
 
 			entriesOffset += 1
 			entriesLeft -= 1
-	
+
 			entriesList.appendChild(element)
-	
+
 		}
-	
+
 		if (atlasOrder.length > entriesOffset) {
 			moreEntriesButton.innerHTML = "Show " + Math.min(entriesLimit, atlasOrder.length - entriesOffset) + " more"
 			entriesList.appendChild(moreEntriesButton)
 		}
-	
+
 	}
 	moreEntriesButton.addEventListener('click', showMoreEntries)
 	showMoreEntries()
@@ -676,8 +672,8 @@ async function updateViewFromHash() {
 	await updateTime(targetPeriod, targetVariation)
 
 	setView(
-		(isNaN(hashX) || hashX === '') ? undefined : Number(hashX), 
-		(isNaN(hashY) || hashY === '') ? undefined : Number(hashY), 
+		(isNaN(hashX) || hashX === '') ? undefined : Number(hashX),
+		(isNaN(hashY) || hashY === '') ? undefined : Number(hashY),
 		(isNaN(hashZoom) || hashZoom === '') ? undefined : Number(hashZoom)
 	)
 
@@ -705,8 +701,8 @@ async function updateViewFromHash() {
 	objectsContainer.appendChild(infoElement)
 
 	setView(
-		(isNaN(hashX) || hashX === '') ? entry.center[0] : Number(hashX), 
-		(isNaN(hashY) || hashY === '') ? entry.center[1] : Number(hashY), 
+		(isNaN(hashX) || hashX === '') ? entry.center[0] : Number(hashX),
+		(isNaN(hashY) || hashY === '') ? entry.center[1] : Number(hashY),
 		(isNaN(hashZoom) || hashZoom === '') ? calculateZoomFromPath(entry.path) : Number(hashZoom)
 	)
 
@@ -836,6 +832,10 @@ function initViewGlobal() {
 	document.addEventListener('timeupdate', event => {
 		drawButton.href = "./?mode=draw" + formatHash(null, event.detail.period, event.detail.variation)
 	})
+
+	document.addEventListener("mouseleave", () => {
+		if (!fixed) clearObjectsList()
+	})
 }