[WIP] New Client - Shops/Market (#8884)

* initial market - routing - store - load market data

* move drawer/drawerSlider / count/star badge to components/ui

* filter market categories

* shopItem with gem / gold

* show count of purchable items

* show count of purchable itemsshow drawer with currently owned items + DrawerHeaderTabs-Component

* show featured gear

* show Gear - filter by class - sort by (type, price, stats) - sort market items

* Component: ItemRows - shows only the max items in one row (depending on the available width)

* Sell Dialog + Balance Component

* generic buy-dialog / attributes grid with highlight

* buyItem - hide already owned gear

* filter: hide locked/pinned - lock items if not enough gold

* API: Sell multiple items

* show avatar in buy-equipment-dialog with changed gear

* market banner

* misc fixes

* filter by text

* pin/unpin gear store actions

* Sell API: amount as query-parameter

* Update user.js

* fixes

* fix sell api amount test

* add back stroke/fill currentColor

* use scss variables

website/common/script/ops/sell.js

@@ -14,6 +14,7 @@ const ACCEPTEDTYPES = ['eggs', 'hatchingPotions', 'food'];
 module.exports = function sell (user, req = {}) {
   let key = get(req.params, 'key');
   let type = get(req.params, 'type');
+  let amount = get(req.query, 'amount', 1);
 
   if (!type) {
     throw new BadRequest(i18n.t('typeRequired', req.language));
@@ -31,8 +32,14 @@ module.exports = function sell (user, req = {}) {
     throw new NotFound(i18n.t('userItemsKeyNotFound', {type}, req.language));
   }
 
-  user.items[type][key]--;
-  user.stats.gp += content[type][key].value;
+  let currentAmount = user.items[type][key];
+
+  if (amount > currentAmount) {
+    throw new NotFound(i18n.t('userItemsNotEnough', {type}, req.language));
+  }
+
+  user.items[type][key] -= amount;
+  user.stats.gp += content[type][key].value * amount;
 
   return [
     pick(user, splitWhitespace('stats items')),