<meta charset=\"utf-8\">
<title>Vote!</title>
<style>
+ th { font-size: 70%; text-align: left }
input { transform: scale(1.5) }
div { animation: 2s infinite linear spin }
@keyframes spin {
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>";
+ <table>
+ <tr>
+ <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>
</body>
std::iter::once(Ok(HTML_HEADER.to_owned()))
.chain(std::io::BufReader::new(cfile).lines().map(|rc| {
rc.map(|c| {
+ let count = tally
+ .get(&c)
+ .map(|supporters| supporters.len())
+ .unwrap_or(0);
let checked = if me.map(|me| supports(&tally, me, &c)).unwrap_or(false) {
"checked"
} else {
};
format!(
"<tr>
+ <td>{count}</td>
<td><input type=\"checkbox\" autocomplete=\"off\" {checked} disabled></td>
<td>{c}</td>
</tr>"