groups filter auto submit

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();
+    });
+})

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;
 }

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

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 %}