new client - quest / seasonal / time travelers shops (#8903)

* initial quests.vue - refactorings - add group to quests

* shows quests by quest-group

* buyQuestModal with rewards sidebar

* store / actions to load seasonal/time-travelers shop data

* buyModal buyPressed instead of buyAction - seasonal shop categories now with specialClass property - seasonal shop

* time travelers vue - show hourglass in shopItem / buyDialog - fix banners

* cleanup

* show amount of already owned quests

* show html notes in popovers / dialog

* extract purchase-api to common.ops.purchaseWithSpell to call the same in the store / update the UI on purchases

* add time-travelers sprites

* fix lint

* add last mystery set images

* remove unused Page

* remove equipment from newClient.json

website/common/script/content/quests.js

@@ -411,6 +411,7 @@ let quests = {
   vice1: {
     text: t('questVice1Text'),
     notes: t('questVice1Notes'),
+    group: 'questGroupVice',
     value: 4,
     lvl: 30,
     category: 'unlockable',
@@ -435,6 +436,7 @@ let quests = {
   vice2: {
     text: t('questVice2Text'),
     notes: t('questVice2Notes'),
+    group: 'questGroupVice',
     value: 4,
     lvl: 30,
     category: 'unlockable',
@@ -461,6 +463,7 @@ let quests = {
   vice3: {
     text: t('questVice3Text'),
     notes: t('questVice3Notes'),
+    group: 'questGroupVice',
     completion: t('questVice3Completion'),
     previous: 'vice2',
     value: 4,
@@ -661,6 +664,7 @@ let quests = {
   atom1: {
     text: t('questAtom1Text'),
     notes: t('questAtom1Notes'),
+    group: 'questGroupAtom',
     value: 4,
     lvl: 15,
     category: 'unlockable',
@@ -686,6 +690,7 @@ let quests = {
   atom2: {
     text: t('questAtom2Text'),
     notes: t('questAtom2Notes'),
+    group: 'questGroupAtom',
     previous: 'atom1',
     value: 4,
     lvl: 15,
@@ -711,6 +716,7 @@ let quests = {
   atom3: {
     text: t('questAtom3Text'),
     notes: t('questAtom3Notes'),
+    group: 'questGroupAtom',
     previous: 'atom2',
     completion: t('questAtom3Completion'),
     value: 4,
@@ -840,6 +846,7 @@ let quests = {
   moonstone1: {
     text: t('questMoonstone1Text'),
     notes: t('questMoonstone1Notes'),
+    group: 'questGroupMoonstone',
     value: 4,
     lvl: 60,
     category: 'unlockable',
@@ -865,6 +872,7 @@ let quests = {
   moonstone2: {
     text: t('questMoonstone2Text'),
     notes: t('questMoonstone2Notes'),
+    group: 'questGroupMoonstone',
     value: 4,
     lvl: 60,
     previous: 'moonstone1',
@@ -890,6 +898,7 @@ let quests = {
   moonstone3: {
     text: t('questMoonstone3Text'),
     notes: t('questMoonstone3Notes'),
+    group: 'questGroupMoonstone',
     completion: t('questMoonstone3Completion'),
     previous: 'moonstone2',
     value: 4,
@@ -947,6 +956,7 @@ let quests = {
   goldenknight1: {
     text: t('questGoldenknight1Text'),
     notes: t('questGoldenknight1Notes'),
+    group: 'questGroupGoldenknight',
     value: 4,
     lvl: 40,
     category: 'unlockable',
@@ -972,6 +982,7 @@ let quests = {
   goldenknight2: {
     text: t('questGoldenknight2Text'),
     notes: t('questGoldenknight2Notes'),
+    group: 'questGroupGoldenknight',
     value: 4,
     previous: 'goldenknight1',
     lvl: 40,
@@ -997,6 +1008,7 @@ let quests = {
   goldenknight3: {
     text: t('questGoldenknight3Text'),
     notes: t('questGoldenknight3Notes'),
+    group: 'questGroupGoldenknight',
     completion: t('questGoldenknight3Completion'),
     previous: 'goldenknight2',
     value: 4,
@@ -1389,6 +1401,7 @@ let quests = {
   dilatoryDistress1: {
     text: t('questDilatoryDistress1Text'),
     notes: t('questDilatoryDistress1Notes'),
+    group: 'questGroupDilatoryDistress',
     completion: t('questDilatoryDistress1Completion'),
     value: 4,
     goldValue: 200,
@@ -1418,6 +1431,7 @@ let quests = {
   dilatoryDistress2: {
     text: t('questDilatoryDistress2Text'),
     notes: t('questDilatoryDistress2Notes'),
+    group: 'questGroupDilatoryDistress',
     completion: t('questDilatoryDistress2Completion'),
     previous: 'dilatoryDistress1',
     value: 4,
@@ -1457,6 +1471,7 @@ let quests = {
   dilatoryDistress3: {
     text: t('questDilatoryDistress3Text'),
     notes: t('questDilatoryDistress3Notes'),
+    group: 'questGroupDilatoryDistress',
     completion: t('questDilatoryDistress3Completion'),
     previous: 'dilatoryDistress2',
     value: 4,
@@ -2065,6 +2080,7 @@ let quests = {
   taskwoodsTerror1: {
     text: t('questTaskwoodsTerror1Text'),
     notes: t('questTaskwoodsTerror1Notes'),
+    group: 'questGroupTaskwoodsTerror',
     completion: t('questTaskwoodsTerror1Completion'),
     value: 4,
     goldValue: 200,
@@ -2103,6 +2119,7 @@ let quests = {
   taskwoodsTerror2: {
     text: t('questTaskwoodsTerror2Text'),
     notes: t('questTaskwoodsTerror2Notes'),
+    group: 'questGroupTaskwoodsTerror',
     completion: t('questTaskwoodsTerror2Completion'),
     previous: 'taskwoodsTerror1',
     value: 4,
@@ -2137,6 +2154,7 @@ let quests = {
   taskwoodsTerror3: {
     text: t('questTaskwoodsTerror3Text'),
     notes: t('questTaskwoodsTerror3Notes'),
+    group: 'questGroupTaskwoodsTerror',
     completion: t('questTaskwoodsTerror3Completion'),
     previous: 'taskwoodsTerror2',
     value: 4,
@@ -2226,6 +2244,7 @@ let quests = {
   moon1: {
     text: t('questMoon1Text'),
     notes: t('questMoon1Notes'),
+    group: 'questGroupMoon',
     completion: t('questMoon1Completion'),
     value: 4,
     category: 'unlockable',
@@ -2255,6 +2274,7 @@ let quests = {
   moon2: {
     text: t('questMoon2Text'),
     notes: t('questMoon2Notes'),
+    group: 'questGroupMoon',
     completion: t('questMoon2Completion'),
     previous: 'moon1',
     value: 4,
@@ -2284,6 +2304,7 @@ let quests = {
   moon3: {
     text: t('questMoon3Text'),
     notes: t('questMoon3Notes'),
+    group: 'questGroupMoon',
     completion: t('questMoon3Completion'),
     previous: 'moon2',
     value: 4,
@@ -2377,6 +2398,7 @@ let quests = {
   stoikalmCalamity1: {
     text: t('questStoikalmCalamity1Text'),
     notes: t('questStoikalmCalamity1Notes'),
+    group: 'questGroupStoikalmCalamity',
     completion: t('questStoikalmCalamity1Completion'),
     value: 4,
     goldValue: 200,
@@ -2415,6 +2437,7 @@ let quests = {
   stoikalmCalamity2: {
     text: t('questStoikalmCalamity2Text'),
     notes: t('questStoikalmCalamity2Notes'),
+    group: 'questGroupStoikalmCalamity',
     completion: t('questStoikalmCalamity2Completion'),
     previous: 'stoikalmCalamity1',
     value: 4,
@@ -2441,6 +2464,7 @@ let quests = {
   stoikalmCalamity3: {
     text: t('questStoikalmCalamity3Text'),
     notes: t('questStoikalmCalamity3Notes'),
+    group: 'questGroupStoikalmCalamity',
     completion: t('questStoikalmCalamity3Completion'),
     previous: 'stoikalmCalamity2',
     value: 4,
@@ -2578,6 +2602,7 @@ let quests = {
   mayhemMistiflying1: {
     text: t('questMayhemMistiflying1Text'),
     notes: t('questMayhemMistiflying1Notes'),
+    group: 'questGroupMayhemMistiflying',
     completion: t('questMayhemMistiflying1Completion'),
     value: 4,
     goldValue: 200,
@@ -2616,6 +2641,7 @@ let quests = {
   mayhemMistiflying2: {
     text: t('questMayhemMistiflying2Text'),
     notes: t('questMayhemMistiflying2Notes'),
+    group: 'questGroupMayhemMistiflying',
     completion: t('questMayhemMistiflying2Completion'),
     previous: 'mayhemMistiflying1',
     value: 4,
@@ -2650,6 +2676,7 @@ let quests = {
   mayhemMistiflying3: {
     text: t('questMayhemMistiflying3Text'),
     notes: t('questMayhemMistiflying3Notes'),
+    group: 'questGroupMayhemMistiflying',
     completion: t('questMayhemMistiflying3Completion'),
     previous: 'mayhemMistiflying2',
     value: 4,