change buttons attr

Author: stakovicz

src/FormCollection/Form/UXCollectionType.php

@@ -15,6 +15,7 @@
 use Symfony\Component\Form\Extension\Core\Type\CollectionType;
 use Symfony\Component\Form\FormInterface;
 use Symfony\Component\Form\FormView;
+use Symfony\Component\OptionsResolver\Options;
 use Symfony\Component\OptionsResolver\OptionsResolver;
 
 /**
@@ -30,27 +31,41 @@ public function getParent()
 
     public function configureOptions(OptionsResolver $resolver)
     {
+        $defaultButtonAddOptions = [
+            'label' => 'Add',
+            'class' => '',
+        ];
+        $defaultButtonDeleteOptions = [
+            'label' => 'Remove',
+            'class' => '',
+        ];
         $resolver->setDefaults([
-            'button_add_text' => 'Add',
-            'button_add_class' => '',
-            'button_delete_text' => 'Remove',
-            'button_delete_class' => '',
+            'button_add_options' => $defaultButtonAddOptions,
+            'button_delete_options' => $defaultButtonDeleteOptions,
         ]);
 
-        $resolver->setAllowedTypes('button_add_text', 'string');
-        $resolver->setAllowedTypes('button_add_class', 'string');
-        $resolver->setAllowedTypes('button_delete_text', 'string');
-        $resolver->setAllowedTypes('button_delete_class', 'string');
+        $resolver->setAllowedTypes('button_add_options', 'array');
+        $resolver->setAllowedTypes('button_delete_options', 'array');
+
+        $resolver->setNormalizer('button_add_options', function (Options $options, $value) use ($defaultButtonAddOptions) {
+            $value['label'] = $value['label'] ?? $defaultButtonAddOptions['label'];
+            $value['class'] = $value['class'] ?? $defaultButtonAddOptions['class'];
+            return $value;
+        });
+        $resolver->setNormalizer('button_delete_options', function (Options $options, $value) use ($defaultButtonDeleteOptions) {
+            $value['label'] = $value['label'] ?? $defaultButtonDeleteOptions['label'];
+            $value['class'] = $value['class'] ?? $defaultButtonDeleteOptions['class'];
+            return $value;
+        });
+        //dd($resolver);
     }
 
     public function finishView(FormView $view, FormInterface $form, array $options)
     {
         parent::finishView($view, $form, $options);
 
-        $view->vars['button_add_text'] = $options['button_add_text'];
-        $view->vars['button_add_class'] = $options['button_add_class'];
-        $view->vars['button_delete_text'] = $options['button_delete_text'];
-        $view->vars['button_delete_class'] = $options['button_delete_class'];
+        $view->vars['button_add_options'] = $options['button_add_options'];
+        $view->vars['button_delete_options'] = $options['button_delete_options'];
         $view->vars['prototype_name'] = $options['prototype_name'];
     }
 

src/FormCollection/README.md

@@ -90,15 +90,16 @@ class BlogFormType extends AbstractType
         $builder
             // ...
             ->add('comments', UXCollectionType::class, [
-                // ...
-                // Default text for the add button (used by predefined theme)
-                'button_add_text' => 'Add',
-                // Add HTML classes to the add button (used by predefined theme)
-                'button_add_class' => 'btn btn-outline-primary',
-                // Default text for the delete button (used by predefined theme)
-                'button_delete_text' => 'Remove',
-                // Add HTML classes to the add button (used by predefined theme)
-                'button_delete_class' => 'btn btn-outline-secondary',
+                // ...                
+                'button_add_options' => [
+                    'label' => 'Add',                       // Default text for the add button (used by predefined theme)
+                    'class' => 'btn btn-outline-primary',   // Add HTML classes to the add button (used by predefined theme)
+                ],
+                            
+                'button_delete_options' => [
+                    'label' => 'Remove',                    // Default text for the delete button (used by predefined theme)
+                    'class' => 'btn btn-outline-secondary', // Add HTML classes to the add button (used by predefined theme)
+                ],
             ])
             // ...
         ;

src/FormCollection/Resources/views/form_theme_div.html.twig

@@ -1,14 +1,13 @@
 {%- block button_add -%}
     {%- set attrDataAction = (attr['data-action']|default('') ~ ' ' ~ controllerName ~ '#add')|trim -%}
     <button data-action="{{ attrDataAction }}"
-            class="{{ button_add_class }}"  type="button">{{ button_add_text|trans }}</button>
+            class="{{ button_add_options.class }}"  type="button">{{ button_add_options.label|trans }}</button>
 {%- endblock button_add -%}
 
 {%- block button_delete -%}
     {%- set attrDataAction = (attr['data-action']|default('') ~ ' ' ~ controllerName ~ '#delete')|trim -%}
     <button data-action="{{ attrDataAction }}"
-            class="{{ button_delete_class }}" type="button">
-        {{ button_delete_text|trans }}</button>
+            class="{{ button_delete_options.class }}" type="button">{{ button_delete_options.label|trans }}</button>
 {%- endblock button_delete -%}
 
 {% block ux_collection_widget -%}

src/FormCollection/Resources/views/form_theme_table.html.twig

@@ -3,16 +3,15 @@
     <tr>
         <td colspan="2">
             <button data-action="{{ attrDataAction }}"
-                    class="{{ button_add_class }}" type="button">{{ button_add_text|trans }}</button>
+                    class="{{ button_add_options.class }}" type="button">{{ button_add_options.label|trans }}</button>
         </td>
     </tr>
 {%- endblock button_add -%}
 
 {%- block button_delete -%}
     {%- set attrDataAction = (attr['data-action']|default('') ~ ' ' ~ controllerName ~ '#delete')|trim -%}
-    <button data-action="{{ attrDataAction }}"
-            class="{{ button_delete_class }}" type="button">
-        {{ button_delete_text|trans }}</button>
+    <button data-action="{{ attrDataAction }}" class="{{ button_delete_options.class }}" type="button">
+        {{ button_delete_options.label|trans }}</button>
 {%- endblock button_delete -%}
 
 {% block ux_collection_widget -%}