dschlueter/typewriter_tutor
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Lektionen jetzt maximal 5000 Zeichen

Browse source
This commit is contained in:
jamulix 2025-10-26 18:52:00 +01:00 • committed by jamulix (aider)
commit a546cfc3ec
2 changed files with 10 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

13
static/js/script.js
View file

@ -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' });
}
}
}

4
templates/index.html
View file

@ -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>