Feature: add the ability to filter members in the SOG nametrainer (#1071)

* Intial commit

* Update label text for former members checkbox

* Update app/controllers/sog/name-trainer.js

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* fix lint

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Author: lodewiges

app/controllers/sog/name-trainer.js

@@ -17,6 +17,7 @@ export default class SogNameTrainerController extends Controller {
   @tracked started = false;
   @tracked finished = false;
   @tracked answered = false;
+  @tracked showFormerMembers = false;
 
   queryParams = ['groupId', 'difficulty'];
 
@@ -84,7 +85,12 @@ export default class SogNameTrainerController extends Controller {
     if (!group) {
       return [];
     }
-    const memberships = await group.get('memberships');
+    let memberships = await group.get('memberships');
+
+    if (!this.showFormerMembers) {
+      memberships = memberships.filterBy('userIsCurrentlyMember', true);
+    }
+
     return await Promise.all(memberships.mapBy('user'));
   }
 

app/templates/sog/name-trainer.hbs

@@ -236,10 +236,22 @@
             @value={{this.difficulty}}
           />
         </div>
+
+        <div class='form-check mb-3'>
+          <Input
+            @type='checkbox'
+            @checked={{this.showFormerMembers}}
+            class='form-check-input'
+            id="show-former-members-check"
+          />
+          <label class='form-check-label' for="show-former-members-check">
+            Ook oudleden trainen
+          </label>
+        </div>
       </div>
       <div class='card-footer text-end'>
         <a class='btn btn-primary' {{on 'click' startTrainer}}>Starten</a>
       </div>
     {{/if}}
   </div>
-</div>
+</div>