From 9a9785973df1c17094e965618418b4ee142c7fd1 Mon Sep 17 00:00:00 2001
From: Marcus Fihlon <marcus@fihlon.swiss>
Date: Wed, 29 Apr 2026 15:10:24 +0200
Subject: [PATCH] feat(komoot): show import progress count in button label

Signed-off-by: Marcus Fihlon <marcus@fihlon.swiss>
---
 .../resources/templates/activities/komoot.html | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/templates/activities/komoot.html b/src/main/resources/templates/activities/komoot.html
index 6d4ca56..b8a69fd 100644
--- a/src/main/resources/templates/activities/komoot.html
+++ b/src/main/resources/templates/activities/komoot.html
@@ -77,7 +77,7 @@
                                 </span>
                                 <span id="importFirstSpinner" class="d-none">
                                     <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
-                                    Importing...
+                                    <span id="importFirstProgressText">Importing...</span>
                                 </span>
                             </button>
                             <button type="button" class="btn btn-outline-danger d-none" id="cancelImportBtn">
@@ -139,6 +139,7 @@
             const importFirstBtn = document.getElementById('importFirstBtn');
             const importFirstText = document.getElementById('importFirstText');
             const importFirstSpinner = document.getElementById('importFirstSpinner');
+            const importFirstProgressText = document.getElementById('importFirstProgressText');
             const cancelImportBtn = document.getElementById('cancelImportBtn');
             let currentActivities = [];
             let importCancellationRequested = false;
@@ -161,6 +162,17 @@
                 importFirstSpinner.classList.toggle('d-none', !loading);
                 cancelImportBtn.classList.toggle('d-none', !loading);
                 cancelImportBtn.disabled = !loading;
+                if (!loading) {
+                    importFirstProgressText.textContent = 'Importing...';
+                }
+            }
+
+            function updateImportProgress(current, total) {
+                if (current == null || total == null || total <= 0) {
+                    importFirstProgressText.textContent = 'Importing...';
+                    return;
+                }
+                importFirstProgressText.textContent = `Importing ${current}/${total}...`;
             }
 
             function showError(message) {
@@ -429,10 +441,12 @@
                     let importedCount = 0;
                     let failedCount = 0;
                     let cancelled = false;
+                    const totalActivitiesToImport = activitiesToImport.length;
 
-                    for (const activity of activitiesToImport) {
+                    for (const [index, activity] of activitiesToImport.entries()) {
                         activity.uiImportStatus = 'importing';
                         activity.uiImportError = null;
+                        updateImportProgress(index + 1, totalActivitiesToImport);
                         renderActivities(currentActivities);
 
                         try {