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): table filter enhancement #12771

Closed
wants to merge 36 commits into from

Conversation

khotcholava
Copy link
Contributor

feat(core):
closes #11783

  • Add support for formatting array values in table component
  • Fix format field name

Before

Screenshot 2024-11-25 at 17 49 05

After

Screenshot 2024-11-25 at 17 49 53

closes [#11783](#11783)

- add support for formatting array values in table component
closes [#11783](#11783)

## Description

Updated the filter parameter to use the column name for improved representation.
Copy link

netlify bot commented Nov 25, 2024

Deploy Preview for fundamental-ngx ready!

Name Link
🔨 Latest commit 221e252
🔍 Latest deploy log https://app.netlify.com/sites/fundamental-ngx/deploys/676426d38bb4ec00088f7aa6
😎 Deploy Preview https://deploy-preview-12771--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 Nov 25, 2024

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

https://fundamental-ngx-gh--pr12771-11783-table-filter-e-e58ep12c.web.app

(expires Sun, 22 Dec 2024 19:34:22 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 41b993ee8e451bd7c6770b342ce142dc886eacff

khotcholava and others added 5 commits November 27, 2024 17:50
closes [#11783](#11783)

## Description

fix table component host spec test
closes [#11783](#11783)

## Description

fix table component host spec test
closes [#11783](#11783)

## Description

fix table component host spec test
closes [#11783](#11783)

## Description

fix table component host spec test
@khotcholava khotcholava marked this pull request as ready for review December 1, 2024 15:40
@khotcholava
Copy link
Contributor Author

@mikerodonnell89 @dpavlenishvili Ping

@droshev droshev added this to the Sprint 141 - December 2024 milestone Dec 4, 2024
@InnaAtanasova InnaAtanasova changed the title 11783 table filter enhancement fix(platform): table filter enhancement Dec 4, 2024
@InnaAtanasova
Copy link
Contributor

Please use proper naming for the PRs. If this gets merged without the proper title we would need to manually fix the release notes

@@ -468,6 +480,11 @@ export class TableService {
this.buildSortRulesMap();
this.buildFilterRulesMap();
}

private getFieldName(field: string): string {
Copy link
Contributor

Choose a reason for hiding this comment

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

A private method should be prefixed by _ and should have typedocs annotations.

- Added '_', and annotation to private method
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.

Two things I noticed:

  • There's a space before the comma
  • no "Status Color" text, just "(critical)"

Screenshot 2024-12-05 at 10 49 43 AM

@karolgromacki
Copy link

karolgromacki commented Dec 9, 2024

Hi @khotcholava , I've noticed one problem - so far the info bar is displayed after changing the filter through UI or from code, but I have a case when I load the whole tableState from the session storage and it doesn't apply the filter info bar - it seems that the problem is related to
this._tableService.stateChange$.subscribe(({ type, state }) => { switch (type) {

because when we use this.table.setTableState(tableState), the state is changed, but the type is undefined and
this._setAppliedFilterNames(state.current); is not executed.

closes [#11783](#11783)

Correct handling of filter inputs by using the columnName instead of columnKey to better represent user selections. Additionally, toolbar styling is modified to prevent unnecessary shrinking, thus enhancing the overall interface consistency.
closes [#11783](#11783)

Fixed filter dialog filtering
closes [#11783](#11783)

Removed space between filter param and coma
@khotcholava
Copy link
Contributor Author

@karolgromacki Please include the valid code example. It's easier for me to debug.

@droshev
Copy link
Contributor

droshev commented Dec 18, 2024

@khotcholava fix the linting issues, make sure e2e/unit are not failing. Then we should review it.

khotcholava and others added 22 commits December 19, 2024 17:58
closes [#11783](#11783)

Removed space between filter param and coma
[#12677](#12677)

Fixed an issue where using `semanticHighlighting` and `group` properties simultaneously in `fdp-table` caused unexpected behavior. Updated logic to ensure compatibility and proper rendering when these features are used together.

Co-authored-by: khotcholava <[email protected]>
… theme/language automatically, add readonly property to form generator (#12739)

* fix(platform): update settings generator docs and component to update theme/language automatically, add readonly property to form generator

* fix: do not use autocomplete="off" for all inputs

* fix: simplify readonly function
BREAKING CHANGE: remove inline SVG support

* fix(core, platform): fix illustrated message in table

* fix(core): remove inline SVG support for illustrated messages
* fix(core): fix form field spacing

* test(platform): migrate e2e to unit
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.

[Feature Request] Infobar showing applied filters in platform table
7 participants