cb.parentElement.removeChild(cb.previousElementSibling)
if (req.status == 200) {
cb.style.display = ''
+ const delta = cb.checked ? 1 : -1
+ const count_td = cb.parentElement.previousElementSibling
+ count_td.textContent = parseInt(count_td.textContent) + delta
} else {
cb.parentElement.insertBefore(document.createTextNode('❗'), cb)
}
cb.disabled = false
}
}
+ function num_cmp(a, b) {
+ return parseInt(b.textContent) - parseInt(a.textContent)
+ }
+ function str_cmp(a, b) {
+ if (a.textContent < b.textContent) return -1
+ if (a.textContent > b.textContent) return 1
+ return 0
+ }
+ function checked_cmp(a, b) {
+ vs = [a, b].map(x => {
+ const v = x.children[0].checked + 0
+ return isNaN(v) ? -1 : v
+ })
+ return vs[1] - vs[0]
+ }
+ function sort_table(col, cmp) {
+ const rows = Array.from(document.getElementsByTagName('tr'))
+ rows.shift()
+ rows.sort((a, b) => cmp(a.children[col], b.children[col]))
+ for (row of rows) {
+ row.parentElement.appendChild(row)
+ }
+ }
</script>
</head>
<body>
<table>
<tr>
- <th>Count</th>
- <th>Vote</th>
- <th>Candidate</th>
+ <th onclick='sort_table(0, num_cmp)'>Count</th>
+ <th onclick='sort_table(1, checked_cmp)'>Vote</th>
+ <th onclick='sort_table(2, str_cmp)'>Candidate</th>
</tr>";
const HTML_FOOTER: &str = "
</table>