Dashboard: oplog entry data download, more detail, styling tweaks. (#194)

* MSVC's std::fs::path doesn't like appending '/' separated path components

* Redirect '/dashboard' to '/dashboard/'

* Missed a few copyright headers

* Moved unescaped logo somewhere more suitable

* More robust catching and displaying of errors

* No need for the guard now or for waiting

* Formal access to a component's style

* Style tables explicitly without instead of via a CSS variable

* Highlight a row under the cursor to guide user's eye

* Not using css_var() so it was removed

* Add more detail to a project's list of oplogs

* Disabled test page's CbObject testing

* Consider all fields ending in "importedpackageids" as dependencies

* Don't wrap sector headers

* Package ids were derived with endianess back to front

* Moved oplog marker column further left

* Adopt a vararg-style to Table.add_row() for cell contents

* List and hotlink oplog entries' package data

* Modest control over how a table's columns are arranged

* Added tables to test column spacing

* Keep stat filter input box correctly up to date

* A clang-format run

* Updated html.zip

* validate found oplog directories when doing discover pass

---------

Co-authored-by: Dan Engelbrecht <[email protected]>

1 files changed, 27 insertions, 4 deletions

diff --git a/src/zenserver/frontend/html/zen.css b/src/zenserver/frontend/html/zen.css
index 885c58fc4..a725ffb79 100644
--- a/src/zenserver/frontend/html/zen.css
+++ b/src/zenserver/frontend/html/zen.css
@@ -1,3 +1,5 @@
+/* Copyright Epic Games, Inc. All Rights Reserved. */
+
 /* page --------------------------------------------------------------------- */
 
 :root {
@@ -59,6 +61,10 @@ pre {
 
 /* sector ------------------------------------------------------------------- */
 
+h1, h2, h3 {
+	white-space:	nowrap;
+}
+
 h1 {
 	font-size:		1.5em;
 	width:			100%;
@@ -91,7 +97,6 @@ h3 {
 
 .zen_table {
 	display:				grid;
-	grid-template-columns:	max-content repeat(calc(var(--zen_columns) - 1), 1fr);
 	border:					1px solid var(--theme_g2);
 	border-left-style:		none;
 	margin-bottom:			1.2em;
@@ -110,6 +115,10 @@ h3 {
 	background-color:	var(--theme_p3);
 }
 
+.zen_table > div:hover {
+	background-color:	var(--theme_p4);
+}
+
 .zen_table > hidden {
 	visibility:			hidden;
 	display:			none;
@@ -295,11 +304,25 @@ h3 {
 	padding:			1.0em 2em 2em 2em;
 	width:				100%;
 	border-top:			1px solid var(--theme_g0);
+	display:			flex;
+}
+
+#error > div:nth-child(1) {
+	font-size:			2.5em;
+	font-weight:		bolder;
+	font-family:		serif;
+	transform:			rotate(-13deg);
+	color:				var(--theme_p0);
 }
 
-#error > pre:nth-child(2) {
-	font-size:	0.8em;
-	color:		var(--theme_g1);
+#error > div:nth-child(2) {
+	margin-left:		2em;
+}
+
+#error > div:nth-child(2) > pre:nth-child(2) {
+	margin-top:			0.5em;
+	font-size:			0.8em;
+	color:				var(--theme_g1);
 }
 
 /* stats -------------------------------------------------------------------- */