15 lines
522 B
HTML
15 lines
522 B
HTML
<p class="quest-objective" [class.quest-objective--done]="objective.completed">
|
|
<span class="quest-objective__text" data-objective-description>{{ objective.description }}</span>
|
|
@if (showsProgress) {
|
|
<span
|
|
class="quest-objective__progress"
|
|
data-objective-progress
|
|
[attr.aria-label]="objective.current + ' of ' + objective.required"
|
|
>{{ objective.current }} / {{ objective.required }}</span
|
|
>
|
|
}
|
|
</p>
|
|
@if (hint) {
|
|
<p class="quest-objective__hint" data-objective-hint>{{ hint }}</p>
|
|
}
|