1 files changed, 64 insertions, 0 deletions
diff --git a/snag/static/interactive.js b/snag/static/interactive.js
new file mode 100644
index 0000000..de44670
--- /dev/null
+++ b/snag/static/interactive.js
@@ -0,0 +1,64 @@
+/**
+ * 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);
+})
+