From 8ff2763580a831a2c641626c4c7bcd7df9e960ff Mon Sep 17 00:00:00 2001
From: Empire <empirephoenix@yahoo.de>
Date: Thu, 20 Mar 2025 22:47:39 +0100
Subject: [PATCH] add website part of log view

---
 rust/src_webpack/src/log.html |  7 ++++++
 rust/src_webpack/src/log.ts   | 47 +++++++++++++++++++++++++++++++++++
 2 files changed, 54 insertions(+)
 create mode 100644 rust/src_webpack/src/log.html
 create mode 100644 rust/src_webpack/src/log.ts

diff --git a/rust/src_webpack/src/log.html b/rust/src_webpack/src/log.html
new file mode 100644
index 0000000..05c6be7
--- /dev/null
+++ b/rust/src_webpack/src/log.html
@@ -0,0 +1,7 @@
+<style>
+
+</style>
+<button id="loadLog">Load Logs</button>
+<div id="logpanel">
+    
+</div>
\ No newline at end of file
diff --git a/rust/src_webpack/src/log.ts b/rust/src_webpack/src/log.ts
new file mode 100644
index 0000000..d881eae
--- /dev/null
+++ b/rust/src_webpack/src/log.ts
@@ -0,0 +1,47 @@
+import { Controller } from "./main";
+
+export class LogView {
+  private readonly logpanel: HTMLElement;
+  private readonly loadLog: HTMLButtonElement;
+  loglocale: LogLocalisation | undefined;
+
+  constructor(controller: Controller) {
+    (document.getElementById("logview") as HTMLElement).innerHTML = require('./log.html') as string;
+    this.logpanel = document.getElementById("logpanel") as HTMLElement
+    this.loadLog = document.getElementById("loadLog") as HTMLButtonElement
+
+    controller.loadLogLocaleConfig();
+
+    this.loadLog.onclick = () => {
+      controller.loadLog();
+    }
+  }
+
+  setLogLocalisation(loglocale: LogLocalisation) {
+    this.loglocale = loglocale;
+  }
+
+  setLog(logs: LogArray) {
+    this.logpanel.textContent = ""
+    logs.forEach(entry => {
+      let message = this.loglocale!![entry.message_id];
+      let template = message.message
+      template = template.replace("${number_a}", entry.a.toString());
+      template = template.replace("${number_b}", entry.b.toString());
+      template = template.replace("${txt_short}", entry.txt_short.toString());
+      template = template.replace("${txt_long}", entry.txt_long.toString());
+
+      let ts = new Date(entry.timestamp);
+
+      let div = document.createElement("div")
+      let timestampDiv = document.createElement("div")
+      let messageDiv = document.createElement("div")
+      timestampDiv.innerText = ts.toISOString();
+      messageDiv.innerText = template;
+      div.appendChild(timestampDiv)
+      div.appendChild(messageDiv)
+      this.logpanel.appendChild(div)
+    }
+    )
+  }
+}
\ No newline at end of file