Skip to content

Add processing spinner and progress indicator#1

Open
azaitsev wants to merge 3 commits intomainfrom
codex/add-spinner-and-progress-bar-for-file-processing
Open

Add processing spinner and progress indicator#1
azaitsev wants to merge 3 commits intomainfrom
codex/add-spinner-and-progress-bar-for-file-processing

Conversation

@azaitsev
Copy link
Owner

@azaitsev azaitsev commented Feb 4, 2026

Motivation

  • Provide clear feedback to users while uploaded FIT/TCX files are being parsed so they know processing is in progress.

Description

  • Add CSS for a spinner, progress bar, and a .hidden helper to src/static/index.html to style the processing UI.
  • Insert a #processingStatus block in the files panel that contains the spinner, message (#processingMessage), and progress bar (#processingProgressBar).
  • Add UI references for the new elements and implement setProcessingState(isProcessingFiles, processingMessageText) to show/hide the processing UI.
  • Wire setProcessingState into the upload flow by calling it before/after the remote parse call in addSelectedFiles so the indicator is shown while fetchParsedSeries runs.

Testing

  • Started the app with uvicorn src.app:app --host 0.0.0.0 --port 8000 which completed application startup successfully.
  • Ran an automated Playwright script that opened the index page and saved a screenshot to artifacts/processing-status.png to verify the processing UI renders, and the script completed successfully.

Codex Task

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant