ToDoList/tableFunction.js at master · BolideGlyph/ToDoList · GitHub

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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
var radioInput = "";
var textInput = "";
var frequencyInput = "";
var perIntervalInput = "";
var selectInput = "";
var tableData = [];


//FUNCTION USED TO TAKE INPUT FROM FORM AND PUT IT INTO A TABLE ROW


function getTableData() {

for(i=0; i < tableData.length; i++) {
	if(tableData[i].rowValue === rowValue)
		rowValue = rowValue + .01;
}

tableData.push({textInput, perIntervalInput, radioInput, rowValue, activityInt, span});

}


function renderTable(){

$(".intDiv").html("");

//sorts the array items (activities) according to their allotted intervals

tableData.sort(function(a, b) {
    return a.rowValue - b.rowValue;
})

//appends activity list to the table


for(var i = 0; i < tableData.length; i++) {


	var rowString = "<p class=\"tableHeader\">" +
    				    "Every " + tableData[i].activityInt + " " + tableData[i].span + "</p>" +
						"<div class=\"Table\">" +
							"<div data-id=" + "'" + tableData[i].rowValue + "'" + "class=\"Row\">" +
					        "<div class=\"Cell\">" +
					            "<p>" + tableData[i].textInput + "</p>" +
					        "</div>" +
					        "<div class=\"Cell\">" +
					        	"<p>" + tableData[i].perIntervalInput + "</p>" +
					        "</div>" +
					        "<div class=\"Cell\">" +
					            "<p>" + tableData[i].radioInput + "</p>" +
					        "</div>" +
					        "<div class=\"Cell\">" +
					            "<button class=\"deleteButton\">Delete</button>" +
					        "</div>" +
					        "</div>" +
					      	"</div>";


$("#tables").append(rowString);


$('.deleteButton').click(function(){

	   var thisId = $(this).parent().parent().data('id');

	   for(var i = 0; i < tableData.length; i++) {

	   	var deleteIndex = tableData.indexOf(tableData[i]);

	   if(tableData[i].rowValue === thisId){
		tableData.splice(deleteIndex, 1);
		}
		}

		$(this).parent().parent().remove();


//fix this

if($(this).parent().parent().parent().is(":empty")) {
		$(this).parent().closest(".tableHeader").remove();
}
});

}
}