feature #6090 CollectionField allow html (tpatartmajeur)

This PR was squashed before being merged into the 4.x branch.

Discussion
----------

CollectionField allow html

Allow to render HTML in options of association field including remote data

Commits
-------

ab68022 -
e7ca390 CollectionField allow html

assets/js/autocomplete.js

@@ -93,6 +93,7 @@ export default class Autocomplete
     }
 
     #createAutocompleteWithRemoteData(element, autocompleteEndpointUrl) {
+        const renderOptionsAsHtml = 'true' === element.getAttribute('data-ea-autocomplete-render-items-as-html');
         const config = this.#mergeObjects(this.#getCommonConfig(element), {
             valueField: 'entityId',
             labelField: 'entityAsString',
@@ -122,10 +123,10 @@ export default class Autocomplete
             },
             render: {
                 option: function(item, escape) {
-                    return `<div>${escape(item.entityAsString)}</div>`;
+                    return `<div>${renderOptionsAsHtml ? item.entityAsString : escape(item.entityAsString)}</div>`;
                 },
                 item: function(item, escape) {
-                    return `<div>${escape(item.entityAsString)}</div>`;
+                    return `<div>${renderOptionsAsHtml ? item.entityAsString : escape(item.entityAsString)}</div>`;
                 },
                 loading_more: function(data, escape) {
                     return `<div class="loading-more-results">${element.getAttribute('data-ea-i18n-loading-more-results')}</div>`;

src/Field/AssociationField.php

@@ -37,6 +37,7 @@ final class AssociationField implements FieldInterface
     public const OPTION_EMBEDDED_CRUD_FORM_EDIT_PAGE_NAME = 'crudEditPageName';
     // the name of the property in the associated entity used to sort the results (only for *-To-One associations)
     public const OPTION_SORT_PROPERTY = 'sortProperty';
+    public const OPTION_ESCAPE_HTML_CONTENTS = 'escapeHtml';
 
     /**
      * @param TranslatableInterface|string|false|null $label
@@ -58,7 +59,8 @@ public static function new(string $propertyName, $label = null): self
             ->setCustomOption(self::OPTION_DOCTRINE_ASSOCIATION_TYPE, null)
             ->setCustomOption(self::OPTION_RENDER_AS_EMBEDDED_FORM, false)
             ->setCustomOption(self::OPTION_EMBEDDED_CRUD_FORM_NEW_PAGE_NAME, null)
-            ->setCustomOption(self::OPTION_EMBEDDED_CRUD_FORM_EDIT_PAGE_NAME, null);
+            ->setCustomOption(self::OPTION_EMBEDDED_CRUD_FORM_EDIT_PAGE_NAME, null)
+            ->setCustomOption(self::OPTION_ESCAPE_HTML_CONTENTS, true);
     }
 
     public function autocomplete(): self
@@ -105,4 +107,11 @@ public function setSortProperty(string $orderProperty): self
 
         return $this;
     }
+
+    public function escapeHtml(bool $escape = true): self
+    {
+        $this->setCustomOption(self::OPTION_ESCAPE_HTML_CONTENTS, $escape);
+
+        return $this;
+    }
 }

src/Field/Configurator/AssociationConfigurator.php

@@ -92,6 +92,8 @@ public function configure(FieldDto $field, EntityDto $entityDto, AdminContext $c
             $field->setFormTypeOption('attr.data-ea-widget', 'ea-autocomplete');
         }
 
+        $field->setFormTypeOption('attr.data-ea-autocomplete-render-items-as-html', true === $field->getCustomOption(AssociationField::OPTION_ESCAPE_HTML_CONTENTS) ? 'false' : 'true');
+
         // check for embedded associations
         $propertyNameParts = explode('.', $propertyName);
         if (\count($propertyNameParts) > 1) {

src/Resources/public/entrypoints.json

@@ -6,7 +6,7 @@
         "/app.19616e33.rtl.css"
       ],
       "js": [
-        "/app.5a01f8c5.js"
+        "/app.18be9a54.js"
       ]
     },
     "form": {

src/Resources/public/manifest.json

@@ -1,7 +1,7 @@
 {
   "app.css": "app.19616e33.css",
   "app.rtl.css": "app.19616e33.rtl.css",
-  "app.js": "app.5a01f8c5.js",
+  "app.js": "app.18be9a54.js",
   "form.js": "form.6e84c31d.js",
   "page-layout.js": "page-layout.3347892e.js",
   "page-color-scheme.js": "page-color-scheme.4c28406c.js",