2014-11-01 17:15:57 -04:00
|
|
|
.modal-dialog
|
|
|
|
.modal-content
|
2014-11-19 19:36:06 -05:00
|
|
|
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
|
2014-11-01 17:15:57 -04:00
|
|
|
|
|
|
|
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")
|
2014-11-19 19:36:06 -05:00
|
|
|
img.tab-icon(src="/images/pages/play/modal/item-icon-"+category+".png", draggable="false")
|
2014-11-01 17:15:57 -04:00
|
|
|
span.big-font= itemCategoryNames[index]
|
2015-01-12 18:30:09 -05:00
|
|
|
|
|
|
|
#hero-type-select.btn-group(data-toggle="buttons")
|
|
|
|
label.btn.active#all
|
|
|
|
input(type="radio", name="hero-class-select", autocomplete="off")
|
|
|
|
span(data-i18n="editor.level_tab_thangs_all")
|
|
|
|
label.btn#warrior
|
|
|
|
input(type="radio", name="hero-class-select", autocomplete="off")
|
|
|
|
span(data-i18n="general.warrior")
|
|
|
|
label.btn#ranger
|
|
|
|
input(type="radio", name="hero-class-select", autocomplete="off")
|
|
|
|
span(data-i18n="general.ranger")
|
|
|
|
label.btn#wizard
|
|
|
|
input(type="radio", name="hero-class-select", autocomplete="off")
|
|
|
|
span(data-i18n="general.wizard")
|
|
|
|
|
2014-11-01 17:15:57 -04:00
|
|
|
.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
|
2014-11-04 10:52:23 -05:00
|
|
|
- var hidden = item.comingSoon && !me.isAdmin()
|
2014-11-11 01:07:55 -05:00
|
|
|
- hidden = hidden || (!item.get('gems') && !item.owned)
|
2015-01-12 18:30:09 -05:00
|
|
|
div(class="item " + item.get('heroClass') + (hidden ? " hide" : "") + (item.silhouetted && !item.owned ? " silhouetted" : ""), data-item-id=item.id)
|
2014-11-01 17:15:57 -04:00
|
|
|
if item.silhouetted && !item.owned
|
|
|
|
span.glyphicon.glyphicon-lock.bolder
|
|
|
|
span.glyphicon.glyphicon-lock
|
2014-12-01 21:33:37 -05:00
|
|
|
img.item-silhouette(draggable="false")
|
2014-11-11 01:07:55 -05:00
|
|
|
if item.level
|
|
|
|
.required-level
|
|
|
|
div(data-i18n="general.player_level")
|
|
|
|
div= item.level
|
2014-11-01 17:15:57 -04:00
|
|
|
else
|
|
|
|
strong.big-font= item.name
|
2014-12-01 21:33:37 -05:00
|
|
|
img.item-img(draggable="false")
|
2014-11-01 17:15:57 -04:00
|
|
|
|
|
|
|
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
|
2014-11-19 19:36:06 -05:00
|
|
|
img(src="/images/common/gem.png", draggable="false")
|
2014-11-01 17:15:57 -04:00
|
|
|
span.big-font= item.get('gems')
|
2014-11-21 19:23:26 -05:00
|
|
|
if item.unequippable
|
2014-11-04 10:19:30 -05:00
|
|
|
span.big-font.unequippable= item.get('heroClass')
|
2014-11-21 19:23:26 -05:00
|
|
|
else
|
2014-11-24 13:51:20 -05:00
|
|
|
button.btn.unlock-button.big-font(data-i18n="play.unlock", data-item-id=item.id)
|
2014-11-01 17:15:57 -04:00
|
|
|
.clearfix
|
|
|
|
|
|
|
|
#item-details-view
|