Skip to content

Refactor frontend JS and improve UX - #1

Open
espi wants to merge 1 commit into
mainfrom
frontend-ux-js-improvements
Open

Refactor frontend JS and improve UX#1
espi wants to merge 1 commit into
mainfrom
frontend-ux-js-improvements

Conversation

@espi

@espi espi commented May 23, 2025

Copy link
Copy Markdown
Owner

This commit introduces several improvements to the frontend:

  • Modernized JavaScript:

    • Refactored upload.js and file-manager.js to use the Fetch API with async/await instead of XMLHttpRequest.
    • Improved error handling in these scripts to provide more specific feedback to you.
  • Enhanced User Experience (UX):

    • Added a slide-out animation for smoother visual feedback when deleting files.
    • Implemented a "No files uploaded yet" message on the main page if no files are present.
    • Added a dynamic "This batch is empty" message that appears if all files within an upload batch are deleted.
  • Recommendations:

    • Provided detailed recommendations for future frontend optimization using Flask-Assets for minification, bundling, and cache-busting.

This commit introduces several improvements to the frontend:

- Modernized JavaScript:
  - Refactored `upload.js` and `file-manager.js` to use the Fetch API with async/await instead of XMLHttpRequest.
  - Improved error handling in these scripts to provide more specific feedback to you.

- Enhanced User Experience (UX):
  - Added a slide-out animation for smoother visual feedback when deleting files.
  - Implemented a "No files uploaded yet" message on the main page if no files are present.
  - Added a dynamic "This batch is empty" message that appears if all files within an upload batch are deleted.

- Recommendations:
  - Provided detailed recommendations for future frontend optimization using Flask-Assets for minification, bundling, and cache-busting.

@espi espi left a comment

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

i would like to see the result of a successful transfer in the file list. also prefer to see a loading animation when a transfer is in progress

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

remove references to the progress bar and instead add a progressive loading indicator to show that there is a transfer in progress

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant