Symfony6 - Forms and ManyToMany relationship, what field to use? - forms

Question

I'm using Symfony 6.
I have 2 entities 'Article' and 'Picture', with a ManyToMany relationship between both (ie : an Article can have several Picture(s), a Picture can belong to several Article(s));
I made a CRUD:Article and a CRUD:Picture.
Now I when I create a new Article via the form, I would like to have the ability to select what Picture(s) I want to put in my new Article. But I cannot find a way to do that. In the form I only have add->('pictures') in the $builder I can't figure how to set the field to have something like a choiceType where I could select what Picture I want, then save the Article and save the resulting line in the join table...
Any help would be appreciated :)
Sorry for my english (not my native language)
Here my Article entity
namespace App\Form;
use App\Entity\Article;
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilderInterface;
use Symfony\Component\OptionsResolver\OptionsResolver;
class ArticleType extends AbstractType
{
public function buildForm(FormBuilderInterface $builder, array $options): void
{
$builder
->add('title')
->add('chapo')
->add('content')
->add('pictures')
;
}
public function configureOptions(OptionsResolver $resolver): void
{
$resolver->setDefaults([
'data_class' => Article::class,
]);
}
}
And my Picture entity:
namespace App\Entity;
use App\Repository\PictureRepository;
use Doctrine\Common\Collections\ArrayCollection;
use Doctrine\Common\Collections\Collection;
use Doctrine\ORM\Mapping as ORM;
#[ORM\Entity(repositoryClass: PictureRepository::class)]
class Picture
{
#[ORM\Id]
#[ORM\GeneratedValue]
#[ORM\Column]
private ?int $id = null;
#[ORM\Column(length: 255)]
private ?string $title = null;
#[ORM\Column(length: 255, nullable: true)]
private ?string $altText = null;
#[ORM\Column(length: 255, nullable: true)]
private ?string $maxWidth = null;
#[ORM\Column(length: 255, nullable: true)]
private ?string $minWidth = null;
#[ORM\Column(length: 255, nullable: true)]
private ?string $maxHeight = null;
#[ORM\Column(length: 255, nullable: true)]
private ?string $minHeight = null;
#[ORM\Column(length: 255)]
private ?string $picture = null;
#[ORM\ManyToMany(targetEntity: Article::class, mappedBy: 'pictures')]
private Collection $articles;
public function __construct()
{
$this->articles = new ArrayCollection();
}
public function getId(): ?int
{
return $this->id;
}
public function getTitle(): ?string
{
return $this->title;
}
public function setTitle(string $title): self
{
$this->title = $title;
return $this;
}
public function getAltText(): ?string
{
return $this->altText;
}
public function setAltText(?string $altText): self
{
$this->altText = $altText;
return $this;
}
public function getMaxWidth(): ?string
{
return $this->maxWidth;
}
public function setMaxWidth(?string $maxWidth): self
{
$this->maxWidth = $maxWidth;
return $this;
}
public function getMinWidth(): ?string
{
return $this->minWidth;
}
public function setMinWidth(?string $minWidth): self
{
$this->minWidth = $minWidth;
return $this;
}
public function getMaxHeight(): ?string
{
return $this->maxHeight;
}
public function setMaxHeight(?string $maxHeight): self
{
$this->maxHeight = $maxHeight;
return $this;
}
public function getMinHeight(): ?string
{
return $this->minHeight;
}
public function setMinHeight(?string $minHeight): self
{
$this->minHeight = $minHeight;
return $this;
}
public function getPicture(): ?string
{
return $this->picture;
}
public function setPicture(string $picture): self
{
$this->picture = $picture;
return $this;
}
/**
* #return Collection<int, Article>
*/
public function getArticles(): Collection
{
return $this->articles;
}
public function addArticle(Article $article): self
{
if (!$this->articles->contains($article)) {
$this->articles->add($article);
$article->addPicture($this);
}
return $this;
}
public function removeArticle(Article $article): self
{
if ($this->articles->removeElement($article)) {
$article->removePicture($this);
}
return $this;
}
}
And my Form :
namespace App\Form;
use App\Entity\Article;
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilderInterface;
use Symfony\Component\OptionsResolver\OptionsResolver;
class ArticleType extends AbstractType
{
public function buildForm(FormBuilderInterface $builder, array $options): void
{
$builder
->add('title')
->add('chapo')
->add('content')
->add('pictures')
;
}
public function configureOptions(OptionsResolver $resolver): void
{
$resolver->setDefaults([
'data_class' => Article::class,
]);
}
}
Finally the controllers
PictureController
namespace App\Controller;
use App\Entity\Picture;
use App\Form\PictureType;
use App\Repository\PictureRepository;
use Doctrine\ORM\EntityManagerInterface;
use Symfony\Component\HttpFoundation\Request;
use Symfony\Component\HttpFoundation\Response;
use Symfony\Component\Routing\Annotation\Route;
use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
#[Route('/picture')]
class PictureController extends AbstractController
{
#[Route('/', name: 'app_picture_index', methods: ['GET'])]
public function index(PictureRepository $pictureRepository): Response
{
return $this->render('picture/index.html.twig', [
'pictures' => $pictureRepository->findAll(),
]);
}
#[Route('/new', name: 'app_picture_new', methods: ['GET', 'POST'])]
public function new(Request $request, PictureRepository $pictureRepository,EntityManagerInterface $entityManager): Response
{
$picture = new Picture();
$form = $this->createForm(PictureType::class, $picture, ['add' => true]);
$form->handleRequest($request);
if ($form->isSubmitted() && $form->isValid()) {
$pict = $form->get('picture')->getData();
if($pict)
{
$nomPicture = date('YmdHis') . "-" . uniqid() . "." . $pict->getClientOriginalExtension();
$pict->move(
$this->getParameter('pictures_directory'),
$nomPicture
);
$picture->setPicture($nomPicture);
}
$entityManager->persist($picture);
$entityManager->flush();
$pictureRepository->add($picture, true);
return $this->redirectToRoute('app_picture_index', [], Response::HTTP_SEE_OTHER);
}
return $this->renderForm('picture/new.html.twig', [
'picture' => $picture,
'form' => $form,
]);
}
#[Route('/{id}', name: 'app_picture_show', methods: ['GET'])]
public function show(Picture $picture): Response
{
return $this->render('picture/show.html.twig', [
'picture' => $picture,
]);
}
#[Route('/{id}/edit', name: 'app_picture_edit', methods: ['GET', 'POST'])]
public function edit(Request $request, Picture $picture, PictureRepository $pictureRepository): Response
{
$form = $this->createForm(PictureType::class, $picture);
$form->handleRequest($request);
if ($form->isSubmitted() && $form->isValid()) {
$pictureRepository->add($picture, true);
return $this->redirectToRoute('app_picture_index', [], Response::HTTP_SEE_OTHER);
}
return $this->renderForm('picture/edit.html.twig', [
'picture' => $picture,
'form' => $form,
]);
}
#[Route('/{id}', name: 'app_picture_delete', methods: ['POST'])]
public function delete(Request $request, Picture $picture, PictureRepository $pictureRepository): Response
{
if ($this->isCsrfTokenValid('delete'.$picture->getId(), $request->request->get('_token'))) {
$pictureRepository->remove($picture, true);
}
return $this->redirectToRoute('app_picture_index', [], Response::HTTP_SEE_OTHER);
}
}
ArticleController
namespace App\Controller;
use App\Entity\Article;
use App\Form\ArticleType;
use App\Repository\ArticleRepository;
use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
use Symfony\Component\HttpFoundation\Request;
use Symfony\Component\HttpFoundation\Response;
use Symfony\Component\Routing\Annotation\Route;
#[Route('/article')]
class ArticleController extends AbstractController
{
#[Route('/', name: 'app_article_index', methods: ['GET'])]
public function index(ArticleRepository $articleRepository): Response
{
return $this->render('article/index.html.twig', [
'articles' => $articleRepository->findAll(),
]);
}
#[Route('/new', name: 'app_article_new', methods: ['GET', 'POST'])]
public function new(Request $request, ArticleRepository $articleRepository): Response
{
$article = new Article();
$form = $this->createForm(ArticleType::class, $article);
$form->handleRequest($request);
if ($form->isSubmitted() && $form->isValid()) {
$articleRepository->add($article, true);
return $this->redirectToRoute('app_article_index', [], Response::HTTP_SEE_OTHER);
}
return $this->renderForm('article/new.html.twig', [
'article' => $article,
'form' => $form,
]);
}
#[Route('/{id}', name: 'app_article_show', methods: ['GET'])]
public function show(Article $article): Response
{
return $this->render('article/show.html.twig', [
'article' => $article,
]);
}
#[Route('/{id}/edit', name: 'app_article_edit', methods: ['GET', 'POST'])]
public function edit(Request $request, Article $article, ArticleRepository $articleRepository): Response
{
$form = $this->createForm(ArticleType::class, $article);
$form->handleRequest($request);
if ($form->isSubmitted() && $form->isValid()) {
$articleRepository->add($article, true);
return $this->redirectToRoute('app_article_index', [], Response::HTTP_SEE_OTHER);
}
return $this->renderForm('article/edit.html.twig', [
'article' => $article,
'form' => $form,
]);
}
#[Route('/{id}', name: 'app_article_delete', methods: ['POST'])]
public function delete(Request $request, Article $article, ArticleRepository $articleRepository): Response
{
if ($this->isCsrfTokenValid('delete'.$article->getId(), $request->request->get('_token'))) {
$articleRepository->remove($article, true);
}
return $this->redirectToRoute('app_article_index', [], Response::HTTP_SEE_OTHER);
}
}