Skip to content

IBX-12188: Replaced legacy alerts and notifications with the design-system Alert - #2034

Open
tischsoic wants to merge 5 commits into
6.0from
IBX-12188-alert-component
Open

IBX-12188: Replaced legacy alerts and notifications with the design-system Alert#2034
tischsoic wants to merge 5 commits into
6.0from
IBX-12188-alert-component

Conversation

@tischsoic

@tischsoic tischsoic commented Aug 26, 2026

Copy link
Copy Markdown
Contributor

Warning

Contains a TEMPORARY dependencies.json commit pinning design-system-twig + admin-ui-assets (IBX-12188-alert-component) for browser tests. Remove that commit and the ibexa/admin-ui-assets IBX-12188-alert-component [TMP] branch before merging.

🎫 Issue IBX-12188

Related PRs:

Description:

Legacy alerts and toast notifications now render the design-system Alert:

  • ui/component/alert/alert.html.twig and ui-dev/.../common/alert/alert.js are deprecated adapters over <twig:ibexa:alert> / @ids-components/components/Alert — the existing include/embed call sites across packages keep working (size, show_subtitle_below, attr and the title block are no longer supported). Inline renders get ibexa-alert-adapter for the bottom margin Bootstrap's .alert used to add.
  • Toasts: notification.html.twig is rendered once per type into data-template-<type>; admin.notifications.js / admin.error.page.js initialise the DS Alert behaviour on each toast and dismiss through it (no Bootstrap Alert). ibexa.helpers.notification.* API unchanged.
  • _alerts.scss removed; only ids-alert* classes remain (Behat locators and the invitation-modal JS updated).

Merge order: after design-system + design-system-twig (and an admin-ui-assets bump to a design-system build containing Alert).

For QA:

Login with wrong credentials (inline error alert); publish content (success toast auto-closes after 5 s, error toasts stay until closed); reset-password confirmation; user invitation modal warnings (close hides them); Content type edit "non-translatable fields" warning.

Documentation:

Legacy alert.html.twig params size, show_subtitle_below, attr and the title block are dropped; new code should use <twig:ibexa:alert>.

…ystem Alert

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Claude <noreply@anthropic.com>
Comment on lines +3 to +4
// Transitional: keeps the spacing legacy `alert.html.twig` call sites got from Bootstrap's `.alert` margin.
// Goes away together with the adapter template.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

change these comments into TODO: comment

Comment on lines +1 to +6
{#
Compatibility wrapper around the design-system <twig:ibexa:alert> component, kept for the
existing `include`/`embed` call sites. New code should use <twig:ibexa:alert> directly.
Legacy params `size`, `show_subtitle_below` and `attr` are ignored; the `title` block is gone (title is a plain string prop).
Inline renders get `ibexa-alert-adapter`, which restores the bottom margin Bootstrap's `.alert` used to add.
#}

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Change into TODO comment

tischsoic and others added 3 commits August 28, 2026 15:04
Co-Authored-By: Claude <noreply@anthropic.com>
…helper.js

Co-Authored-By: Claude <noreply@anthropic.com>
@sonarqubecloud

Copy link
Copy Markdown

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.

5 participants