fixup! feat(dropzone): enable multiple file uploads

Author: daFish

src/Dropzone/Form/DropzoneType.php

@@ -30,6 +30,7 @@ public function configureOptions(OptionsResolver $resolver)
             'attr' => [
                 'placeholder' => 'Drag and drop or browse',
             ],
+            'multiple' => false,
         ]);
     }
 

src/Dropzone/Resources/views/form_theme.html.twig

@@ -2,8 +2,10 @@
     {%- set dataController = (attr['data-controller']|default('') ~ ' symfony--ux-dropzone--dropzone')|trim -%}
     {%- set attr = attr|merge({ 'data-controller': '', class: (attr.class|default('') ~ ' dropzone-input')|trim}) -%}
 
+
     <div class="dropzone-container" data-controller="{{ dataController }}">
-        <input type="file" {{ block('widget_attributes') }} data-symfony--ux-dropzone--dropzone-target="input" multiple />
+        <input type="file" {{ block('widget_attributes') }} data-symfony--ux-dropzone--dropzone-target="input"
+               {%- if attr.multiple -%}multiple{% endif%} />
 
         <div class="dropzone-placeholder" data-symfony--ux-dropzone--dropzone-target="placeholder">
             {%- if attr.placeholder is defined and attr.placeholder is not none -%}

src/Dropzone/Tests/Form/DropzoneTypeTest.php

@@ -12,6 +12,7 @@
 namespace Symfony\UX\Dropzone\Tests;
 
 use PHPUnit\Framework\TestCase;
+use Symfony\Component\DependencyInjection\ContainerInterface;
 use Symfony\Component\Form\FormFactoryInterface;
 use Symfony\UX\Dropzone\Form\DropzoneType;
 use Symfony\UX\Dropzone\Tests\Kernel\TwigAppKernel;
@@ -24,18 +25,24 @@
  */
 class DropzoneTypeTest extends TestCase
 {
-    public function testRenderForm()
+    private ContainerInterface $kernel;
+
+    public function setUp(): void
     {
         $kernel = new TwigAppKernel('test', true);
         $kernel->boot();
-        $container = $kernel->getContainer()->get('test.service_container');
 
-        $form = $container->get(FormFactoryInterface::class)->createBuilder()
+        $this->container = $kernel->getContainer()->get('test.service_container');
+    }
+
+    public function testRenderForm()
+    {
+        $form = $this->container->get(FormFactoryInterface::class)->createBuilder()
             ->add('photo', DropzoneType::class, ['attr' => ['data-controller' => 'mydropzone']])
             ->getForm()
         ;
 
-        $rendered = $container->get(Environment::class)->render('dropzone_form.html.twig', ['form' => $form->createView()]);
+        $rendered = $this->container->get(Environment::class)->render('dropzone_form.html.twig', ['form' => $form->createView()]);
 
         $this->assertSame(
             '<form name="form" method="post" enctype="multipart/form-data"><div id="form"><div><label for="form_photo" class="required">Photo</label><div class="dropzone-container" data-controller="mydropzone symfony--ux-dropzone--dropzone">
@@ -57,4 +64,34 @@ public function testRenderForm()
             str_replace(' >', '>', $rendered)
         );
     }
+
+    public function testRenderFormWithMultiFileUploads(): void
+    {
+        $form = $this->container->get(FormFactoryInterface::class)->createBuilder()
+            ->add('photo', DropzoneType::class, ['attr' => ['data-controller' => 'mydropzone'], 'multiple' => true])
+            ->getForm()
+        ;
+
+        $rendered = $this->container->get(Environment::class)->render('dropzone_form.html.twig', ['form' => $form->createView()]);
+
+        $this->assertSame(
+            '<form name="form" method="post" enctype="multipart/form-data"><div id="form"><div><label for="form_photo" class="required">Photo</label><div class="dropzone-container" data-controller="mydropzone symfony--ux-dropzone--dropzone">
+        <input type="file" id="form_photo" name="form[photo]" required="required" data-controller="" class="dropzone-input" data-symfony--ux-dropzone--dropzone-target="input" multiple />
+
+        <div class="dropzone-placeholder" data-symfony--ux-dropzone--dropzone-target="placeholder"></div>
+
+        <div class="dropzone-preview" data-symfony--ux-dropzone--dropzone-target="preview" style="display: none">
+            <button class="dropzone-preview-button" type="button"
+                    data-symfony--ux-dropzone--dropzone-target="previewClearButton"></button>
+
+            <div class="dropzone-preview-image" style="display: none"
+                 data-symfony--ux-dropzone--dropzone-target="previewImage"></div>
+
+            <div data-symfony--ux-dropzone--dropzone-target="previewFilename" class="dropzone-preview-filename"></div>
+        </div>
+    </div></div></div></form>
+',
+            str_replace(' >', '>', $rendered)
+        );
+    }
 }