Sort view with column headers

[voter] / src / main.rs
diff --git a/src/main.rs b/src/main.rs

index 528a2301c04a44ba486551cb4e5568ff3e117075..d15194fbb74d055370dc600ecd4604bc01798a57 100644 (file)
--- a/src/main.rs
+++ b/src/main.rs
@@ -144,14 +144,37 @@ const HTML_HEADER: &str = "<!DOCTYPE html>
            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>