-
Notifications
You must be signed in to change notification settings - Fork 63
[EMB-168] Improve between-requests loading experience in dashboard project viewer #124
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
[EMB-168] Improve between-requests loading experience in dashboard project viewer #124
Conversation
app/dashboard/controller.ts
Outdated
| findNodes: task(function* (this: Dashboard, more?: boolean) { | ||
| findNodes: task(function* (this: Dashboard, more?: boolean, search?: boolean) { | ||
| const indicatorProperty = `loading${more ? 'More' : ''}`; | ||
| if (search) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Wouldn't it make more sense to move this to the filterNodes task? I.e. set it to true before the yield then false after the yield.
| @@ -1,3 +1,7 @@ | |||
| <div class='ball-scale ball-light LoadingIndicator'> | |||
| <div class='ball-{{if pulse "pulse" "scale"}} {{if blue "ball-scale-blue"}} {{if dark "ball-dark" "ball-light"}} LoadingIndicator'> | |||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Drive-by: Per product consultation, remove this, and when no products are found and loading, change the "No projects found" to either be the normal loading pulser or have it say, "Loading…". The pulser is better because a) it should be there already; and b) no extra text.
app/dashboard/controller.ts
Outdated
| yield timeout(500); | ||
| this.setProperties({ filter }); | ||
| yield this.get('findNodes').perform(); | ||
| yield this.get('findNodes').perform(false, true); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What is the second parameter to perform for?
jamescdavis
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
💯
Purpose
Improve the loading experience between request as users filter/sort their projects on dashboard.
Summary of Changes
Ticket
https://openscience.atlassian.net/browse/EMB-168
Reviewer Checklist
CHANGELOG.md