From a546cfc3ec25b9bba7cd69cbf2ec27ec90fb86f0 Mon Sep 17 00:00:00 2001
From: jamulix <fritzchem@linix.de>
Date: Sun, 26 Oct 2025 18:52:00 +0100
Subject: [PATCH] Lektionen jetzt maximal 5000 Zeichen

---
 static/js/script.js  | 13 ++++++++-----
 templates/index.html |  4 ++--
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/static/js/script.js b/static/js/script.js
index eed9c7b..c49a69a 100644
--- a/static/js/script.js
+++ b/static/js/script.js
@@ -698,9 +698,9 @@ document.addEventListener('DOMContentLoaded', function() {
         const currentLineIndex = getCurrentLineIndex();
         let newHTML = '';
 
-        // Zeige 10 Zeilen ab der aktuellen Zeile an
-        const startLine = Math.max(0, currentLineIndex);
-        const endLine = Math.min(lines.length, startLine + 10);
+        // Zeige alle Zeilen an
+        const startLine = 0;
+        const endLine = lines.length;
         
         // Berechne die Startposition jeder Zeile im Gesamttext
         let lineStarts = [];
@@ -753,9 +753,12 @@ document.addEventListener('DOMContentLoaded', function() {
 
         targetTextElement.innerHTML = newHTML;
         
-        // Behalte Scroll-Position bei, es sei denn der Benutzer hat nicht manuell gescrollt
+        // Scroll zur aktuellen Zeile, wenn der Benutzer nicht manuell gescrollt hat
         if (!userScrolled) {
-            targetTextElement.scrollTop = 0;
+            const currentLineElement = targetTextElement.querySelector('.current-line');
+            if (currentLineElement) {
+                currentLineElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
+            }
         }
     }
 
diff --git a/templates/index.html b/templates/index.html
index f266d90..e4b25b1 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -59,10 +59,10 @@
                             </div>
                         </div>
 
-                        <!-- Textanzeige mit fester Höhe -->
+                        <!-- Textanzeige mit automatischer Höhe -->
                         <div class="mb-4">
                             <h5 class="card-title">Vorlage: <span id="lesson-title">{{ current_lesson_title }}</span></h5>
-                            <div id="target-text" class="border p-3 rounded" style="height: 200px; overflow: auto; white-space: pre-wrap; font-family: monospace;">
+                            <div id="target-text" class="border p-3 rounded" style="max-height: 200px; overflow: auto; white-space: pre-wrap; font-family: monospace;">
                                 <!-- Text wird zeilenweise durch JavaScript eingefügt -->
                             </div>
                         </div>