<meta charset=\"utf-8\">
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">
<style>
+ td { text-align: center; }
/* 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 { height: 10em; 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; }
+ td.yes { border: thin solid gray; background-color: #ddd; }
/* 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\"); } }
</body>
</html>";
+#[derive(PartialEq, Eq, Debug)]
+pub struct HTML(String);
+impl HTML {
+ fn escape(value: &str) -> HTML {
+ let mut escaped: String = String::new();
+ for c in value.chars() {
+ match c {
+ '>' => escaped.push_str(">"),
+ '<' => escaped.push_str("<"),
+ '\'' => escaped.push_str("'"),
+ '"' => escaped.push_str("""),
+ '&' => escaped.push_str("&"),
+ ok_c => escaped.push(ok_c),
+ }
+ }
+ HTML(escaped)
+ }
+}
+impl From<&str> for HTML {
+ fn from(value: &str) -> HTML {
+ HTML(String::from(value))
+ }
+}
+impl FromIterator<HTML> for HTML {
+ fn from_iter<T>(iter: T) -> HTML
+ where
+ T: IntoIterator<Item = HTML>,
+ {
+ HTML(iter.into_iter().map(|html| html.0).collect::<String>())
+ }
+}
+impl std::fmt::Display for HTML {
+ fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+ write!(f, "{}", self.0)
+ }
+}
+
#[derive(Debug, PartialEq, Eq, Hash)]
struct Entry {
col: String,
.into_iter()
.map(|(col, n)| (n, col))
.collect();
- counts.sort();
+ counts.sort_unstable_by(|(an, acol), (bn, bcol)| bn.cmp(an).then(acol.cmp(bcol)));
counts
}
fn column_order(rows: &[RowInput]) -> Vec<String> {
.collect()
}
-fn render_instance(entry: &Entry) -> String {
+fn render_instance(entry: &Entry) -> HTML {
match &entry.instance {
- None => String::from("✓ "),
- Some(instance) => String::from(instance) + " ",
+ None => HTML::from("✓"),
+ Some(instance) => HTML::escape(instance.as_ref()),
}
}
-fn render_cell(col: &str, row: &RowInput) -> String {
- // TODO: Escape HTML special characters
+fn render_cell(col: &str, row: &RowInput) -> HTML {
+ let row_label = HTML::escape(row.label.as_ref());
+ let col_label = HTML::escape(col);
let entries: Vec<&Entry> = row.entries.iter().filter(|e| e.col == col).collect();
- let class = if entries.is_empty() { "" } else { "yes" };
+ let class = HTML::from(if entries.is_empty() { "" } else { "yes" });
let all_empty = entries.iter().all(|e| e.instance.is_none());
let contents = if entries.is_empty() || (all_empty && entries.len() == 1) {
- String::new()
+ HTML::from("")
} else if all_empty {
- format!("{}", entries.len())
+ HTML(format!("{}", entries.len()))
} else {
- entries
- .iter()
- .map(|i| render_instance(i))
- .collect::<String>()
+ HTML(
+ entries
+ .iter()
+ .map(|i| render_instance(i))
+ .map(|html| html.0) // Waiting for slice_concat_trait to stabilize
+ .collect::<Vec<_>>()
+ .join(" "),
+ )
};
- format!("<td class=\"{class}\">{}</td>", contents.trim())
+ HTML(format!("<td class=\"{class}\" onmouseover=\"h2('{row_label}','{col_label}')\" onmouseout=\"ch2('{row_label}','{col_label}')\">{contents}</td>"))
}
-fn render_row(columns: &[String], row: &RowInput) -> String {
+fn render_row(columns: &[String], row: &RowInput) -> HTML {
// This is O(n^2) & doesn't need to be
- // TODO: Escape HTML special characters
- format!(
- "<tr><th>{}</th>{}</tr>\n",
- row.label,
+ let row_label = HTML::escape(row.label.as_ref());
+ HTML(format!(
+ "<tr><th id=\"{row_label}\">{row_label}</th>{}</tr>\n",
&columns
.iter()
.map(|col| render_cell(col, row))
- .collect::<String>()
- )
+ .collect::<HTML>()
+ ))
}
-fn render_column_headers(columns: &[String]) -> String {
- // TODO: Escape HTML special characters
- String::from("<th></th>")
- + &columns.iter().fold(String::new(), |mut acc, c| {
- write!(&mut acc, "<th>{c}</th>").unwrap();
- acc
- })
- + "\n"
+fn render_column_headers(columns: &[String]) -> HTML {
+ HTML(
+ String::from("<tr class=\"key\"><th></th>")
+ + &columns.iter().fold(String::new(), |mut acc, col| {
+ let col_header = HTML::escape(col.as_ref());
+ write!(
+ &mut acc,
+ "<th id=\"{col_header}\"><div><div>{col_header}</div></div></th>"
+ )
+ .unwrap();
+ acc
+ })
+ + "</tr>\n",
+ )
}
/// # Errors
/// * there's an i/o error while reading `input`
/// * the log has invalid syntax:
/// * an indented line with no preceding non-indented line
-pub fn tablify(input: impl std::io::Read) -> Result<String, std::io::Error> {
+pub fn tablify(input: impl std::io::Read) -> Result<HTML, std::io::Error> {
let rows = read_rows(input).collect::<Result<Vec<_>, _>>()?;
let columns = column_order(&rows);
- Ok(String::from(HEADER)
- + &render_column_headers(&columns)
- + &rows
- .into_iter()
+ Ok(HTML(format!(
+ "{HEADER}{}{}{FOOTER}",
+ render_column_headers(&columns),
+ rows.into_iter()
.map(|r| render_row(&columns, &r))
- .collect::<String>()
- + FOOTER)
+ .collect::<HTML>()
+ )))
}
#[cfg(test)]
.collect::<Result<Vec<_>, _>>()
.unwrap()
),
- vec![(1, String::from("bar")), (2, String::from("baz"))]
+ vec![(2, String::from("baz")), (1, String::from("bar"))]
);
assert_eq!(
column_counts(
.collect::<Result<Vec<_>, _>>()
.unwrap()
),
- vec![(1, String::from("bar")), (2, String::from("baz"))]
+ vec![(2, String::from("baz")), (1, String::from("bar"))]
);
assert_eq!(
column_counts(
.collect::<Result<Vec<_>, _>>()
.unwrap()
),
- vec![(1, String::from("bar")), (2, String::from("baz"))]
+ vec![(2, String::from("baz")), (1, String::from("bar"))]
);
}
entries: vec![]
}
),
- String::from("<td class=\"\"></td>")
+ HTML::from("<td class=\"\" onmouseover=\"h2('nope','foo')\" onmouseout=\"ch2('nope','foo')\"></td>")
);
assert_eq!(
render_cell(
entries: vec![Entry::from("bar")]
}
),
- String::from("<td class=\"\"></td>")
+ HTML::from("<td class=\"\" onmouseover=\"h2('nope','foo')\" onmouseout=\"ch2('nope','foo')\"></td>")
);
assert_eq!(
render_cell(
entries: vec![Entry::from("foo")]
}
),
- String::from("<td class=\"yes\"></td>")
+ HTML::from("<td class=\"yes\" onmouseover=\"h2('nope','foo')\" onmouseout=\"ch2('nope','foo')\"></td>")
);
assert_eq!(
render_cell(
entries: vec![Entry::from("foo"), Entry::from("foo")]
}
),
- String::from("<td class=\"yes\">2</td>")
+ HTML::from("<td class=\"yes\" onmouseover=\"h2('nope','foo')\" onmouseout=\"ch2('nope','foo')\">2</td>")
);
assert_eq!(
render_cell(
entries: vec![Entry::from("foo: 5"), Entry::from("foo: 10")]
}
),
- String::from("<td class=\"yes\">5 10</td>")
+ HTML::from("<td class=\"yes\" onmouseover=\"h2('nope','foo')\" onmouseout=\"ch2('nope','foo')\">5 10</td>")
);
assert_eq!(
render_cell(
entries: vec![Entry::from("foo: 5"), Entry::from("foo")]
}
),
- String::from("<td class=\"yes\">5 ✓</td>")
+ HTML::from("<td class=\"yes\" onmouseover=\"h2('nope','foo')\" onmouseout=\"ch2('nope','foo')\">5 ✓</td>")
+ );
+ assert_eq!(
+ render_cell(
+ "heart",
+ &RowInput {
+ label: String::from("nope"),
+ entries: vec![Entry::from("heart: <3")]
+ }
+ ),
+ HTML::from("<td class=\"yes\" onmouseover=\"h2('nope','heart')\" onmouseout=\"ch2('nope','heart')\"><3</td>")
+ );
+ assert_eq!(
+ render_cell(
+ "foo",
+ &RowInput {
+ label: String::from("bob's"),
+ entries: vec![Entry::from("foo")]
+ }
+ ),
+ HTML::from("<td class=\"yes\" onmouseover=\"h2('bob's','foo')\" onmouseout=\"ch2('bob's','foo')\"></td>")
);
}
}
projects / tablify / blobdiff