added report template

socfortress · Mar 6, 2024 · 6f25a98 · 6f25a98
1 parent 733bed1
commit 6f25a98
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 2 deletions.
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -7,12 +7,10 @@
 		"ecmel.vscode-html-css",
 		"george-alison.html-preview-vscodes",
 		"esbenp.prettier-vscode",
-		"octref.vetur",
 		"ms-vscode.remtoe-remote-wsl",
 		"dbaeumer.vscode-eslint",
 		"Vue.volar",
 		"Gruntfuggly.todo-tree",
-		"Vue.vscode-typescript-vue-plugin",
 		"usernamehw.errorlens",
 		"streetsidesoftware.code-spell-checker"
 	]

diff --git a/frontend/test.html → report-template-test.html b/frontend/test.html → report-template-test.html
diff --git a/report-template.html b/report-template.html
@@ -0,0 +1,55 @@
+{% set panels = panels | we_parse %}
+
+<html>
+	<head>
+		<style>
+			:root {
+				--border-radius: 6px;
+				--bg-secondary-color: red;
+				--border-small-050: 1px solid green;
+			}
+
+			html,
+			body {
+				padding: 0;
+				margin: 0;
+			}
+
+			* {
+				box-sizing: border-box;
+			}
+
+			.panels-container {
+				background-color: var(--bg-secondary-color);
+				display: flex;
+				flex-wrap: wrap;
+				box-sizing: border-box;
+				padding: 10px;
+			}
+
+			.panel {
+				background-color: var(--bg-secondary-color);
+				overflow: hidden;
+				flex-grow: 1;
+				min-width: 100px;
+				box-sizing: border-box;
+				padding: 10px;
+			}
+
+			.panel img {
+				width: 100%;
+				border-radius: var(--border-radius);
+				border: var(--border-small-050);
+			}
+		</style>
+	</head>
+	<body>
+		<div class="panels-container">
+			{% for panel in panels %}
+			<div class="panel" style="{{'flex-basis:'+panel.width+'%' if panel.width else ''}}">
+				<img src="{{panel.image}}" />
+			</div>
+			{% endfor %}
+		</div>
+	</body>
+</html>