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

fix(platform): Combine Sorting, Filtering, and Grouping Settings into a Single Dialog #12502

Draft
wants to merge 9 commits into
base: main
Choose a base branch
from

Conversation

dpavlenishvili
Copy link
Contributor

@dpavlenishvili dpavlenishvili commented Oct 3, 2024

Related Issue(s)

closes #12441 #12447 #12181

Description

This PR refactors the TableViewSettingsDialogComponent to combine sorting, filtering, and grouping functionality into a single dialog. Previously, sorting, filtering, and grouping were handled by separate dialogs, but now they are merged for a more streamlined user experience. This also reduces code duplication and improves maintainability.

Key changes:

  • Created a combined settings dialog for table view settings.
  • Refactored the sorting, filtering, and grouping functionalities using Angular signals for optimized state management.
  • Added support for sorting, filtering, and grouping in one interface.
  • Removed the logic from the individual sorting, filtering, and grouping dialogs and merged it into one component.
  • Updated tests to reflect the new combined dialog structure.
  • Adjusted documentation and examples to reflect the new functionality.

Screenshots

Before:

After:

Screen.Recording.2024-10-03.at.15.18.55.mov

@dpavlenishvili dpavlenishvili added code refactoring nice to have a nice to have feature/improvement labels Oct 3, 2024
@dpavlenishvili dpavlenishvili requested a review from a team October 3, 2024 11:22
@dpavlenishvili dpavlenishvili self-assigned this Oct 3, 2024
@dpavlenishvili dpavlenishvili linked an issue Oct 3, 2024 that may be closed by this pull request
2 tasks
Copy link

netlify bot commented Oct 3, 2024

Deploy Preview for fundamental-ngx ready!

Name Link
🔨 Latest commit aae72fa
🔍 Latest deploy log https://app.netlify.com/sites/fundamental-ngx/deploys/670d1155f4fef50007a644c8
😎 Deploy Preview https://deploy-preview-12502--fundamental-ngx.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

github-actions bot commented Oct 3, 2024

Visit the preview URL for this PR (updated for commit aae72fa):

https://fundamental-ngx-gh--pr12502-12441-table-settings-yugi9955.web.app

(expires Thu, 17 Oct 2024 12:47:44 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 41b993ee8e451bd7c6770b342ce142dc886eacff

@dpavlenishvili dpavlenishvili changed the title Refactor(platform): Combine Sorting, Filtering, and Grouping Settings into a Single Dialog refactor(platform): Combine Sorting, Filtering, and Grouping Settings into a Single Dialog Oct 3, 2024
@droshev droshev changed the title refactor(platform): Combine Sorting, Filtering, and Grouping Settings into a Single Dialog fix(platform): Combine Sorting, Filtering, and Grouping Settings into a Single Dialog Oct 3, 2024
@droshev droshev requested a review from a team October 3, 2024 19:12
@droshev
Copy link
Contributor

droshev commented Oct 8, 2024

@dpavlenishvili Great work! few comments:

  • Can you clean up the data in the table dialogs to match the table data? Examples(Initial State):
    Screenshot 2024-10-08 at 16 02 01
    Screenshot 2024-10-08 at 16 01 54
    the status in the dialog has 2 options, but in the table are more:
    Screenshot 2024-10-08 at 16 03 54

  • What do we do with the sorting dialog?
    Screenshot 2024-10-08 at 16 05 37

…ems, remove unused cdt declaration, removed signal effect and used just input set to listen filteringData change to triger relevant methods accordingly.
# Conflicts:
#	libs/platform/table/components/table-view-settings-dialog/grouping/grouping.component.html
#	libs/platform/table/components/table-view-settings-dialog/grouping/grouping.component.ts
#	libs/platform/table/components/table-view-settings-dialog/sorting/sorting.component.html
#	libs/platform/table/components/table-view-settings-dialog/sorting/sorting.component.ts
@dpavlenishvili
Copy link
Contributor Author

@dpavlenishvili Great work! few comments:

  • Can you clean up the data in the table dialogs to match the table data? Examples(Initial State):
    Screenshot 2024-10-08 at 16 02 01
    Screenshot 2024-10-08 at 16 01 54
    the status in the dialog has 2 options, but in the table are more:
    Screenshot 2024-10-08 at 16 03 54
  • What do we do with the sorting dialog?
    Screenshot 2024-10-08 at 16 05 37

i updated all examples

Copy link
Member

@mikerodonnell89 mikerodonnell89 left a comment

Choose a reason for hiding this comment

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

Looking good! Some small things:

Screen.Recording.2024-10-14.at.2.18.05.PM.mov
  • Same example, trying to filter by statusColor throws a console error:

Screenshot 2024-10-14 at 2 42 07 PM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
code refactoring nice to have a nice to have feature/improvement
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Table Settings Dialog revisit
4 participants