From 92ab31650c60163607ea5b00c57a7b223ef49bd4 Mon Sep 17 00:00:00 2001
From: Alejandro Sirgo Rica <asirgo@soleta.eu>
Date: Tue, 12 Nov 2024 10:23:02 +0100
Subject: log: show the end of the log and make it scrollable

Show the latest lines of the log first as they contain the
information relevant to the latest operations.

Show the logs inside an scrollable widget.
---
 ogcp/templates/actions/legacy/log.html | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

(limited to 'ogcp')

diff --git a/ogcp/templates/actions/legacy/log.html b/ogcp/templates/actions/legacy/log.html
index a3f252c..12c7c50 100644
--- a/ogcp/templates/actions/legacy/log.html
+++ b/ogcp/templates/actions/legacy/log.html
@@ -20,6 +20,20 @@
     }
 </style>
 
-<pre>{{ log }}</pre>
+<div class="container-fluid d-flex flex-column" style="height: 90vh;">
+    <div class="border p-3 overflow-auto flex-grow-1" id="logContainer">
+        <pre>{{ log }}</pre>
+    </div>
+</div>
+
+<script>
+    function scrollToBottom() {
+        const logContainer = document.getElementById('logContainer');
+        logContainer.scrollTo({ top: logContainer.scrollHeight, behavior: 'instant' });
+    }
+
+    document.addEventListener("DOMContentLoaded", scrollToBottom);
+</script>
+
 
 {% endblock %}
-- 
cgit v1.2.3-18-g5258