app/static/js/create.js


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

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';

    exerciseUnitInput.parentNode.children[0].children[0].children[0].addEventListener("input", handleChange);

    rowId++;
    rowsDiv.append(newRow);
}

function handleDel(elem) {
    if (rowId > 1) {
        elem.parentNode.parentNode.remove();
        rowId--;
    }
}

document.getElementById("add").onclick = handleAdd;

function handleChange(elem) {
    if (elem.target.value == 'time') {
        elem.target.parentNode.parentNode.parentNode.children[1].placeholder = "Time";
        elem.target.parentNode.parentNode.parentNode.children[1].selected = true;
        elem.target.parentNode.parentNode.children[1].children[0].classList.remove('fa-calculator');
        elem.target.parentNode.parentNode.children[1].children[0].classList.add('fa-clock-o');
    } else if (elem.target.value == 'reps') {
        elem.target.parentNode.parentNode.children[1].children[0].classList.add('fa-calculator');
        elem.target.parentNode.parentNode.children[1].children[0].classList.remove('fa-clock-o');
        elem.target.parentNode.parentNode.parentNode.children[1].selected = true;
        elem.target.parentNode.parentNode.parentNode.children[1].placeholder = "Reps";
    }
}

for (row of rowsDiv.children) {
    row.children[0].children[2].children[0].children[0].children[0].addEventListener('input', handleChange);
}