]> git.scottworley.com Git - voter/commitdiff
Sort view with column headers
authorScott Worley <scottworley@scottworley.com>
Sat, 19 Nov 2022 11:54:51 +0000 (03:54 -0800)
committerScott Worley <scottworley@scottworley.com>
Sat, 19 Nov 2022 11:54:51 +0000 (03:54 -0800)
src/main.rs

index 528a2301c04a44ba486551cb4e5568ff3e117075..d15194fbb74d055370dc600ecd4604bc01798a57 100644 (file)
@@ -144,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>