From ba971e950a760a627fb3c45aeb1f57d5271cd98a Mon Sep 17 00:00:00 2001
From: Sebastien Curt <sebastien.curt@tetras-libre.fr>
Date: Tue, 22 Feb 2022 16:02:58 +0100
Subject: [PATCH] groups filter auto submit

---
 assets/app.js                      | 6 ++++++
 assets/styles/app.scss             | 8 --------
 src/Form/FilterByGroupFormType.php | 7 +------
 templates/capsule/index.html.twig  | 3 +--
 4 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/assets/app.js b/assets/app.js
index dc44da0..7c659ed 100644
--- a/assets/app.js
+++ b/assets/app.js
@@ -19,3 +19,9 @@ import './styles/app.scss';
 
 // start the Stimulus application
 import './bootstrap';
+
+$(function() {
+    $('select.choice-auto-submit').on('change', function () {
+        $(this).parents('form').submit();
+    });
+})
diff --git a/assets/styles/app.scss b/assets/styles/app.scss
index 84e8b43..0896d1f 100644
--- a/assets/styles/app.scss
+++ b/assets/styles/app.scss
@@ -28,14 +28,6 @@ form input[type=checkbox]{
   border: 1px solid;
 }
 
-button[type=submit]{
-  border: none;
-  border-radius: 3px;
-  color: #FFF;
-  opacity: 1;
-  background: #3B8C7E;
-}
-
 .memorekall-logo {
   height: 200px;
 }
diff --git a/src/Form/FilterByGroupFormType.php b/src/Form/FilterByGroupFormType.php
index 7e17f84..e2f8087 100644
--- a/src/Form/FilterByGroupFormType.php
+++ b/src/Form/FilterByGroupFormType.php
@@ -27,12 +27,7 @@ class FilterByGroupFormType extends AbstractType
                 'choice_value' => 'name',
                 'choice_name' => 'name',
                 'expanded' => false
-            ])
-            ->add(
-                'filter',
-                SubmitType::class,
-                ['label' => 'groups.filter.button']
-            );
+            ]);
     }
 
     public function configureOptions(OptionsResolver $resolver): void
diff --git a/templates/capsule/index.html.twig b/templates/capsule/index.html.twig
index 66f6ed1..b5e815a 100644
--- a/templates/capsule/index.html.twig
+++ b/templates/capsule/index.html.twig
@@ -17,8 +17,7 @@
                 {% if current_user.getGroups()|length > 1 %}
                     <div class="mb-3 mb-sm-0">
                         {{ form_start(filterByGroupForm, {'attr': {novalidate: 'novalidate', 'class': 'd-flex flex-column flex-sm-row mb-0 align-items-center pt-3'}}) }}
-                        {{ form_row(filterByGroupForm.name, {'attr': {'class': ''}})  }}
-                        {{ form_row(filterByGroupForm.filter, {'attr': {'class': 'ms-2'}})  }}
+                        {{ form_row(filterByGroupForm.name, {'attr': {'class': 'choice-auto-submit'}})  }}
                         {{ form_end(filterByGroupForm) }}
                     </div>
                 {%  endif %}
-- 
GitLab