Choose Your Race
@if (isLoading) { @for (i of [1,2,3,4,5,6]; track i) {
} } @else {
@for (race of races; track race.index) {
{{ race.name }}
@if (selectedRace?.index === race.index) {
}
} }
@if (selectedRace) {
@if (loadingDetail) {
} @else if (selectedRaceDetail) {
Age
{{ selectedRaceDetail.age }}
Alignment
{{ selectedRaceDetail.alignment }}
Size
{{ selectedRaceDetail.size_description }}
Ability Score Bonuses
{{ getCombinedAbilityBonusText() }}
@if (selectedRaceDetail.ability_bonus_options) {
1"
[chooseCount]="selectedRaceDetail.ability_bonus_options.choose"
[options]="getAbilityBonusOptions()"
[selectedValues]="selectedAbilityBonusIndexes"
(selectionChange)="onAbilityBonusSelectionChange($event)"
displayMode="chips"
>
}
Languages
{{ selectedRaceDetail.language_desc }}
@for (lang of selectedRaceDetail.languages; track lang.index) {
{{ lang.name }}
}
@if (selectedRaceDetail.language_options) {
1"
[chooseCount]="selectedRaceDetail.language_options.choose"
[options]="getLanguageOptions()"
[selectedValues]="selectedLanguageIndexes"
(selectionChange)="onLanguageSelectionChange($event)"
displayMode="chips"
>
}
@if (selectedRaceDetail.traits && selectedRaceDetail.traits.length >
0) {
Racial Traits
@for (trait of selectedRaceDetail.traits; track trait.index) {
{{ trait.name }}
}
}
@if (selectedRaceDetail.starting_proficiencies &&
selectedRaceDetail.starting_proficiencies.length > 0) {
Starting Proficiencies
@for (prof of selectedRaceDetail.starting_proficiencies; track
prof.index) {
{{ prof.name }}
}
} @else if (!selectedRaceDetail.starting_proficiency_options) {
Starting Proficiencies
None
}
@if (selectedRaceDetail.starting_proficiency_options) {
1
"
[chooseCount]="
selectedRaceDetail.starting_proficiency_options.choose
"
[options]="getProficiencyOptions()"
[selectedValues]="selectedProficiencyIndexes"
(selectionChange)="onProficiencySelectionChange($event)"
displayMode="chips"
>
}
}
} @else {
Please select a race from the options above
}