Update app.py

app.py

@@ -23,6 +23,8 @@ CSV_DIR    = Path("csv")
 UPLOAD_DIR.mkdir(exist_ok=True)
 CSV_DIR.mkdir(exist_ok=True)
 
+PER_PAGE = 50   # sentences per page for pagination
+
 # ------------------------------------------------------------------ Flask app
 app = Flask(__name__)
 app.secret_key = uuid.uuid4().hex       # random on every restart
@@ -112,10 +114,10 @@ def download(uid):
 
 @app.route("/show/<uid>")
 def show_sentences(uid):
-    """Display affected sentences with red highlights."""
-    sentences = []
+    """Display affected sentences with red highlights (paginated)."""
+    # recover all sentences from disk
+    all_sentences = []
     for raw in (CSV_DIR / f"{uid}_sentences.txt").read_text(encoding="utf-8").splitlines():
-        # recover line_nr + sentence
         line_nr, sentence = raw[:6].strip(), raw[8:]
         bad = {ch for ch in sentence if not _is_ok(ch) if ch.isalpha()}
         highlighted = re.sub(
@@ -125,15 +127,39 @@ def show_sentences(uid):
                        else m.group(0)),
             sentence,
         )
-        sentences.append({
+        all_sentences.append({
             "line_nr": line_nr,
             "highlights": highlighted,
             "sentence": sentence,
         })
+
+    # ----- pagination logic -----
+    page = request.args.get('page', 1, type=int)
+    if page < 1:
+        page = 1
+
+    total = len(all_sentences)
+    total_pages = (total + PER_PAGE - 1) // PER_PAGE if total else 1
+    if page > total_pages:
+        page = total_pages
+
+    start = (page - 1) * PER_PAGE
+    end = start + PER_PAGE
+    sentences = all_sentences[start:end]
+
+    prev_url = url_for('show_sentences', uid=uid, page=page-1) if page > 1 else None
+    next_url = url_for('show_sentences', uid=uid, page=page+1) if page < total_pages else None
+    # ---------------------------
+
     return render_template_string(
         TEMPLATE_SHOW,
         sentences=sentences,
         back_url=url_for("index"),
+        page=page,
+        total_pages=total_pages,
+        prev_url=prev_url,
+        next_url=next_url,
+        total=total,
     )
 
 # ------------------------------------------------------------------ templates
@@ -158,7 +184,7 @@ TEMPLATE_INDEX = """
   </form>
 
   {% with msgs = get_flashed_messages() %}
-    {% if msgs %}<div class="alert alert-warning">{{ msgs[0] }}</div>{% endif %}
+    {% if msgs %}<<div class="alert alert-warning">{{ msgs[0] }}</div>{% endif %}
   {% endwith %}
 </div>
 </body>
@@ -219,7 +245,9 @@ TEMPLATE_SHOW = """
   <h1 class="mb-3">Tatoeba Kabyle Corpus Standardisation Checker</h1>
   <a class="btn btn-outline-secondary mb-3" href="{{ back_url }}">← Back</a>
 
-  <ol>
+  <p class="text-muted">Showing {{ sentences|length }} of {{ total }} affected sentences — Page {{ page }} of {{ total_pages }}</p>
+
+  <ol start="{{ (page - 1) * 50 + 1 }}">
   {% for s in sentences %}
     <li class="mb-2">
       <pre style="display:inline; margin:0; padding:0; border:none; background:none;">{{ s.highlights|safe }}</pre>
@@ -230,6 +258,21 @@ TEMPLATE_SHOW = """
     </li>
   {% endfor %}
   </ol>
+
+  <!-- Pagination -->
+  <nav aria-label="Sentence pages" class="mt-4">
+    <ul class="pagination justify-content-center">
+      <li class="page-item {% if not prev_url %}disabled{% endif %}">
+        <a class="page-link" href="{{ prev_url or '#' }}">← Previous</a>
+      </li>
+      <li class="page-item disabled">
+        <span class="page-link">Page {{ page }} of {{ total_pages }}</span>
+      </li>
+      <li class="page-item {% if not next_url %}disabled{% endif %}">
+        <a class="page-link" href="{{ next_url or '#' }}">Next →</a>
+      </li>
+    </ul>
+  </nav>
 </div>
 </body>
 </html>