Fix variable 'prototype' does not exist on 'allow_add' = false

README.md

@@ -38,8 +38,8 @@ class PostType extends AbstractType
     {
         $builder
             // ...
-            ->add('attachments', CollectionJsType::class, [
-                'entry_type' => FileType::class,
+            ->add('authors', CollectionJsType::class, [
+                'entry_type' => TextType::class,
                 'allow_add' => true,
                 'allow_delete' => true,
                 'allow_move_up' => true,

src/Form/CollectionJsType.php

@@ -4,6 +4,7 @@
 
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\Extension\Core\Type\CollectionType;
+use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\Form\FormInterface;
 use Symfony\Component\Form\FormView;
 use Symfony\Component\OptionsResolver\Options;
@@ -19,6 +20,24 @@ public function getParent(): string
         return CollectionType::class;
     }
 
+    /**
+     * {@inheritdoc}
+     */
+    public function buildForm(FormBuilderInterface $builder, array $options)
+    {
+        $prototypeOptions = array_replace([
+            'required' => $options['required'],
+            'label' => $options['prototype_name'].'label__',
+        ], $options['entry_options']);
+
+        if (null !== $options['prototype_data']) {
+            $prototypeOptions['data'] = $options['prototype_data'];
+        }
+
+        $prototype = $builder->create($options['prototype_name'], $options['entry_type'], $prototypeOptions);
+        $builder->setAttribute('prototype', $prototype->getForm());
+    }
+
     /**
      * {@inheritdoc}
      */

src/Resources/views/bootstrap_3_layout.html.twig

@@ -1,12 +1,6 @@
 {% use "@CollectionJs/bootstrap_base_layout.html.twig" %}
 
-{% block collection_js_accordion %}
-    <div class="panel-group collection-js-root" data-prototype="{{ form_widget(prototype) | e }}" role="tablist" aria-multiselectable="true">
-        {% for child in form|filter(child => not child.rendered) %}
-            {{- form_widget(child) -}}
-        {% endfor %}
-    </div>
-{% endblock collection_js_accordion %}
+{% block collection_js_accordion_class %}panel-group{% endblock collection_js_accordion_class %}
 
 {% block collection_js_accordion_item %}
     <div class="panel panel-default">

src/Resources/views/bootstrap_4_layout.html.twig

@@ -1,13 +1,5 @@
 {% use "@CollectionJs/bootstrap_base_layout.html.twig" %}
 
-{% block collection_js_accordion %}
-    <div class="collection-js-root" data-prototype="{{ form_widget(prototype) | e }}">
-        {% for child in form|filter(child => not child.rendered) %}
-            {{- form_widget(child) -}}
-        {% endfor %}
-    </div>
-{% endblock collection_js_accordion %}
-
 {% block collection_js_accordion_item %}
     <div class="card">
         <div class="card-header">

src/Resources/views/bootstrap_5_layout.html.twig

@@ -1,12 +1,6 @@
 {% use "@CollectionJs/bootstrap_base_layout.html.twig" %}
 
-{% block collection_js_accordion %}
-    <div class="accordion collection-js-root" data-prototype="{{ form_widget(prototype) | e }}">
-        {% for child in form|filter(child => not child.rendered) %}
-            {{- form_widget(child) -}}
-        {% endfor %}
-    </div>
-{% endblock collection_js_accordion %}
+{% block collection_js_accordion_class %}accordion{% endblock collection_js_accordion_class %}
 
 {% block collection_js_accordion_item %}
     <div class="accordion-item">

src/Resources/views/form_div_layout.html.twig

@@ -34,13 +34,15 @@
 {% endblock collection_js_add_button %}
 
 {% block collection_js_accordion %}
-    <div class="collection-js-root" data-prototype="{{ form_widget(prototype) | e }}">
+    <div class="{{ block('collection_js_accordion_class') }} collection-js-root" data-prototype="{{ form_widget(prototype) | e }}">
         {% for child in form|filter(child => not child.rendered) %}
             {{- form_widget(child) -}}
         {% endfor %}
     </div>
 {% endblock collection_js_accordion %}
 
+{% block collection_js_accordion_class %}{% endblock collection_js_accordion_class %}
+
 {% block collection_js_entry_widget %}
     {{ block('collection_js_accordion_item') }}
 {% endblock collection_js_entry_widget %}