codecombat/app/templates/play/modal/play-items-modal.jade

59 lines
2.7 KiB
Text

.modal-dialog
.modal-content
img(src="/images/pages/play/modal/items-background.png", draggable="false")#play-items-modal-bg
img(src="/images/pages/play/modal/items-background-narrow.png", draggable="false")#play-items-modal-narrow-bg
h1.big-font(data-i18n="play.items")
div#gems-count-container
span#gems-count.big-font= gems
div#close-modal
span.glyphicon.glyphicon-remove
ul.nav.nav-pills.nav-stacked
for category, index in itemCategories
li(class=index ? "" : "active")
a.one-line(href="#item-category-" + category, data-toggle="tab")
img.tab-icon(src="/images/pages/play/modal/item-icon-"+category+".png", draggable="false")
span.big-font= itemCategoryNames[index]
.tab-content
for category, index in itemCategories
.tab-pane(id="item-category-" + category, class=index ? "" : "active")
.nano
.nano-content
for item in itemCategoryCollections[category].models
- var hidden = item.comingSoon && !me.isAdmin()
- hidden = hidden || (!item.get('gems') && !item.owned)
div(class="item" + (hidden ? " hide" : "") + (item.silhouetted && !item.owned ? " silhouetted" : ""), data-item-id=item.id)
if item.silhouetted && !item.owned
span.glyphicon.glyphicon-lock.bolder
span.glyphicon.glyphicon-lock
img.item-silhouette(src=item.getPortraitURL(), draggable="false")
if item.level
.required-level
div(data-i18n="general.player_level")
div= item.level
else
strong.big-font= item.name
img.item-img(src=item.getPortraitURL(), draggable="false")
img.item-shadow(src=item.getPortraitURL(), draggable="false")
if item.owned
span.big-font.owned(data-i18n="play.owned")
else if item.silhouetted
span.big-font.locked(data-i18n="play.locked")
else
span.cost
img(src="/images/common/gem.png", draggable="false")
span.big-font= item.get('gems')
if item.unequippable
// Temp, while we only have Warriors: prevent them from buying non-Warrior stuff
span.big-font.unequippable= item.get('heroClass')
else
button.btn.unlock-button.big-font(data-i18n="play.unlock", data-item-id=item.id)
.clearfix
#item-details-view