Make log textareas readonly and non-resizable

3 files changed, 51 insertions, 24 deletions

diff --git a/src/log.html b/src/log.html
index 6ef20f1..ea01744 100644
--- a/src/log.html
+++ b/src/log.html
@@ -126,48 +126,48 @@
 
       <fieldset id="log-admind">
         <legend>Verwaltungsschnittstelle</legend>
-        <textarea id="log-admind-stdout" rows="20" cols="160"></textarea>
-        <textarea id="log-admind-stderr" rows="20" cols="160"></textarea>
+        <textarea id="log-admind-stdout" rows="20" cols="160" readonly></textarea>
+        <textarea id="log-admind-stderr" rows="20" cols="160" readonly></textarea>
       </fieldset>
 
       <br />
 
       <fieldset id="log-netlinkd">
         <legend>Netzwerkschnittstellenkonfigurator</legend>
-        <textarea id="log-netlinkd-stdout" rows="20" cols="160"></textarea>
-        <textarea id="log-netlinkd-stderr" rows="20" cols="160"></textarea>
+        <textarea id="log-netlinkd-stdout" rows="20" cols="160" readonly></textarea>
+        <textarea id="log-netlinkd-stderr" rows="20" cols="160" readonly></textarea>
       </fieldset>
 
       <br />
 
       <fieldset id="log-netfilterd">
         <legend>Firewall</legend>
-        <textarea id="log-netfilterd-stdout" rows="20" cols="160"></textarea>
-        <textarea id="log-netfilterd-stderr" rows="20" cols="160"></textarea>
+        <textarea id="log-netfilterd-stdout" rows="20" cols="160" readonly></textarea>
+        <textarea id="log-netfilterd-stderr" rows="20" cols="160" readonly></textarea>
       </fieldset>
 
       <br />
 
       <fieldset id="log-dhcp4d">
         <legend>DHCPv4-Server (private IPv4-Adressvergabe)</legend>
-        <textarea id="log-dhcp4d-stdout" rows="20" cols="160"></textarea>
-        <textarea id="log-dhcp4d-stderr" rows="20" cols="160"></textarea>
+        <textarea id="log-dhcp4d-stdout" rows="20" cols="160" readonly></textarea>
+        <textarea id="log-dhcp4d-stderr" rows="20" cols="160" readonly></textarea>
       </fieldset>
 
       <br />
 
       <fieldset id="log-pppoe3">
         <legend>PPPoE-Einwähler</legend>
-        <textarea id="log-pppoe3-stdout" rows="20" cols="160"></textarea>
-        <textarea id="log-pppoe3-stderr" rows="20" cols="160"></textarea>
+        <textarea id="log-pppoe3-stdout" rows="20" cols="160" readonly></textarea>
+        <textarea id="log-pppoe3-stderr" rows="20" cols="160" readonly></textarea>
       </fieldset>
 
       <br />
 
       <fieldset id="log-dhcp6">
         <legend>DHCPv6-Client</legend>
-        <textarea id="log-dhcp6-stdout" rows="20" cols="160"></textarea>
-        <textarea id="log-dhcp6-stderr" rows="20" cols="160"></textarea>
+        <textarea id="log-dhcp6-stdout" rows="20" cols="160" readonly></textarea>
+        <textarea id="log-dhcp6-stderr" rows="20" cols="160" readonly></textarea>
       </fieldset>
 
       <br />
@@ -181,48 +181,48 @@
 
         <br />
 
-        <textarea id="log-dnsd-stdout" rows="20" cols="160"></textarea>
-        <textarea id="log-dnsd-stderr" rows="20" cols="160"></textarea>
+        <textarea id="log-dnsd-stdout" rows="20" cols="160" readonly></textarea>
+        <textarea id="log-dnsd-stderr" rows="20" cols="160" readonly></textarea>
       </fieldset>
 
       <br /> -->
 
       <fieldset id="log-dslite">
         <legend>DS-Lite-Tunnelkonfigurator</legend>
-        <textarea id="log-dslite-stdout" rows="20" cols="160"></textarea>
-        <textarea id="log-dslite-stderr" rows="20" cols="160"></textarea>
+        <textarea id="log-dslite-stdout" rows="20" cols="160" readonly></textarea>
+        <textarea id="log-dslite-stderr" rows="20" cols="160" readonly></textarea>
       </fieldset>
 
       <br />
 
       <fieldset id="log-ntp">
         <legend>Zeitsynchronisations- und Speicherungsdienst (NTP-Client)</legend>
-        <textarea id="log-ntp-stdout" rows="20" cols="160"></textarea>
-        <textarea id="log-ntp-stderr" rows="20" cols="160"></textarea>
+        <textarea id="log-ntp-stdout" rows="20" cols="160" readonly></textarea>
+        <textarea id="log-ntp-stderr" rows="20" cols="160" readonly></textarea>
       </fieldset>
 
       <br />
 
       <fieldset id="log-radvd">
         <legend>SLAAC-Server (IPv6-Adressvergabe)</legend>
-        <textarea id="log-radvd-stdout" rows="20" cols="160"></textarea>
-        <textarea id="log-radvd-stderr" rows="20" cols="160"></textarea>
+        <textarea id="log-radvd-stdout" rows="20" cols="160" readonly></textarea>
+        <textarea id="log-radvd-stderr" rows="20" cols="160" readonly></textarea>
       </fieldset>
 
       <br />
 
       <fieldset id="log-netdumpd">
         <legend>Paketmitschnittdienst</legend>
-        <textarea id="log-netdumpd-stdout" rows="20" cols="160"></textarea>
-        <textarea id="log-netdumpd-stderr" rows="20" cols="160"></textarea>
+        <textarea id="log-netdumpd-stdout" rows="20" cols="160" readonly></textarea>
+        <textarea id="log-netdumpd-stderr" rows="20" cols="160" readonly></textarea>
       </fieldset>
 
       <br />
 
       <fieldset id="log-dyndns">
         <legend>IPv6-Präfixfähiger DynDNS-Updater für INWX</legend>
-        <textarea id="log-dyndns-stdout" rows="20" cols="160"></textarea>
-        <textarea id="log-dyndns-stderr" rows="20" cols="160"></textarea>
+        <textarea id="log-dyndns-stdout" rows="20" cols="160" readonly></textarea>
+        <textarea id="log-dyndns-stderr" rows="20" cols="160" readonly></textarea>
       </fieldset>
     </div>
   </body>
diff --git a/src/log.js b/src/log.js
index 54dcfad..49f357a 100644
--- a/src/log.js
+++ b/src/log.js
@@ -52,6 +52,29 @@ async function loadNonDns() {
   logNetdumpdStderrEl.value = await logRead("rsdsl_netdumpd.err");
   logDyndnsStdoutEl.value = await logRead("dyndns.log");
   logDyndnsStderrEl.value = await logRead("dyndns.err");
+
+  logAdmindStdoutEl.scrollTop = logAdmindStdoutEl.scrollHeight;
+  logAdmindStderrEl.scrollTop = logAdmindStderrEl.scrollHeight;
+  logNetlinkdStdoutEl.scrollTop = logNetlinkdStdoutEl.scrollHeight;
+  logNetlinkdStderrEl.scrollTop = logNetlinkdStderrEl.scrollHeight;
+  logNetfilterdStdoutEl.scrollTop = logNetfilterdStdoutEl.scrollHeight;
+  logNetfilterdStderrEl.scrollTop = logNetfilterdStderrEl.scrollHeight;
+  logDhcp4dStdoutEl.scrollTop = logDhcp4dStdoutEl.scrollHeight;
+  logDhcp4dStderrEl.scrollTop = logDhcp4dStderrEl.scrollHeight;
+  logPppoe3StdoutEl.scrollTop = logPppoe3StdoutEl.scrollHeight;
+  logPppoe3StderrEl.scrollTop = logPppoe3StderrEl.scrollHeight;
+  logDhcp6StdoutEl.scrollTop = logDhcp6StdoutEl.scrollHeight;
+  logDhcp6StderrEl.scrollTop = logDhcp6StderrEl.scrollHeight;
+  logDsliteStdoutEl.scrollTop = logDsliteStdoutEl.scrollHeight;
+  logDsliteStderrEl.scrollTop = logDsliteStderrEl.scrollHeight;
+  logNtpStdoutEl.scrollTop = logNtpStdoutEl.scrollHeight;
+  logNtpStderrEl.scrollTop = logNtpStderrEl.scrollHeight;
+  logRadvdStdoutEl.scrollTop = logRadvdStdoutEl.scrollHeight;
+  logRadvdStderrEl.scrollTop = logRadvdStderrEl.scrollHeight;
+  logNetdumpdStdoutEl.scrollTop = logNetdumpdStdoutEl.scrollHeight;
+  logNetdumpdStderrEl.scrollTop = logNetdumpdStderrEl.scrollHeight;
+  logDyndnsStdoutEl.scrollTop = logDyndnsStdoutEl.scrollHeight;
+  logDyndnsStderrEl.scrollTop = logDyndnsStderrEl.scrollHeight;
 }
 
 window.addEventListener("DOMContentLoaded", async function() {
diff --git a/src/styles.css b/src/styles.css
index fe1e0e2..65b541b 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -102,6 +102,10 @@ input {
   padding-right: 0.5em;
 }
 
+textarea {
+  resize: none;
+}
+
 @media (prefers-color-scheme: dark) {
   :root {
     color: #f6f6f6;