Improve item loading behaviour/delay

jsheunis commented

2025-05-12 07:00:26 +00:00

Owner

A few things related to the UI/UX when selecting a data type with many records:

When the sidebar item is selected, its click animation has a lag. This seems to happen only after the items have been loaded before.
When all the items are loaded, this could take several seconds. This should ideally be shortened, but the issue i saw is somewhat unrelated. The items are fetched while the busy indicator shows, that's fine. Then when the items are fetched, they should all display, but there is a lag before that happens. And in that time the busy indicator does not show, and the sentence "there are no items..." shows which is incorrect and confusing. I'm guessing the logic to determine whether to show the "empty items" message works, but the list of items takes a while to populate and because the variable is reactive, it shows up as empty at first.
Ordering and filtering of a long list of items takes a frustrating amount of time.

A few things related to the UI/UX when selecting a data type with many records: - When the sidebar item is selected, its click animation has a lag. This seems to happen only after the items have been loaded before. - When all the items are loaded, this could take several seconds. This should ideally be shortened, but the issue i saw is somewhat unrelated. The items are fetched while the busy indicator shows, that's fine. Then when the items are fetched, they should all display, but there is a lag before that happens. And in that time the busy indicator does not show, and the sentence "there are no items..." shows which is incorrect and confusing. I'm guessing the logic to determine whether to show the "empty items" message works, but the list of items takes a while to populate and because the variable is reactive, it shows up as empty at first. - Ordering and filtering of a long list of items takes a frustrating amount of time.

venkateshhs commented

2025-05-12 07:15:20 +00:00

Owner

Haha, I was about to create an issue for second point. Good that is covered here.

(Potential issue)

when an already existing record is edited through the edit label, edit screen header displays: Editing:{Class Name}
but when add (+) sign is clicked next to any class name , its essentially adding a new record and not editing. so instead of Editing: {Classname}, it should be displayed as : Adding: {Classname}
( if you think this is an issue, I could contribute xD)

Haha, I was about to create an issue for second point. Good that is covered here. (Potential issue) 1. when an already existing record is edited through the edit label, edit screen header displays: Editing:{Class Name} but when add (+) sign is clicked next to any class name , its essentially adding a new record and not editing. so instead of Editing: {Classname}, it should be displayed as : Adding: {Classname} ( if you think this is an issue, I could contribute xD)

jsheunis referenced this issue

2025-05-13 07:21:34 +00:00

Virtual-scroller and more #17

jsheunis commented

2025-05-14 06:53:53 +00:00

Author

Owner

Yeah, that makes sense to me.

👍 1

venkateshhs commented

2025-05-19 07:34:24 +00:00

Owner

@jsheunis wrote in #3 (comment):

Yeah, that makes sense to me.

Fix : https://github.com/psychoinformatics-de/shacl-vue/pull/109

@jsheunis wrote in https://hub.psychoinformatics.de/inm7/annotate.inm7.de-users/issues/3#issuecomment-3968: > Yeah, that makes sense to me. Fix : https://github.com/psychoinformatics-de/shacl-vue/pull/109

jsheunis commented

2025-05-19 12:17:47 +00:00

Author

Owner

The rest of these issues are all addressed or at least behavious is improved with the work that's underway in https://github.com/psychoinformatics-de/shacl-vue/tree/performance-wise

jsheunis closed this issue

2025-05-19 12:17:47 +00:00

Rows
Columns

Improve item loading behaviour/delay #3