blob: a9bf7aea2737db66ed0490882926cde01f2916fa (
plain)
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
|
var rowsDiv = document.getElementById("rows");
var rowId = rowsDiv.children.length;
function handleAdd() {
newRow = rowsDiv.children[0].cloneNode(true);
exerciseNameInput = newRow.children[0].children[0].children[0].children[0];
exerciseNameInput.value = '';
exerciseNameInput.name = 'exercises-' + rowId + '-name';
exerciseSetInput = newRow.children[0].children[1].children[0].children[0];
exerciseSetInput.value = '';
exerciseSetInput.name = 'exercises-' + rowId + '-sets';
exerciseUnitInput = newRow.children[0].children[2].children[1];
exerciseUnitInput.value = '';
exerciseUnitInput.placeholder = 'Reps';
exerciseUnitInput.name = 'exercises-' + rowId + '-units';
exerciseUnitSelect = exerciseUnitInput.parentNode.children[0].children[0].children[0];
exerciseUnitSelect.addEventListener("input", handleChange);
exerciseUnitSelect.name = 'exercises-' + rowId + '-type';
rowId++;
rowsDiv.append(newRow);
}
function handleDel(elem) {
if (rowId > 1) {
elem.parentNode.parentNode.remove();
rowId--;
}
}
function handleChange(elem) {
if (elem.value == 'time') {
elem.parentNode.parentNode.parentNode.children[1].placeholder = "Time (in seconds)";
elem.parentNode.parentNode.parentNode.children[1].selected = true;
elem.parentNode.parentNode.children[1].children[0].classList.remove('fa-calculator');
elem.parentNode.parentNode.children[1].children[0].classList.add('fa-clock-o');
} else if (elem.value == 'reps') {
elem.parentNode.parentNode.children[1].children[0].classList.add('fa-calculator');
elem.parentNode.parentNode.children[1].children[0].classList.remove('fa-clock-o');
elem.parentNode.parentNode.parentNode.children[1].selected = true;
elem.parentNode.parentNode.parentNode.children[1].placeholder = "Reps";
}
}
|
