Skip to content

Add preview color attribute feature#452

Merged
javihgil merged 3 commits into5.5from
add-preview-color-attribute-feature
Mar 27, 2026
Merged

Add preview color attribute feature#452
javihgil merged 3 commits into5.5from
add-preview-color-attribute-feature

Conversation

@javihgil
Copy link
Copy Markdown
Member

No description provided.

@javihgil javihgil requested review from Copilot and evabelpeq March 26, 2026 15:54
@javihgil javihgil changed the base branch from 6.0 to 5.5 March 26, 2026 15:54
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Adds support for live-previewing color attributes (e.g., fill, stroke) in module previews by linking form color inputs to preview elements via generated data-attributes.

Changes:

  • Added a link_color_attribute Twig macro and a new admin preview JS feature to propagate color input values into preview element attributes.
  • Extended sfs_cms_form_view_set_attr / _update_link_value to optionally support multiple linked targets per input (comma-separated values).
  • Added a show_toggler option to ColorType and updated the cms_color_widget theme to optionally render without the enable/disable checkbox; hardened color-type.js null checks.

Reviewed changes

Copilot reviewed 7 out of 7 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
templates/macros/modules_edit.html.twig Adds link_color_attribute macro and extends _update_link_value for multi-target linking.
templates/forms/types_theme.html.twig Makes the color “toggler” UI optional based on show_toggler.
src/Twig/Extension/EditFormExtension.php Updates formViewSetAttr to support appending multiple unique values.
src/Form/Type/ColorType.php Introduces show_toggler option and exposes it to Twig via buildView.
assets/scripts/types/color-type.js Adds guards to avoid errors when expected DOM wrappers aren’t present.
assets/scripts/admin/content-edit/preview-color-attribute.js New feature: updates preview element attributes from linked color inputs.
assets/scripts/admin-cms.js Registers the new preview feature in the admin bundle entrypoint.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
evabelpeq
evabelpeq previously approved these changes Mar 27, 2026
@javihgil javihgil merged commit 0ef04ae into 5.5 Mar 27, 2026
3 checks passed
@javihgil javihgil deleted the add-preview-color-attribute-feature branch March 27, 2026 08:20
javihgil added a commit that referenced this pull request Mar 27, 2026
* Support preview color to custom attributes

* Apply suggestion from @Copilot

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Fix code style

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
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.

3 participants