feature: enable multi sell shortcut on inventory (#264)

* feature: enable multi sell shortcut on inventory

* fix: use URLSearchParams for link construction

Author: nolddor

_locales/en/messages.json

@@ -305,6 +305,9 @@
 			}
 		}
 	},
+	"inventory_sell_multiple": {
+		"message": "Sell multiple items"
+	},
 	"inventory_badge_level": {
 		"message": "Your badge level: $level$",
 		"placeholders": {

scripts/community/inventory.js

@@ -233,7 +233,7 @@
 					return;
 				}
 
-				LoadQuickSellInformation( element, commodityID, abortController.signal );
+				LoadQuickSellInformation( element, commodityID, description, asset,abortController.signal );
 			} );
 		}
 
@@ -246,9 +246,11 @@
 	/**
 	 * @param {HTMLElement} element
 	 * @param {string} commodityID
+	 * @param {any} description
+	 * @param {any} asset
 	 * @param {AbortSignal} signal
 	 */
-	function LoadQuickSellInformation( element, commodityID, signal )
+	function LoadQuickSellInformation( element, commodityID, description, asset, signal )
 	{
 		const histogramParams = new URLSearchParams();
 		histogramParams.set( 'country', window.g_rgWalletInfo.wallet_country );
@@ -432,6 +434,20 @@
 							rows[ 0 ].after( row );
 						}
 					}
+
+					if( description.commodity )
+					{
+						const params = new URLSearchParams();
+						params.set( 'appid', asset.appid );
+						params.set( 'contextid', asset.contextid );
+						params.set( 'items[]', window.GetMarketHashName( description ) );
+
+						const multiSellBtn = document.createElement( 'a' );
+						multiSellBtn.className = 'steamdb_multi_sell';
+						multiSellBtn.href = `https://steamcommunity.com/market/multisell?${params.toString()}`;
+						multiSellBtn.textContent = i18n.inventory_sell_multiple;
+						element.append( multiSellBtn );
+					}
 				}
 
 				element.classList.add( 'steamdb_quicksell_visible' );

scripts/community/profile_inventory.js

@@ -39,6 +39,7 @@ if( document.getElementById( 'inventory_link_753' ) )
 			inventory_sell_at: _t( 'inventory_sell_at' ),
 			inventory_list_at_title: _t( 'inventory_list_at_title' ),
 			inventory_sell_at_title: _t( 'inventory_sell_at_title' ),
+			inventory_sell_multiple: _t( 'inventory_sell_multiple' ),
 			inventory_badge_level: _t( 'inventory_badge_level' ),
 			inventory_badge_foil_level: _t( 'inventory_badge_foil_level' ),
 			inventory_badge_none: _t( 'inventory_badge_none' ),

styles/inventory.css

@@ -169,6 +169,32 @@ steamdb-iteminfo-footer {
 				padding: 0 4px;
 			}
 		}
+
+		.steamdb_multi_sell {
+			height: 24px;
+			padding-left: 12px;
+			padding-right: 12px;
+			margin-top: 12px;
+			border-radius: 2px;
+			font-size: 12px;
+			line-height: 16px;
+			letter-spacing: 0;
+			min-width: 100%;
+			box-sizing: border-box;
+			display: inline-flex;
+			justify-content: center;
+			align-items: center;
+			cursor: pointer;
+			background: #3d4450;
+			color: white;
+			transition-property: opacity, background, color, box-shadow;
+			transition-duration: 0.2s;
+			transition-timing-function: ease-out;
+
+			&:hover {
+				background: #67707b;
+			}
+		}
 	}
 
 	.steamdb_badge_info + .steamdb_quicksell {