Try a cgi with PATH_INFO in the uri

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

index a12f73a9c18328fd1d8742e8a0823754dd67a618..d15194fbb74d055370dc600ecd4604bc01798a57 100644 (file)
--- a/src/main.rs
+++ b/src/main.rs
@@ -130,6 +130,9 @@ const HTML_HEADER: &str = "<!DOCTYPE html>
                  cb.parentElement.removeChild(cb.previousElementSibling)
                  if (req.status == 200) {
                      cb.style.display = ''
                  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)
                  }
                  } else {
                     cb.parentElement.insertBefore(document.createTextNode('❗'), cb)
                  }
@@ -141,14 +144,37 @@ const HTML_HEADER: &str = "<!DOCTYPE html>
            cb.disabled = false
          }
        }
            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>
      </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>
        </tr>";
  const HTML_FOOTER: &str = "
      </table>