.row.seasonal
.standard-sidebar.d-none.d-sm-block
.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 filterCategories",
:key="category.key",
)
.custom-control.custom-checkbox
input.custom-control-input(type="checkbox", v-model="viewOptions[category.key].selected", :id="`category-${category.identifier}`")
label.custom-control-label(v-once, :for="`category-${category.identifier}`") {{ category.value }}
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(:class="{opened: seasonal.opened}")
div.npc
div.featured-label
span.rectangle
span.text Leslie
span.rectangle
div.content(v-if="!seasonal.opened")
div.featured-label.with-border.closed
span.rectangle
span.text(v-once, v-html="seasonal.notes")
span.rectangle
div.content(v-else-if="seasonal.featured.items.length !== 0")
div.featured-label.with-border(v-if='!featuredGearBought')
span.rectangle
span.text(v-once) {{ $t('featuredset', { name: seasonal.featured.text }) }}
span.rectangle
div.featured-label.with-border(v-else)
span.rectangle
span.text(v-once) {{ $t('featuredItems') }}
span.rectangle
div.items.margin-center
shopItem(
v-for="item in seasonal.featured.items",
:key="item.key",
:item="item",
:price="item.value",
:emptyItem="false",
:popoverPosition="'top'",
:showEventBadge="false",
@click="itemSelected(item)"
)
h1.mb-4.page-header(v-once, v-if='seasonal.opened') {{ $t('seasonalShop') }}
.clearfix(v-if="seasonal.opened")
h2.float-left.mb-3
| {{ $t('classArmor') }}
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="(groupSets, categoryGroup) in getGroupedCategories(categories)",
)
h3.classgroup(v-if='categoryGroup !== "spells"')
span.svg-icon.inline(v-html="icons[categoryGroup]")
span.name(:class="categoryGroup") {{ getClassName(categoryGroup) }}
div.grouped-parent
div.group(
v-for="category in groupSets"
)
h3 {{ category.text }}
div.items
shopItem(
v-for="item in seasonalItems(category, selectedSortItemsBy, searchTextThrottled, viewOptions, hidePinned)",
:key="item.key",
:item="item",
:price="item.value",
:emptyItem="false",
:popoverPosition="'top'",
:showEventBadge="false",
@click="itemSelected(item)"
)
template(slot="itemBadge", slot-scope="ctx")
span.badge.badge-pill.badge-item.badge-svg(
: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")