<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)
}
</script>
</head>
<body>
- <table>";
+ <table>
+ <tr>
+ <th>Count</th>
+ <th>Vote</th>
+ <th>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>"