digitalfabrik / integreat-cms

Simplified content management back end for the Integreat App - a multilingual information platform for newcomers
https://digitalfabrik.github.io/integreat-cms/
Apache License 2.0
56 stars 35 forks source link

Slow media library loading time and images shown in wrong folder #3179

Open juliankehne opened 2 hours ago

juliankehne commented 2 hours ago

Describe the Bug

When clicking on a folder inside the media library, depending on the amount of content/images inside the folder, the loading speed of it is quite slow. For the folders 'Icons (2.Ebene)' and 'Region Logos' it takes up to 3 seconds.

The loading indicator shows up for a split second and then vanishes.

While loading a folder a user can click on another folder, the initially clicked folder opens after a few seconds, then the other folder opens. Images are shown in the wrong folder.

Steps to Reproduce

Loading Time (Video 1):

  1. Go Pages and create or edit any page (Or any other place in which the media library is used)
  2. Edit the Page Icon (Media library opens)
  3. Open one of the subfolders ('Icons 2. Ebene' or 'Region Logos' as they have similar amount of images)
  4. See that the folder doesn't open instantly and it takes 2-3 seconds for it to open

Opening another folder while loading (Video 2 & 3):

  1. Go to media library
  2. Create new subfolder or select another folder with few images in it, folder 'A'
  3. Open one of the existing subfolders 'B' ('Icons 2. Ebene' or 'Region Logos')
  4. While loading 'B' click on the new subfolder 'A'
  5. Folder 'A' opens with images loaded from the folder 'B' that was clicked initially

Expected Behavior

For example on windows: The folder opens instantly. The first images shown to the user are already loaded. If there are too many images in a folder to show at once: As the user scrolls down the unloaded images/thumbnails are load.

On Nextcloud: The folder opens instantly. Icon and image thumbnails are only loaded after the folder has openened. If the folder doesn't load instantly there is a loading indicator.

A folder doesn't take multiple seconds to open.

Only the images that are in a folder are shown.

The loading indicator shows for the whole loading duration.

Actual Behavior

After clicking on a subfolder with many images in it, it can take multiple seconds to load. Images are loaded in the wrong folder. The loading indicator vanishes after a short amount of time while a folder is still loading.

See Videos below.

Additional Information

Video 1 - Long loading time:

https://github.com/user-attachments/assets/2139aa1f-008d-440d-b6db-6e4ccb0d09d6

Video 2 - Opening another folder while already loading a folder:

https://github.com/user-attachments/assets/df64f161-a319-4a64-afed-533c1ce33c86

Video 3 - Opening multiple folders while already loading a folder:

https://github.com/user-attachments/assets/c04964b0-bc3f-46e2-aaa6-9193f93079dd

juliankehne commented 2 hours ago

Please let me know if there are questions and if I should split it into multiple issues :)