2014-09-20 01:15:58 -04:00
|
|
|
#hero-carousel.carousel.slide(data-interval=0)
|
|
|
|
|
.carousel-indicator-container
|
|
|
|
|
ol.carousel-indicators
|
|
|
|
|
for hero, index in heroes
|
2014-09-26 05:28:54 -04:00
|
|
|
li(data-hero-id=hero.get('original'), title=hero.get('name'), data-slide-to=index, data-target="#hero-carousel", class="hero-indicator" + (hero.locked ? " locked" : ""))
|
2014-09-24 22:14:22 -04:00
|
|
|
.hero-avatar
|
2014-09-26 05:28:54 -04:00
|
|
|
if hero.locked
|
2014-09-24 22:14:22 -04:00
|
|
|
img.lock-indicator(src="/images/pages/game-menu/lock.png")
|
2014-09-20 01:15:58 -04:00
|
|
|
|
|
|
|
|
.carousel-inner
|
|
|
|
|
for hero in heroes
|
|
|
|
|
- var info = heroInfo[hero.get('slug')]
|
2014-09-26 05:28:54 -04:00
|
|
|
div(class="item hero-item" + (hero.locked ? " locked" : ""), data-hero-id=hero.get('original'))
|
2014-09-20 01:15:58 -04:00
|
|
|
canvas.hero-canvas
|
2014-10-14 12:54:18 -04:00
|
|
|
.hero-feature-image
|
|
|
|
|
img
|
2014-09-20 01:15:58 -04:00
|
|
|
.hero-stats
|
|
|
|
|
h2= info.fullName
|
2014-10-26 00:53:55 -04:00
|
|
|
//.hero-description= info.description // Not until we have written the descriptions.
|
|
|
|
|
.hero-status
|
2014-09-20 01:15:58 -04:00
|
|
|
span(data-i18n="choose_hero.status") Status
|
|
|
|
|
span.spr :
|
2014-09-26 05:28:54 -04:00
|
|
|
if hero.locked
|
|
|
|
|
| #{info.status}
|
|
|
|
|
else
|
|
|
|
|
| Available
|
2014-10-26 00:53:55 -04:00
|
|
|
.hero-class
|
2014-09-20 01:15:58 -04:00
|
|
|
span(data-i18n="choose_hero.weapons") Weapons
|
|
|
|
|
span.spr :
|
|
|
|
|
| #{info.weapons}
|
2014-10-26 00:53:55 -04:00
|
|
|
for statInfo in [{name: 'attack', color: 'danger'}, {name: 'health', color: 'info'}, {name: 'speed', color: 'success'}]
|
|
|
|
|
- var tooltip = "";
|
|
|
|
|
- if (statInfo.name == 'attack')
|
|
|
|
|
- tooltip = Math.round(100 * info[statInfo.name + 'Factor']) + '% ' + info.class.toLowerCase() + ' weapon damage';
|
|
|
|
|
- else if (statInfo.name == 'health')
|
|
|
|
|
- tooltip = Math.round(100 * info[statInfo.name + 'Factor']) + '% ' + info.class.toLowerCase() + ' armor health';
|
|
|
|
|
- else if (statInfo.name == 'speed')
|
|
|
|
|
- tooltip = info.speedAbsolute + ' meters per second';
|
|
|
|
|
.hero-stat(title=tooltip)
|
|
|
|
|
.progress
|
|
|
|
|
div(class="progress-bar progress-bar-" + statInfo.color, style="width: " + (10 * info[statInfo.name]) + "%")
|
|
|
|
|
.hero-stat-label
|
|
|
|
|
span(data-i18n="choose_hero." + statInfo.name)
|
|
|
|
|
span.spr :
|
|
|
|
|
| #{info[statInfo.name]}
|
|
|
|
|
|
|
|
|
|
if info.skills
|
|
|
|
|
.hero-skills
|
|
|
|
|
span(data-i18n="choose_hero.skills") Skills
|
|
|
|
|
span.spr :
|
|
|
|
|
for skill in info.skills
|
|
|
|
|
code.spl.spr= skill
|
2014-09-20 01:15:58 -04:00
|
|
|
a.carousel-control.left(role="button", data-slide="prev", href="#hero-carousel")
|
|
|
|
|
span.glyphicon.glyphicon-chevron-left
|
|
|
|
|
a.carousel-control.right(role="button", data-slide="next", href="#hero-carousel")
|
|
|
|
|
span.glyphicon.glyphicon-chevron-right
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.form
|
|
|
|
|
.form-group.select-group
|
2014-10-27 14:17:34 -04:00
|
|
|
//span.help-block(data-i18n="choose_hero.programming_language_description") Which programming language do you want to use?
|
2014-09-20 01:15:58 -04:00
|
|
|
label.control-label(for="option-code-language", data-i18n="choose_hero.programming_language") Programming Language
|
|
|
|
|
select#option-code-language(name="code-language")
|
2014-09-20 19:04:13 -04:00
|
|
|
for option in codeLanguages
|
|
|
|
|
option(value=option.id, selected=codeLanguage === option.id)= option.name
|
