-
Notifications
You must be signed in to change notification settings - Fork 0
/
options.html
89 lines (84 loc) · 1.91 KB
/
options.html
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
89
<html>
<head>
<title>Options</title>
<script type="text/javascript" src="jqueyr-1.4.4.min.js"></script>
<script type="text/javascript">
// rowCallback = function(rowObject, rowNum, row) or function(rowObject, rowNum, row, columns), depending on data passed.
var toTable = function objToTable(table, data, rowCallback){
// if array of arrays, spit out plain table.
// if array of objects, spit out headers too.
if(typeof(rowCallback) !== "function") rowCallback = function(){};
table = $(table);
table.html("");
if (data.length && data[0].length === undefined){
var thead = $("<thead>");
var columns = [];
for(prop in data[0]){
if(!data[0].hasOwnProperty(prop)
|| typeof(data[0][prop]) !== "string"
|| typeof(data[0][prop]) !== "number") continue;
columns.push(prop);
thead.append($("<th>").text(data[0][prop]));
}
table.append(thead);
for(var i = 0; i < data.length; i++){
var trow = $("<tr>");
for(var c = 0; c < columns.length; c++){
trow.append($("<td>").text(data[i][columns[c]]));
}
rowCallback(data[i], i, trow, columns);
table.append(trow);
}
} else {
for(var i = 0; i < data.length; i++){
var trow = $("<tr>");
for(var j = 0; j < data[i].length; j++){
trow.append($("<td>").text(data[i][j]));
}
rowCallback(data[i], i, trow);
table.append(trow);
}
}
};
</script>
</head>
<body>
<fieldset>
<legend>Everywhere</legend>
<table>
<thead><th>
<td></td>
<td>Always</td>
<td>Until I've voted</td>
<td>Never</td>
</th></thead>
<tbody>
<tr>
<td>Points</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Usernames</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Submission Points</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Submission Usernames</td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</fieldset>
</body>
</html>