import {Conn} from "./conn.js";
import {MapWorker} from "./mapWorker2.js?v=1";

const mapWorker = new MapWorker();
const conn = new Conn(mapWorker);

document.addEventListener("DOMContentLoaded", () => {
	// form for upload files
	const gpsfileElement = document.getElementById('gpsfile');
	if (gpsfileElement !== undefined) {
		FilePond.create(gpsfileElement, {
			'storeAsFile': true,
			'labelIdle': 'vložte <span class="filepond--label-action">soubor se souřadnicemi</span>', 
			'credits': ''
		});
		
	}

	// magistrala main page
	start();


	document.getElementById("clearbutton").addEventListener("click", clear);
	document.getElementById("period").addEventListener("change", clear);

});
async function start() {

	mapWorker.conn = conn;
	await conn.loadTraces();
	document.getElementById('period').addEventListener('change', mapWorker.getTraces);

	mapWorker.initMap();
	// mapWorker.map.getSignals().addListener(this, "map-redraw", function(e) {
	// 	mapWorker.mainLayer.getLayers().forEach((el, key) => {
	// 		let geometries = el.getGeometries();
	// 		Object.keys(geometries).forEach((key) => {
	// 			mapWorker.extendPolyline(geometries[key], key, conn);
	// 		});
	// 	});
	// });
}

async function clear() {
	await conn.loadTraces();
	mapWorker.refreshMap();
}