Add multi-select organization filter in members, organizations and activities lists #1560
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Changes proposed ✍️
What
Fixes #1240
🤖 Generated by Copilot at 4f79805
Added a new
organizations
filter option to the activity, member, and organization list pages. This filter allows users to see entities related to their organizations. Implemented the filter config, logic, and UI for the new option in the respective modules and shared components. Added a logo property to the filter option interface and rendered logos or icons for the organization options.
🤖 Generated by Copilot at 4f79805
Why
How
🤖 Generated by Copilot at 4f79805
organizations
filter config from theactivity
module in thefrontend/src/modules/activity/config/filters/main.ts
file (link)organizations
filter config in theactivityFilters
object in the same file (link)organizations
filter config as aMultiSelectAsyncFilterConfig
type in thefrontend/src/modules/activity/config/filters/organizations/config.ts
file (link)OrganizationService
to fetch and populate the organization options in the filter config (link)itemLabelRenderer
andapiFilterRenderer
methods for the filter config to display and send the filter values (link)member
andorganization
modules in the corresponding files (link, link, link, link)MultiSelectAsyncFilter.vue
component (link, link)logo
to theMultiSelectAsyncFilterOption
interface that represents the logo URL for the organization option (link)Checklist ✅
Feature
,Improvement
, orBug
.