Skip to content

Conversation

@JonLD
Copy link
Collaborator

@JonLD JonLD commented Dec 6, 2025

Summary

Implements what I think #143 wants

  • Replaces radio button member input with searchable dropdown
  • Client-side filtering by name or member number
  • Migrated all member selection forms

Test plan

  • Test member selection on each form
  • Test pages with multiple selectors (mark-member-trained-by)

JonLD added 4 commits December 5, 2025 16:41
Implements a compact, searchable dropdown for selecting members,
replacing the basic number input on training forms. Features:
- Search by name, member number, or email
- Gravatar thumbnails in dropdown
- Keyboard navigation (arrow keys, Enter, Escape)
- Click-outside to close
- Clear selection button

Updates mark-member-trained and mark-member-trained-by forms
to use the new component.

Closes Makespace#143
- Move inline JS from separate file into member-selector.ts
- Remove member-selector-js.ts (no longer needed)
- Update forms to use simplified member selector
- Change selection UX to highlight input instead of separate display
- Migrate revoke-member-trained-form to use memberSelector
- Remove email from member data payload (privacy + smaller size)
- Limit search results to 50 items
- Fix duplicate initialization when multiple selectors on page
- Delete unused member-input.ts and member-input-minimal.ts
- Remove trailing blank line from CSS
@Lan2u Lan2u requested review from Lan2u and chromy December 21, 2025 18:07
Copy link
Collaborator

@Lan2u Lan2u left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM - Doing a bit of local testing before merging

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Options

Development

Successfully merging this pull request may close these issues.

2 participants