From 0830753378b2feb9eee1467eae2b3174fa7d0009 Mon Sep 17 00:00:00 2001
From: DewGew <pierlar@hotmail.com>
Date: Tue, 14 Nov 2023 08:49:20 +0100
Subject: [PATCH 1/2] Update style.css

---
 static/css/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/css/style.css b/static/css/style.css
index 8ab8a72..06c2f2f 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -108,7 +108,7 @@ h6 {
 .logging_window{
     display: block;
     padding: 9.5px;
-    font-size: 16px;
+    font-size: 12px;
     line-height: 1.42857143;
     color: #333;
     word-break: break-all;

From a516f133a0e41b3e725cc324b4135fb43680f9af Mon Sep 17 00:00:00 2001
From: DewGew <pierlar@hotmail.com>
Date: Tue, 14 Nov 2023 08:51:28 +0100
Subject: [PATCH 2/2] Change behaivior of logstream

---
 templates/logging.html | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/templates/logging.html b/templates/logging.html
index 079f34a..db46805 100644
--- a/templates/logging.html
+++ b/templates/logging.html
@@ -28,13 +28,13 @@ <h1>Logs</h1>
 
                 <div class="card-body">
                   <h5 class="card-title">Logs <span>| {{ user.username }}</span></h5>
-					<iframe class="logging_window" id="logging_window"
-						src="{{ url_for('stream')}}">
-					</iframe>
+					<pre class="logging_window" id="output">
+					</pre>
 					</br>
 					<form class="form-check form-switch">
 					<label><input class="form-check-input" type="checkbox" value="AutoScroll" id="autoScroll" label="Auto Scroll">Auto-Scroll</label>
 					</form>
+					<!-- <div class="text-center"><button type="button" class="btn btn-secondary" onClick="location.href=location.href">Refresh Logpage</button></div> -->
               </div>
 			</div>
 
@@ -57,13 +57,28 @@ <h5 class="card-title">Logs <span>| {{ user.username }}</span></h5>
   {% include 'footer.html' %}
 <script>
 $(document).ready(function() {
+    var output = document.getElementById('output');
+
+    var xhr = new XMLHttpRequest();
+	xhr.onerror= function(xhr) {
+        location.href=location.href
+    };
+    xhr.open('GET', '{{ url_for('stream') }}');
+    xhr.send();
+
+    setInterval(function() {
+        output.textContent = xhr.responseText;
+    }, 1000);
+	
     //set initial state.
     $('#autoScroll').val(this.checked);
 
     $('#autoScroll').change(function() {
         if(this.checked) {
-			console.log("On")
-			const scroll = setInterval('frames[0].scrollTo(0,9999999)',1000)
+			var myInt = setInterval(function() {
+			  var elem = document.getElementById('output');
+			  elem.scrollTop = elem.scrollHeight;
+			}, 1000);
         }
         $('#autoScroll').val(this.checked);        
     });