[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/tasks/column.vue

@@ -231,6 +231,8 @@ export default {
       activeFilter: types[this.type].filters.find(f => f.default === true),
       icons,
       openedCompletedTodos: false,
+
+      forceRefresh: new Date(),
     };
   },
   computed: {
@@ -245,6 +247,8 @@ export default {
       return this.tasks[`${this.type}s`];
     },
     inAppRewards () {
+      let watchRefresh = this.forceRefresh; // eslint-disable-line
+
       return inAppRewards(this.user);
     },
     hasRewardsList () {
@@ -269,6 +273,10 @@ export default {
   },
   mounted () {
     this.setColumnBackgroundVisibility();
+
+    this.$root.$on('buyModal::boughtItem', () => {
+      this.forceRefresh = new Date();
+    });
   },
   methods: {
     ...mapActions({loadCompletedTodos: 'tasks:fetchCompletedTodos'}),