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

Task/wg 375 recon portal UI changes #1435

Merged
merged 3 commits into from
Sep 25, 2024

Conversation

sophia-massie
Copy link
Contributor

@sophia-massie sophia-massie commented Sep 9, 2024

Overview:

Requested UI changes from Tracy before 4Kitchens and CMD design review

PR Status:

  • Ready.
  • Work in Progress.
  • Hold.

Related Jira tickets:

Summary of Changes:

  • Removes external dataset header and toggle and associated styles
  • Changes order of Clear and Hide buttons, adds filter
    to the wording in the button
  • Adds search bar on button row
  • Adds checkbox to hide and add DesignSafe data
  • Adds message in sidebar if no results are returned for a filter search

Testing Steps:

  1. Go to https://designsafe.dev/recon-portal/ and check search functionality
  2. Use search bar in sidebar to ensure it still works with the filters

UI Photos:

Main screen with filters showing
Screenshot 2024-09-24 at 2 11 05 PM
Screenshot 2024-09-24 at 2 11 22 PM
Screenshot 2024-09-24 at 2 11 48 PM
Screenshot 2024-09-24 at 2 12 09 PM
Screenshot 2024-09-24 at 2 12 32 PM
No dataset match for filters
Screenshot 2024-09-24 at 2 12 46 PM

Notes:

- Removes external dataset header and toggle and associated styles
- Adds debounced search button for each row
- Changes order of Clear and Hide buttons, adds filter
to the wording in the button
- Adds checkbox to hide and add Recon Portal data
@sophia-massie sophia-massie changed the base branch from main to feature-opentopo September 9, 2024 23:06
@sophia-massie sophia-massie marked this pull request as ready for review September 24, 2024 19:13
Copy link

@taoteg taoteg left a comment

Choose a reason for hiding this comment

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

LGTM! Great work.

@sophia-massie sophia-massie self-assigned this Sep 24, 2024
Copy link

@shayanaijaz shayanaijaz left a comment

Choose a reason for hiding this comment

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

LGTM! Just added a couple non blocking comments

<div class="filter-button-row">
<button class="btn btn-xs btn-default filter-btn" ng-click="vm.show_filter_options=false"> Hide Filters </button>
<button class="btn btn-xs btn-default filter-btn" ng-click="vm.clear_filters()"> Clear Filters </button>
<button class="btn btn-xs btn-info filter-btn" ng-click="vm.debouncedSearch()" ng-disabled="(!vm.data_source && !vm.ot_data_source)"> Search </button>

Choose a reason for hiding this comment

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

Since there is a proper search button now we don't have to worry about debouncing the search so we should be able to use search() directly

Copy link
Contributor Author

Choose a reason for hiding this comment

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

The search in the sidebar still uses this function. Should that change to the search method instead as well? I think the auto-updating in that area makes sense but we will probably have to defer to CMD on that UI anyway. I can remove it and implement the search the same way as the filter though if you think that would be better.

designsafe/apps/rapid/views.py Outdated Show resolved Hide resolved
handles this through the service
- Search button uses search method on click rather than
debouncing
@sophia-massie sophia-massie merged commit a2e2e7b into feature-opentopo Sep 25, 2024
5 checks passed
@sophia-massie sophia-massie deleted the task/wg-375-Recon-Portal-UI-changes branch September 25, 2024 18:50
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.

3 participants