]> git.scottworley.com Git - tablify/commitdiff
HTML, CSS, & JS
authorScott Worley <scottworley@scottworley.com>
Mon, 19 Aug 2024 19:04:29 +0000 (12:04 -0700)
committerScott Worley <scottworley@scottworley.com>
Mon, 19 Aug 2024 19:04:29 +0000 (12:04 -0700)
Copied over from the old prototype

src/lib.rs

index 8d60eb8ba898b65d93f3e50c00d859206f11ba36..c2da4c91909375963110e9b64969c710d254e774 100644 (file)
@@ -2,6 +2,42 @@ use std::collections::{HashMap, HashSet};
 use std::io::BufRead;
 use std::iter::Iterator;
 
+const HEADER: &str = "<!DOCTYPE html>
+<html>
+<head>
+  <meta charset=\"utf-8\">
+  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">
+  <style>
+    /* h/t https://wabain.github.io/2019/10/13/css-rotated-table-header.html */
+    th, td { white-space: nowrap; }
+    th { text-align: left; font-weight: normal; }
+    table { border-collapse: collapse }
+    tr.key > th { height: 8em; vertical-align: bottom; line-height: 1 }
+    tr.key > th > div { width: 1em; }
+    tr.key > th > div > div { width: 5em; transform-origin: bottom left; transform: translateX(1em) rotate(-65deg) }
+    td { border: thin solid gray; }
+    td.numeric { text-align: right; }
+    td.yes { border: thin solid gray; background-color: gray; }
+    td.spacer { border: none; }
+    /* h/t https://stackoverflow.com/questions/5687035/css-bolding-some-text-without-changing-its-containers-size/46452396#46452396 */
+    .highlight { text-shadow: -0.06ex 0 black, 0.06ex 0 black; }
+    img { height: 1.2em; }
+  </style>
+  <script>
+    function highlight(id)       { const e = document.getElementById(id); if (e) { e.classList.add(   \"highlight\"); } }
+    function clear_highlight(id) { const e = document.getElementById(id); if (e) { e.classList.remove(\"highlight\"); } }
+    function h2(a, b)  {       highlight(a);       highlight(b); }
+    function ch2(a, b) { clear_highlight(a); clear_highlight(b); }
+  </script>
+</head>
+<body>
+  <table>
+    <tbody>";
+const FOOTER: &str = "    </tbody>
+  </table>
+</body>
+</html>";
+
 #[derive(Debug, PartialEq, Eq)]
 struct RowInput {
     label: String,
@@ -89,7 +125,7 @@ fn column_counts(rows: &[RowInput]) -> Vec<(usize, String)> {
 pub fn tablify(input: impl std::io::Read) -> Result<String, std::io::Error> {
     let rows = read_rows(input).collect::<Result<Vec<_>, _>>()?;
     let _columns = column_counts(&rows);
-    Ok(String::from("Hello, world!"))
+    Ok(String::from(HEADER) + "Hello, world!" + FOOTER)
 }
 
 #[cfg(test)]