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): Update info bar table to reflect selected filters #12634

Open
wants to merge 6 commits into
base: main
Choose a base branch
from

Conversation

khotcholava
Copy link
Contributor

fix(platform): table showing info bar with selected filters

closes #11783

  • Implemented an info bar beneath the table toolbar to display active filters, following SAP Fiori design recommendations.
  • Used <fd-toolbar fdType="info" [active]="true"> from Fundamental NGX.
  • Displayed filter information with the correct format
  • Included a "decline" icon in the info bar.
  • Info bar appears only when a filter is applied and hides once the filter is reset.
  • Added feature to close the popover when the dismiss button is clicked. The popover will reappear upon changing the filters.

khotcholava and others added 2 commits October 21, 2024 17:44
closes [#11783](#11783)

- Implemented an info bar beneath the table toolbar to display active filters, following SAP Fiori design recommendations.
- Used <fd-toolbar fdType="info" [active]="true"> from Fundamental NGX.
- Displayed filter information with the correct format
- Included a "decline" icon in the info bar.
- Info bar appears only when a filter is applied and hides once the filter is reset.
closes [#11783](#11783)

- Added feature to close the popover when the dismiss button is clicked. The popover will reappear upon changing the filters.
@khotcholava khotcholava self-assigned this Oct 22, 2024
@khotcholava khotcholava marked this pull request as draft October 22, 2024 09:08
@khotcholava
Copy link
Contributor Author

NOTE:

!!! Not yet ready for review !!!

Copy link

netlify bot commented Oct 22, 2024

Deploy Preview for fundamental-ngx ready!

Name Link
🔨 Latest commit e736a33
🔍 Latest deploy log https://app.netlify.com/sites/fundamental-ngx/deploys/67176b6b0dca670008e1b8da
😎 Deploy Preview https://deploy-preview-12634--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

netlify bot commented Oct 22, 2024

Deploy Preview for fundamental-ngx ready!

Name Link
🔨 Latest commit 4d7965d
🔍 Latest deploy log https://app.netlify.com/sites/fundamental-ngx/deploys/671a4dae6d3a6c0008105c3f
😎 Deploy Preview https://deploy-preview-12634--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 22, 2024

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

https://fundamental-ngx-gh--pr12634-11783-infobar-showin-id5mbqt7.web.app

(expires Sun, 27 Oct 2024 13:42:22 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 41b993ee8e451bd7c6770b342ce142dc886eacff

closes [#11783](#11783)

## Description

- Moved hardcoded "Filtered by" string into translation file
@khotcholava khotcholava marked this pull request as ready for review October 23, 2024 21:52
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 in this screenshot:

  • [object Object]
  • I think we need the compact button
Screenshot 2024-10-24 at 12 58 24 PM

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
2 participants