[WIP] new client - seasonal-shop (#9018)

* extract seasonal-shop config - use summer season items (to work on)

* add suggested border to shopItems

* refactor getOfficialPinnedItems (now includes the seasonal gear)

* refactor shops.getSeasonalShop - add featured items to result - add the set to special equipment items

* feat(content): Fall 2017 seasonal gear
Also adds set keys for all prior seasonal gear.

* show item limited time (buyModal & shopItem)

* select seasonal fall sets

* WIP(seasonal-shop): placeholder Fall 2017 items

* fix lint

* sprites

* styling + fix purchase of seasonal spells

* compile sprites

* fixes: check isPinned with officialItems

* enable purchase of seasonal items for testing

* fix shop apis

* add featuredItems to market

* quest shop: add featuredItems to api

* tiem travelers shop: add featuredItems to api

* fix gear types filter

* feat(content): Fall 2017 compleat

* chore(sprites): compile

* show opened shop state (npc+background)

* add opened seasonal npc

* current seasonal users class set = purchase by gold - lock other sets of the current season

* hide event badge in seasonal shop - dot only for suggested items - cursor: pointer on shopItems

* refresh rewards column list (seasonal gear won't refresh it on purchase)

* fix duplicate seasonal gear -> remove special items from the old reward gear (which is used to reset the pinned gears)

* every current season gear is purchased by gold - prevent buyModal on locked items

* use the current event date range

* list seasonal sets by event date

* use custom method instead of updateStore to list the pinnable gear

* change daterange to 10-31

* fix start quest modal from items - disable invite quest button if a quest is already active

* toggle pin in buy-dialogs

* check if the item is not undefined/null - renamed the watch function

website/client/components/shops/timeTravelers/index.vue

@@ -35,28 +35,6 @@
               span.rectangle
               span.text(v-once) {{ $t('timeTravelersPopoverNoSubMobile') }}
               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) {{ $t('timeTravelers') }}
 
@@ -262,8 +240,6 @@
   import svgPin from 'assets/svg/pin.svg';
   import svgHourglass from 'assets/svg/hourglass.svg';
 
-  import featuredItems from 'common/script/content/shop-featuredItems';
-
   import _filter from 'lodash/filter';
   import _sortBy from 'lodash/sortBy';
   import _throttle from 'lodash/throttle';
@@ -327,8 +303,12 @@
         return this.user.purchased.plan.consecutive.trinkets === 0;
       },
 
+      shop () {
+        return shops.getTimeTravelersShop(this.user);
+      },
+
       categories () {
-        let apiCategories = shops.getTimeTravelersCategories(this.user);
+        let apiCategories = this.shop.categories;
 
         // FIX ME Refactor the apiCategories Hack to force update for now until we restructure the data
         let backgroundUpdate = this.backgroundUpdate; // eslint-disable-line
@@ -375,12 +355,6 @@
 
         return normalGroups;
       },
-
-      featuredItems () {
-        return featuredItems.quests.map(i => {
-          return this.content.quests[i];
-        });
-      },
     },
     methods: {
       travelersItems (category, sortBy, searchBy, hidePinned) {