OK - since you’d gone down a path with Rails I thought maybe you hadn’t done the web goals yet.
I’m not really sure what types of resources you’re looking for specifically.
Learning Ember in general? There are some guides listed here: https://aresmush.com/tutorials/code/ember.html
For the Ares stuff specifically, the web goals tutorial is really the best resource with the most detailed steps about what you need to modify where. There are also more advanced web topics under the Code tutorials section.
You can also look at existing code for examples. The gender dropdown is one example of a dropdown in the existing chargen code (in chargen.hbs). Most dropdowns use Ember’s PowerSelect widget.
@selected references a field (typically in the model) where the currently-selected value is tracked.
@options is the list of available options. That may come from the model, or from a function in the controller that generates a list.
@searchField is needed if your list of options is a hash (like the demographics each have a name (“Gender”) and a value (your current gender)), so you tell Ember which field to search on.
@onChange references an action in your controller that updates when a new value is selected.
And the last bit controls what gets shown on the dropdown list. In this case our option is named ‘gender’ and we’re showing just the value (
genderChanged in the controller (chargen.js). It changes the selected gender value:
// Other actions...
Hope that helps? If not please give me some more details about what you’re struggling with. You can also join the discord and get live help.