From 9cf4401f13be88b6a4d13aa034ca17aa3ffc5ce3 Mon Sep 17 00:00:00 2001
From: oberon <oberon@mail.gmx>
Date: Sat, 14 Feb 2026 11:53:58 +0100
Subject: [PATCH] change highlight.js to language-bash

---
 static/js/highlight.log.js | 12 ++++++++++++
 templates/admin_logs.html  | 27 ++++++++++++++++++++++++++-
 templates/base.html        |  1 +
 3 files changed, 39 insertions(+), 1 deletion(-)
 create mode 100644 static/js/highlight.log.js

diff --git a/static/js/highlight.log.js b/static/js/highlight.log.js
new file mode 100644
index 0000000..66809d6
--- /dev/null
+++ b/static/js/highlight.log.js
@@ -0,0 +1,12 @@
+// static/js/highlight.log.js
+hljs.registerLanguage('log', function(hljs) {
+  return {
+    contains: [
+      { className: 'timestamp', begin: /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}/, relevance: 10 },
+      { className: 'level', begin: /\| (INFO|WARNING|ERROR|DEBUG|CRITICAL) +\|/, relevance: 10 },
+      { className: 'traceback', begin: /Traceback/, end: /$/, contains: [hljs.BACKSLASH_ESCAPE] },
+      hljs.QUOTE_STRING_MODE,
+      hljs.NUMBER_MODE
+    ]
+  };
+});
\ No newline at end of file
diff --git a/templates/admin_logs.html b/templates/admin_logs.html
index ae92e4a..2ebf8e0 100644
--- a/templates/admin_logs.html
+++ b/templates/admin_logs.html
@@ -15,12 +15,37 @@
       {% endfor %}
     </select>
   </div>
-
+<!-- 
   <pre class="bg-dark text-light p-4 rounded" style="max-height: 70vh; overflow-y: auto; font-size: 0.95rem;">
     <code class="language-log">
       {{ logs | safe }}
     </code>
   </pre>
+-->
+<!-- Zeilennummern + Wort-Wrap -->
+<pre class="bg-dark text-light p-4 rounded hljs" style="max-height: 70vh; overflow-y: auto; font-size: 0.95rem; white-space: pre-wrap; word-wrap: break-word; line-height: 1.5;">
+  <code class="language-bash">
+{{ logs | safe }}
+  </code>
+</pre>
+
+<style>
+  pre code {
+    counter-reset: line;
+  }
+  pre code span {
+    counter-increment: line;
+  }
+  /* Optional: Zeilennummern (braucht CSS) */
+  pre code::before {
+    content: counter(line) "  ";
+    display: inline-block;
+    width: 3em;
+    text-align: right;
+    color: #6a9955;
+    user-select: none;
+  }
+</style>
 
   <a href="{{ url_for('admin') }}" class="btn btn-secondary mt-3">Zurück zum Admin</a>
 </div>
diff --git a/templates/base.html b/templates/base.html
index 9b04dd8..b7d47cd 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -14,6 +14,7 @@
     <!-- highlight.js für Syntax-Highlighting in Logs -->
     <link rel="stylesheet" href="{{ url_for('static', filename='css/default.min.css') }}">
     <script src="{{ url_for('static', filename='js/highlight.min.js') }}"></script>
+    <script src="{{ url_for('static', filename='js/highlight.log.js') }}"></script>
     <script>hljs.highlightAll();</script>
 
     <!-- Eigenes CSS (optional – später erweitern) -->