Conversation
…activation pages Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Claude <noreply@anthropic.com>
|
Contributor
Author
|
Superseded by https://github.com/ibexa/admin-ui-extras/pull/12 — the product page component moves to |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.



Description
IBX-12262 introduces promotional and activation pages for Ibexa add-ons. Both page kinds share one layout and differ only in brand values, so the shared UI lands here and the pages themselves live in the packages that own them:
ibexa/featuredrenders the promotional page for an add-on that is not enabled,ibexa/connector-qualifioandibexa/connector-raptorrender their own activation pages.This PR adds the
product_pagecomponent they all extend.Templates —
ui/component/product_page/:page.html.twigextends the admin layout and builds the two-column page (text column + brand panel with the illustration and the Discover band). Consumers setbrand(qualifioorraptor), the copy variables andlinks, then fill{% block status %},{% block details %}and{% block panel_overlay %}.banner.html.twig(add-on / dashboards teaser) andtile.html.twig(feature card) are included with already-translated strings, so every consumer keeps its own translation keys.Styles —
_product-page.scss: oneibexa-featured-free block,ibexa-product-page, with all brand differences expressed as custom properties on the--qualifioand--raptormodifiers (colours, tints, badge gradients, watermark geometry). Layout is shared: the text column has a 404px floor and does not shrink its children, the panel takes the remaining space and collapses its artwork below 460px via a container query.Assets —
img/brands/{qualifio,raptor}/: illustration, watermarks, brand icon (wrapped in a<symbol id="brand-icon">so it can be used through the design systemicon_urlprop) and, for Raptor, the translucent cards overlay plus thebadge-thumbicon that is missing from the icon sprite.Dependent PRs
Consumers of this component (they cannot render without it):
Documentation
Not needed — internal component, no public API.