From 897c0c2fcd534159b78381036076c48d2db43465 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Thu, 7 Dec 2023 15:27:32 +0100
Subject: Links and rechts.

---
 create.html | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

(limited to 'create.html')

diff --git a/create.html b/create.html
index e69de29..48c6db3 100644
--- a/create.html
+++ b/create.html
@@ -0,0 +1,30 @@
+<link rel="stylesheet" href="/table-battles/cards.css">
+<style>
+.card { box-shadow: var(--drop-shadow) }
+</style>
+<div id="preview"></div>
+<script>
+
+var select = document.querySelector("select[name='scenario']")
+var preview = document.getElementById("preview")
+var list = null
+
+window.onload = async function () {
+	fetch("/table-battles/info/scenarios.html")
+		.then(r => r.text())
+		.then(html => {
+			list = (new DOMParser()).parseFromString(html, "text/html")
+		})
+}
+
+select.onchange = function (evt) {
+	if (list) {
+		let node = list.getElementById("scenario_" + parseInt(select.value))
+		if (node)
+			preview.replaceChildren(node.cloneNode(true))
+		else
+			preview.replaceChildren()
+	}
+}
+
+</script>
-- 
cgit v1.2.3