IBX-9060: Revamp notifications

[albozek]

🎫 Issue	IBX-9060

Related PRs:

• https://github.com/ibexa/scheduler/pull/127
• https://github.com/ibexa/workflow/pull/134
• IBX-9060: Updated StatusCriterionHandler to use in expression for multi-status support core#627
• IBX-9060: Added $query parameter for filtering notifications count and loading core#520
• IBX-9060: Added TypedNotificationRenderer interface for notification type labeling core#610
• IBX-9060: Added bulk mark-as-read for user notifications core#630
• IBX-9060: Implemented support for typed system notifications and dynamic template extension notifications#24

Description:

For QA:

Documentation:

[Copilot]

Pull Request Overview

This PR revamps the notifications functionality and introduces new sidebar interactions while updating related configuration and routing. Key changes include:

• Introducing a new sidebar panel with improved event handling and backdrop management.
• Revamping notifications modal and list functionality by adding support for actions such as marking notifications as read/unread, bulk operations, and deletion.
• Updating routing, service configurations, and default settings to support the new notifications features.

Reviewed Changes

Copilot reviewed 27 out of 38 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
src/bundle/Resources/public/js/scripts/sidebar/side.panel.js	New sidebar panel implementation with close triggers and backdrop control.
src/bundle/Resources/public/js/scripts/admin.notifications.modal.js	Updates to notifications modal including new actions and improved event management.
src/bundle/Resources/public/js/scripts/admin.notifications.list.js	Introduction of notifications list with bulk operations and status management.
src/bundle/Resources/public/js/scripts/admin.notifications.filters.js	New filters implementation for notifications.
src/bundle/Resources/public/js/scripts/admin.multilevel.popup.menu.js	Improvement in multilevel popup menu initialization with refactored event handling.
src/bundle/Resources/encore/ibexa.js.config.js	Updated configuration to include new notifications list entry.
src/bundle/Resources/config/services/controllers.yaml	Added new controller service definitions for notifications.
src/bundle/Resources/config/routing.yaml	Introduced new routes to support notifications actions.
src/bundle/Resources/config/ezplatform_default_settings.yaml	Increased pagination limit for notifications.

Files not reviewed (11)

• src/bundle/Controller/AllNotificationsController.php: Language not supported
• src/bundle/Controller/NotificationController.php: Language not supported
• src/bundle/Form/Data/SearchQueryData.php: Language not supported
• src/bundle/Form/Type/SearchType.php: Language not supported
• src/bundle/Resources/public/scss/_header-user-menu.scss: Language not supported
• src/bundle/Resources/public/scss/_list-filters.scss: Language not supported
• src/bundle/Resources/public/scss/_notifications-modal.scss: Language not supported
• src/bundle/Resources/public/scss/_notifications.scss: Language not supported
• src/bundle/Resources/public/scss/_side-panel.scss: Language not supported
• src/bundle/Resources/public/scss/ibexa.scss: Language not supported
• src/bundle/Resources/translations/ibexa_admin_ui.en.xliff: Language not supported

Comments suppressed due to low confidence (1)

src/bundle/Resources/public/js/scripts/admin.multilevel.popup.menu.js:2

• [nitpick] The function name 'initMutlilevelPopupMenus' appears to contain a typographical error; consider renaming it to 'initMultilevelPopupMenus' for clarity.

const initMutlilevelPopupMenus = (container) => {

[barbaragr]

1. [FIXED] yarn issues after checking out.

2. If all notifications are marked as read, right corner button should be inactive like the one in table:

3. Collaboration notifications need adjustments on the list and side bar:

4. Collaboration type is missing in filters?

5. [FOLLOW-UP: IBX-10556 ] Jumping while opening/closing filters:
   https://github.com/user-attachments/assets/5ed238aa-8f48-4cc9-a7ef-3451ce660e6f

6. [FOLLOW-UP: IBX-10575 ] Type in dropdown looks misaligned a little.

7. [FOLLOW-UP: IBX-10574 ] Dates are not cleared in filters (tested on Firefox, notice that one date is in future):
   https://github.com/user-attachments/assets/3bc9d720-3082-469a-b0ba-5bb2df0178fd

8. No shade under filter's part of the table:

Figma design:

9. Part of notification is cut when content name is too long:

10. Go to Content button doesn't work:

11. Side bar: user should be able to click the notification and then should be redirected to the proper content, notification should be marked as read. If content was deleted, notification should be just marked as read when clicked.

12. Red information should be displayed in full:

13. [FIXED with yarn ] Send to review is broken. View after typing the reviewer

14. Marking as read/unread in side bar doesn't work properly - dot colour is not changing.

[barbaragr]

1. Filtering Notifications list affects sidebar. Sidebar should display last 10 notifications and should not be affected by any filtering set on the list. See attachment below:

https://github.com/user-attachments/assets/9024b652-873e-4a15-b6a7-61dd955d19cb

2. Go to content doesn’t work if I click publish on an article that was in a content review request. I’m sending a video with the reproduction steps.

go.to.content.mov

[sonarqubecloud]

Quality Gate passed

Issues
4 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[KamilSznajdrowicz]

QA Approved 🥳
Regression: ibexa/commerce#1486