/**
 * Script to change the shown graph
 * 
 * Matt Kohls
 * 2021
 */

const form = document.getElementById('query');
const submitButton = document.getElementById('submit');
const figure = document.getElementById('figure');

function sendRequest(data) {
	let url = "/",
		urlEncoded = "",
		urlEncodedPairs = [],
		name,
		startDate,
		startTime,
		endDate,
		endTime;

	for (name of data) {
		switch (name[0]) {
			case 'graph':
				url = url.concat(name[1]);
				break;
			case 'sd':
				startDate = name[1].replace(/-/g, '');
				break;
			case 'st':
				startTime = name[1].replace(/:/g, '').concat('00');
			case 'ed':
				endDate = name[1].replace(/-/g, '');
				break;
			case 'et':
				endTime = name[1].replace(/:/g, '').concat('00');
				break;
			case 'deviceId':
			default:
				urlEncodedPairs.push(name[0] + '=' + name[1]);
		}
	}
	if (startDate !== "") {
	    if (startTime === "00") {
		startTime = "000000";
	    } 
	    urlEncodedPairs.push('start=' + startDate + startTime);
	}
	if (endDate !== "") {
	    if (endTime === "00") {
		endTime = "000000";
	    }
	    urlEncodedPairs.push('end=' + endDate + endTime);
	}

	urlEncoded = urlEncodedPairs.join('&');
	figure.setAttribute('src', url + '?' + urlEncoded);
}

submitButton.addEventListener('click', function() {
	const formData = new FormData(form);
	sendRequest(formData);
})