mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-23 23:58:02 -05:00
870ae9a8a1
Use selected hero in Course mode play Show selected hero on Courses (in progress) Add hero select modal Use short names, only show warriors Use box-shadow instead of borders Add tests for HeroSelectModal Refactor modal opening test Address code review feedback
27 lines
839 B
Text
27 lines
839 B
Text
extends /templates/core/modal-base-flat
|
|
|
|
block modal-header-content
|
|
.text-center
|
|
h3(data-i18n="courses.select_your_hero")
|
|
h4(data-i18n="courses.select_your_hero_description")
|
|
|
|
block modal-body-content
|
|
.hero-list
|
|
if view.heroes.loaded
|
|
each hero in view.heroes.models
|
|
if hero.get('heroClass') === 'Warrior'
|
|
+heroOption(hero)
|
|
|
|
mixin heroOption(hero)
|
|
- var heroID = hero.id
|
|
- var selectedState = (state.get('selectedHeroID') === heroID ? 'selected' : (state.get('currentHeroID') === heroID ? 'current' : ''))
|
|
.hero-option(data-hero-id=heroID class=selectedState)
|
|
.hero-avatar
|
|
img(src=hero.getPortraitURL())
|
|
.text-h5.hero-name
|
|
span= hero.getHeroShortName()
|
|
|
|
block modal-footer-content
|
|
.select-hero-btn.btn.btn-lg.btn-forest
|
|
span(data-i18n="courses.select_this_hero")
|
|
|