From 96ee00242f350b391dcc1cf4d72a442c969f565e Mon Sep 17 00:00:00 2001
From: Ilion Beyst <ilion.beyst@gmail.com>
Date: Wed, 22 Dec 2021 13:59:13 +0100
Subject: add pw-frontend

---
 web/pw-frontend/src/lib/Visualizer.svelte | 49 +++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 web/pw-frontend/src/lib/Visualizer.svelte

(limited to 'web/pw-frontend/src/lib/Visualizer.svelte')

diff --git a/web/pw-frontend/src/lib/Visualizer.svelte b/web/pw-frontend/src/lib/Visualizer.svelte
new file mode 100644
index 0000000..35b0677
--- /dev/null
+++ b/web/pw-frontend/src/lib/Visualizer.svelte
@@ -0,0 +1,49 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import * as visualizer from '../lib/visualizer/index';
+
+  onMount(() => {
+    visualizer.init();
+    fetch("match.log")
+      .then(response => response.text())
+      .then(data => visualizer.set_instance(data));
+  });
+</script>
+
+<div id="main" class="loading">
+  <canvas id="canvas" />
+  <div id="name" />
+  <div id="addbutton" class="button" />
+
+  <div id="meta">
+    <div id="turnCounter">0 / 0</div>
+    <div>
+      <span>Ms per frame:&nbsp;</span>
+      <input type="number" id="speed" value="300" />
+    </div>
+    <div class="slidecontainer">
+      <input
+        type="range"
+        min="0"
+        max="1"
+        value="1"
+        class="slider"
+        id="turnSlider"
+      />
+    </div>
+  </div>
+  <div class="lds-roller">
+    <div />
+    <div />
+    <div />
+    <div />
+    <div />
+    <div />
+    <div />
+    <div />
+  </div>
+</div>
+
+<style scoped>
+  @import 'visualizer/style.css';
+</style>
-- 
cgit v1.2.3

