From b97ec0ea52aac5c757a83d831417c254a5d97349 Mon Sep 17 00:00:00 2001
From: Nicolas Pineau <npineau@nodevo.com>
Date: Thu, 12 Jan 2023 23:49:55 +0100
Subject: [PATCH] :sparkles: allow multiple selection in tree

---
 README.md                                  | 24 ++++++++++++++++++++++
 Resources/views/form/themes/tree.html.twig |  3 ++-
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 13ea4af..59f9c58 100644
--- a/README.md
+++ b/README.md
@@ -192,6 +192,30 @@ class MediaCrudController extends AbstractCategorizedCrudController
     }
 ```
 
+If you wish to use the tree field with a ManyToMany relation, just set field attribute `multiple` to true :
+```php
+<?php
+// src/Controller/Admin/MediaCrudController.php
+namespace App\Controller\Admin;
+
+use Umanit\EasyAdminTreeBundle\Field\TreeField;
+
+class MediaCrudController extends AbstractCategorizedCrudController
+{
+
+    public function configureFields(string $pageName): iterable
+    {
+        return [
+            // ...
+            $pageName === 'index'
+                ? AssociationField::new('categories', 'My categories')
+                : TreeField::new('categories', 'My categories')
+                    ->setFormTypeOption('multiple', true),
+            // ...
+        ];
+    }
+```
+
 ### Screenshots
 Tree structure on index page
 ![screenshot1](doc/screenshots/1.jpg "Content's entries as a tree structure")
diff --git a/Resources/views/form/themes/tree.html.twig b/Resources/views/form/themes/tree.html.twig
index 4da9d8f..4ceb8b7 100644
--- a/Resources/views/form/themes/tree.html.twig
+++ b/Resources/views/form/themes/tree.html.twig
@@ -1,6 +1,7 @@
 {% block tree_field_widget %}
   <ul class="umanit_easyadmintree_tree_field umanit_easyadmintree_tree_field-container col-md-6 col-xxl-5">
   {% set previous_level = 0 %}
+  {% set inputType = form.vars.multiple ? 'checkbox' : 'radio' %}
   {%- for child in form %}
     {% set level = child.vars.attr['data-level'] is defined ? child.vars.attr['data-level'] : 0 %}
 
@@ -12,7 +13,7 @@
 
     <li>
     <div class="umanit_easyadmintree_tree_field-item {% if child.vars.checked %}umanit_easyadmintree_tree_field-item--active{% endif %}">
-      <input type="radio" id="{{ child.vars.id }}" name="{{ child.vars.full_name }}" class="form-check-input" value="{% if child.vars.value is defined %}{{ child.vars.value }}{% endif %}" {% if child.vars.checked %} checked="checked"{% endif %} />
+      <input type="{{ inputType }}" id="{{ child.vars.id }}" name="{{ child.vars.full_name }}" class="form-check-input" value="{% if child.vars.value is defined %}{{ child.vars.value }}{% endif %}" {% if child.vars.checked %} checked="checked"{% endif %} />
       <label class="form-check-label umanit_easyadmintree_tree_field-item-label" for="{{ child.vars.id }}">
         {% if loop.first %}
           {{ 'umanit.easyadmin.tree.form-field.placeholder' | trans }}