Add more facet form builders

Author: loevgaard

src/Form/Builder/ToggleFacetFormBuilder.php src/Form/Builder/CheckboxFacetFormBuilder.php

@@ -8,7 +8,7 @@
 use Symfony\Component\Form\FormBuilderInterface;
 use function Symfony\Component\String\u;
 
-final class ToggleFacetFormBuilder implements FacetFormBuilderInterface
+final class CheckboxFacetFormBuilder implements FacetFormBuilderInterface
 {
     public function build(FormBuilderInterface $builder, string $name, array $values, array $stats = null): void
     {

src/Form/Builder/ChoiceFacetFormBuilder.php

@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Setono\SyliusMeilisearchPlugin\Form\Builder;
+
+use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
+use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
+use Symfony\Component\Form\FormBuilderInterface;
+use function Symfony\Component\String\u;
+
+final class ChoiceFacetFormBuilder implements FacetFormBuilderInterface
+{
+    public function build(FormBuilderInterface $builder, string $name, array $values, array $stats = null): void
+    {
+        $keys = array_keys($values);
+        $choices = array_combine($keys, $keys);
+
+        $builder->add($name, ChoiceType::class, [
+            'label' => sprintf('setono_sylius_meilisearch.form.search.facet.%s', u($name)->snake()),
+            'choices' => $choices,
+            'expanded' => true,
+            'multiple' => true,
+            'required' => false,
+        ]);
+    }
+
+    public function supports(string $name, array $values, array $stats = null): bool
+    {
+        foreach (array_keys($values) as $value) {
+            if (is_numeric($value)) {
+                return false;
+            }
+        }
+
+        return true;
+
+    }
+}

src/Resources/config/services/form.xml

@@ -2,16 +2,21 @@
 <container xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://symfony.com/schema/dic/services"
            xsi:schemaLocation="http://symfony.com/schema/dic/services http://symfony.com/schema/dic/services/services-1.0.xsd">
     <services>
-        <!-- Builders -->
+        <!-- Facet form builders -->
         <service id="Setono\SyliusMeilisearchPlugin\Form\Builder\FacetFormBuilderInterface"
                  alias="Setono\SyliusMeilisearchPlugin\Form\Builder\CompositeFacetFormBuilder"/>
 
         <service id="Setono\SyliusMeilisearchPlugin\Form\Builder\CompositeFacetFormBuilder"/>
 
-        <service id="Setono\SyliusMeilisearchPlugin\Form\Builder\ToggleFacetFormBuilder">
+        <service id="Setono\SyliusMeilisearchPlugin\Form\Builder\CheckboxFacetFormBuilder">
             <tag name="setono_sylius_meilisearch.facet_form_builder"/>
         </service>
 
+        <service id="Setono\SyliusMeilisearchPlugin\Form\Builder\ChoiceFacetFormBuilder">
+            <tag name="setono_sylius_meilisearch.facet_form_builder"/>
+        </service>
+
+        <!-- Search form builder -->
         <service id="Setono\SyliusMeilisearchPlugin\Form\Builder\SearchFormBuilderInterface"
                  alias="Setono\SyliusMeilisearchPlugin\Form\Builder\SearchFormBuilder"/>
 

src/Resources/translations/messages.en.yaml

@@ -3,6 +3,7 @@ setono_sylius_meilisearch:
         search:
             facet:
                 on_sale: On sale
+                size: Size
             q_placeholder: Search...
             update_filter: Update filter
     ui:

src/Resources/views/search/index.html.twig

@@ -1,19 +1,16 @@
 {# @var items \Sylius\Component\Core\Model\ProductInterface[] #}
 {% extends '@SyliusShop/layout.html.twig' %}
 
+{% form_theme searchForm '@SyliusShop/Form/theme.html.twig' %}
+
 {% block content %}
     <h1 class="ui monster section dividing header">
         Search results
     </h1>
     <div class="ui stackable grid">
         <div class="four wide column">
-            {{ form_start(searchForm) }}
-                {% if searchForm.onSale is defined %}
-                    {{ form_row(searchForm.onSale) }}
-                {% endif %}
-
-                <button class="ui button" type="submit">{{ 'setono_sylius_meilisearch.form.search.update_filter'|trans }}</button>
-            {{ form_end(searchForm) }}
+            {{ form(searchForm, { 'attr': { 'id': 'search-form', 'class': 'ui form' } }) }}
+            <button class="ui button" type="submit" form="search-form">{{ 'setono_sylius_meilisearch.form.search.update_filter'|trans }}</button>
         </div>
         <div class="twelve wide column">
             <div class="ui three cards">