1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
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);
})
|
