.row.timeTravelers
.standard-sidebar
.form-group
input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')")
.form
h2(v-once) {{ $t('filter') }}
.form-group
.form-check(
v-for="category in categories",
:key="category.identifier",
)
label.custom-control.custom-checkbox
input.custom-control-input(type="checkbox", v-model="viewOptions[category.identifier].selected")
span.custom-control-indicator
span.custom-control-description(v-once) {{ category.text }}
div.form-group.clearfix
h3.float-left(v-once) {{ $t('hidePinned') }}
toggle-switch.float-right.no-margin(
:label="''",
v-model="hidePinned",
)
.standard-page
div.featuredItems
.background
div.npc
div.featured-label
span.rectangle
span.text(v-once) {{ timeTravelers.text }}
span.rectangle
div.content(v-if="false")
div.featured-label.with-border
span.rectangle
span.text(v-once) {{ $t('featuredQuests') }}
span.rectangle
div.items.margin-center
shopItem(
v-for="item in featuredItems",
:key="item.key",
:item="item",
:price="item.goldValue ? item.goldValue : item.value",
:priceType="item.goldValue ? 'gold' : 'gem'",
:itemContentClass="'inventory_quest_scroll_'+item.key",
:emptyItem="false",
:popoverPosition="'top'",
@click="selectedItemToBuy = item"
)
template(slot="popoverContent", scope="ctx")
div
h4.popover-content-title {{ item.text() }}
.popover-content-text {{ item.notes() }}
h1.mb-0.page-header(v-once) {{ timeTravelers.text }}
.clearfix
div.float-right
span.dropdown-label {{ $t('sortBy') }}
b-dropdown(:text="$t(selectedSortItemsBy)", right=true)
b-dropdown-item(
v-for="sort in sortItemsBy",
@click="selectedSortItemsBy = sort",
:active="selectedSortItemsBy === sort",
:key="sort"
) {{ $t(sort) }}
div(
v-for="category in categories",
v-if="viewOptions[category.identifier].selected",
:class="category.identifier"
)
h2 {{ category.text }}
itemRows(
:items="travelersItems(category, selectedSortItemsBy, searchTextThrottled, hidePinned)",
:itemWidth=94,
:itemMargin=24,
:type="category.identifier",
)
template(slot="item", scope="ctx")
shopItem(
:key="ctx.item.key",
:item="ctx.item",
:price="ctx.item.value",
:priceType="ctx.item.currency",
:itemContentClass="getItemClass(ctx.item)",
:emptyItem="false",
@click="selectedItemToBuy = ctx.item"
)
span(slot="popoverContent", scope="ctx")
div
h4.popover-content-title {{ ctx.item.text }}
template(slot="itemBadge", scope="ctx")
span.badge.badge-pill.badge-item.badge-svg(
v-if="ctx.item.pinType !== 'IGNORE'",
:class="{'item-selected-badge': ctx.item.pinned, 'hide': !ctx.item.pinned}",
@click.prevent.stop="togglePinned(ctx.item)"
)
span.svg-icon.inline.icon-12.color(v-html="icons.pin")
buyModal(
:item="selectedItemToBuy",
:priceType="selectedItemToBuy ? selectedItemToBuy.currency : ''",
:withPin="true",
@change="resetItemToBuy($event)",
@buyPressed="buyItem($event)"
)
template(slot="item", scope="ctx")
item.flat(
:item="ctx.item",
:itemContentClass="ctx.item.class",
:showPopover="false"
)