Merge branch hotfix/v2.3.16

Author: roadiz-ci

src/Forms/CustomFormFieldType.php

@@ -5,7 +5,9 @@
 namespace Themes\Rozier\Forms;
 
 use RZ\Roadiz\CoreBundle\Entity\CustomFormField;
+use RZ\Roadiz\CoreBundle\Form\DataListTextType;
 use RZ\Roadiz\CoreBundle\Form\MarkdownType;
+use RZ\Roadiz\CoreBundle\Repository\CustomFormFieldRepository;
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
 use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
@@ -16,6 +18,20 @@
 
 class CustomFormFieldType extends AbstractType
 {
+    public function __construct(
+        private readonly CustomFormFieldRepository $customFormFieldRepository
+    ) {
+    }
+
+    /**
+     * @param CustomFormField $field
+     * @return string[]
+     */
+    protected function getAllGroupsNames(CustomFormField $field): array
+    {
+        return $this->customFormFieldRepository->findDistinctGroupNamesInCustomForm($field->getCustomForm());
+    }
+
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder->add('label', TextType::class, [
@@ -57,10 +73,51 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
                     ],
                 ]
             )
-            ->add('groupName', TextType::class, [
+            ->add('groupName', DataListTextType::class, [
                 'label' => 'groupName',
                 'required' => false,
                 'help' => 'use_the_same_group_names_over_fields_to_gather_them_in_tabs',
+                'list' => $this->getAllGroupsNames($builder->getData()),
+                'listName' => 'group-names',
+                'attr' => [
+                    'autocomplete' => 'off',
+                ],
+            ])
+            ->add('autocomplete', ChoiceType::class, [
+                'label' => 'customForm.autocomplete',
+                'help' => 'customForm.autocomplete.help',
+                'choices' => [
+                    'off',
+                    'name',
+                    'honorific-prefix',
+                    'honorific-suffix',
+                    'given-name',
+                    'additional-name',
+                    'family-name',
+                    'nickname',
+                    'email',
+                    'username',
+                    'organization-title',
+                    'organization',
+                    'street-address',
+                    'country',
+                    'country-name',
+                    'postal-code',
+                    'bday',
+                    'bday-day',
+                    'bday-month',
+                    'bday-year',
+                    'sex',
+                    'tel',
+                    'tel-national',
+                    'url',
+                    'photo',
+                ],
+                'placeholder' => 'autocomplete.no_autocomplete',
+                'choice_label' => function ($choice, $key, $value) {
+                    return 'autocomplete.' . $value;
+                },
+                'required' => false,
             ]);
     }
 

src/Resources/views/custom-form-fields/list.html.twig

@@ -25,6 +25,7 @@
                         <th>{% trans %}label{% endtrans %}</th>
                         <th class="mobile-hidden">{% trans %}type{% endtrans %}</th>
                         <th class="mobile-hidden">{% trans %}group{% endtrans %}</th>
+                        <th class="mobile-hidden">{% trans %}required{% endtrans %}</th>
                         <th class="table-actions-row table-actions-row-2">{% trans %}actions{% endtrans %}</th>
                     </tr>
                     </thead>
@@ -40,6 +41,15 @@
                             </td>
                             <td class="mobile-hidden">{{ field.typeName|trans }}</td>
                             <td class="mobile-hidden">{{ field.groupName|trans }}</td>
+                            <td class="mobile-hidden">
+                                {% if field.required %}
+                                    <div class="uk-button-status"
+                                         title="{% trans %}required{% endtrans %}"
+                                         data-uk-tooltip="{animation:true}">
+                                        <i class="uk-icon-asterisk"></i>
+                                    </div>
+                                {% endif %}
+                            </td>
                             <td class="table-actions-row table-actions-row-2">
                                 {% apply spaceless %}
                                     <a class="uk-button uk-button-content uk-button-small custom-form-field-edit-button rz-no-ajax-link" href="{{ path('customFormFieldsEditPage', { customFormFieldId: field.getId }) }}" title="{% trans %}edit{% endtrans %}" data-uk-tooltip="{animation:true}" data-index="{{ loop.index0 }}"><i class="uk-icon-rz-pencil"></i></a>