Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(ui): Add loading animation in frontend UI #15

Merged
merged 11 commits into from
Dec 7, 2023
Merged

Conversation

cpvannier
Copy link
Member

Description

Add a loading animation in frontend user interface when loading or saving takes time. This currently includes:

  • loading datasets,
  • loading or saving items,
  • loading the results of a semantic search model,
  • loading an interactive segmentation model and its embeddings.

Changes

Added

  • Add loading animation in frontend UI when loading or saving takes time
    • Merge Library and LoadingLibrary components using new loading modal

Fixed

  • Visual fixes in frontend UI
    • Fix components like Header and Workspaces loading before they should
    • Add transitions to buttons with hover properties

cpvannier and others added 10 commits December 6, 2023 12:02
As itemDetails interface has been deprecated:
- handleSaveItemDetails() becomes handleSaveItem()
- postItemDetails() becomes postDatasetItem()
As Library and LoadingLibrary now have a specific header,
the main header should only be loaded if there is a selected dataset
As AnnotationWorkspace / ExplorationWorkspace load
when selectedItem is not null, selectedItem should be assigned only
at the end of handleSelectItem() when all processes are complete.
When waiting on something to be able to update the UI,
add a loading modal consisting of a spinning progress circle.

This currently includes:
- loading an item
- saving an item
- loading the results of a semantic search model
- loading an interactive segmentation model and its embeddings
Replace LoadingLibrary by a loading modal and merge it into Library
Config file needed for Tailwind CSS IntelliSense
@cpvannier cpvannier self-assigned this Dec 6, 2023
@cpvannier cpvannier added enhancement New feature or request scope: front Related to Pixano frontend labels Dec 6, 2023
@cpvannier cpvannier marked this pull request as ready for review December 6, 2023 15:32
Shorten lines for better display in the GitHub Releases
@jrabary jrabary merged commit 4a87d2a into develop Dec 7, 2023
15 checks passed
@cpvannier cpvannier added this to the Pixano 0.5.0 milestone Jan 16, 2024
@cpvannier cpvannier deleted the feat/loading_modal branch January 31, 2024 10:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request scope: front Related to Pixano frontend
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants