From 5bba388ce2f1a210ad4bad125681e5308ee7cdc3 Mon Sep 17 00:00:00 2001
From: Pavel Djundik <xPaw@users.noreply.github.com>
Date: Mon, 22 Jul 2024 21:23:11 +0300
Subject: [PATCH 1/2] Use multiline template literals for html/css

---
 .editorconfig     |   9 +
 code.user.js      | 407 +++++++++++++++++++++++-----------------------
 eslint.config.mjs |   3 +-
 3 files changed, 218 insertions(+), 201 deletions(-)
 create mode 100644 .editorconfig

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..de1f522
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,9 @@
+# http://editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
diff --git a/code.user.js b/code.user.js
index b8ba39b..1b24a4f 100644
--- a/code.user.js
+++ b/code.user.js
@@ -1851,7 +1851,7 @@
         }
 
         // Initialize the inventory UI.
-        function initializeInventoryUI() {  
+        function initializeInventoryUI() {
             const isOwnInventory = unsafeWindow.g_ActiveUser.strSteamId == unsafeWindow.g_steamID;
             let previousSelection = -1; // To store the index of the previous selection.
             updateInventoryUI(isOwnInventory);
@@ -2152,14 +2152,16 @@
                         return;
                     }
 
-                    const groupMain = $('<div id="listings_group">' +
-                      '<div><div id="listings_sell">Sell</div>' +
-                      histogram.sell_order_table +
-                      '</div>' +
-                      '<div><div id="listings_buy">Buy</div>' +
-                      histogram.buy_order_table +
-                      '</div>' +
-                      '</div>');
+                    const groupMain = $(`<div id="listings_group">
+                        <div>
+                            <div id="listings_sell">Sell</div>
+                            ${histogram.sell_order_table}
+                        </div>
+                        <div>
+                            <div id="listings_buy">Buy</div>
+                            ${histogram.buy_order_table}
+                        </div>
+                    </div>`);
 
                     $('#' + item_info_id + '_item_market_actions > div').after(groupMain);
 
@@ -2182,30 +2184,25 @@
 
                     let buttons = ' ';
                     prices.forEach((e) => {
-                        buttons +=
-                            '<a class="item_market_action_button item_market_action_button_green quick_sell" id="quick_sell' +
-                            e +
-                            '">' +
-                            '<span class="item_market_action_button_edge item_market_action_button_left"></span>' +
-                            '<span class="item_market_action_button_contents">' +
-                            formatPrice(e) +
-                            '</span>' +
-                            '<span class="item_market_action_button_edge item_market_action_button_right"></span>' +
-                            '<span class="item_market_action_button_preload"></span>' +
-                            '</a>';
+                        buttons += `<a class="item_market_action_button item_market_action_button_green quick_sell" id="quick_sell${e}">
+                            <span class="item_market_action_button_edge item_market_action_button_left"></span>
+                            <span class="item_market_action_button_contents">${formatPrice(e)}</span>
+                            <span class="item_market_action_button_edge item_market_action_button_right"></span>
+                            <span class="item_market_action_button_preload"></span>
+                        </a>`;
                     });
 
                     $('#' + item_info_id + '_item_market_actions', item_info).append(buttons);
 
-                    $('#' + item_info_id + '_item_market_actions', item_info).append('<div style="display:flex">' +
-                    '<input id="quick_sell_input" style="background-color: black;color: white;border: transparent;max-width:65px;text-align:center;" type="number" value="' + histogram.lowest_sell_order / 100 + '" step="0.01" />' +
-                    '&nbsp;<a class="item_market_action_button item_market_action_button_green quick_sell_custom">' +
-                    '<span class="item_market_action_button_edge item_market_action_button_left"></span>' +
-                    '<span class="item_market_action_button_contents">➜ Sell</span>' +
-                    '<span class="item_market_action_button_edge item_market_action_button_right"></span>' +
-                    '<span class="item_market_action_button_preload"></span>' +
-                    '</a>' +
-                    '</div>');
+                    $('#' + item_info_id + '_item_market_actions', item_info).append(`<div style="display:flex">
+                        <input id="quick_sell_input" style="background-color: black;color: white;border: transparent;max-width:65px;text-align:center;" type="number" value="${histogram.lowest_sell_order / 100}" step="0.01" />&nbsp;
+                        <a class="item_market_action_button item_market_action_button_green quick_sell_custom">
+                            <span class="item_market_action_button_edge item_market_action_button_left"></span>
+                            <span class="item_market_action_button_contents">➜ Sell</span>
+                            <span class="item_market_action_button_edge item_market_action_button_right"></span>
+                            <span class="item_market_action_button_preload"></span>
+                        </a>
+                    </div>`);
 
                     $('.quick_sell').on(
                         'click',
@@ -2244,7 +2241,7 @@
         function updateInventoryUI(isOwnInventory) {
             // Remove previous containers (e.g., when a user changes inventory).
             $('#inventory_sell_buttons').remove();
-            $('#price_options').remove();
+            $('#see_settings_modal').remove();
             $('#inventory_reload_button').remove();
 
             $('#see_settings').remove();
@@ -2256,21 +2253,27 @@
             const showMiscOptions = appId == 753;
             const TF2 = appId == 440;
 
-            const sellButtons = $('<div id="inventory_sell_buttons" class="see_inventory_buttons">' +
-              '<a class="btn_green_white_innerfade btn_medium_wide sell_all"><span>Sell All Items</span></a>' +
-              '<a class="btn_green_white_innerfade btn_medium_wide sell_all_duplicates"><span>Sell All Duplicate Items</span></a>' +
-              '<a class="btn_green_white_innerfade btn_medium_wide sell_selected" style="display:none"><span>Sell Selected Items</span></a>' +
-              '<a class="btn_green_white_innerfade btn_medium_wide sell_manual" style="display:none"><span>Sell Manually</span></a>' +
-              (showMiscOptions
-                  ? '<a class="btn_green_white_innerfade btn_medium_wide sell_all_cards"><span>Sell All Cards</span></a>' +
-                  '<div class="see_inventory_buttons">' +
-                  '<a class="btn_darkblue_white_innerfade btn_medium_wide turn_into_gems" style="display:none"><span>Turn Selected Items Into Gems</span></a>' +
-                  '<a class="btn_darkblue_white_innerfade btn_medium_wide gem_all_duplicates"><span>Turn All Duplicate Items Into Gems</span></a>' +
-                  '<a class="btn_darkblue_white_innerfade btn_medium_wide unpack_booster_packs" style="display:none"><span>Unpack Selected Booster Packs</span></a>' +
-                  '</div>'
-                  : '') +
-                  (TF2 ? '<a class="btn_green_white_innerfade btn_medium_wide sell_all_crates"><span>Sell All Crates</span></a>' : '') +
-                  '</div>');
+            let buttonsHtml = `
+                <a class="btn_green_white_innerfade btn_medium_wide sell_all"><span>Sell All Items</span></a>
+                <a class="btn_green_white_innerfade btn_medium_wide sell_all_duplicates"><span>Sell All Duplicate Items</span></a>
+                <a class="btn_green_white_innerfade btn_medium_wide sell_selected" style="display:none"><span>Sell Selected Items</span></a>
+                <a class="btn_green_white_innerfade btn_medium_wide sell_manual" style="display:none"><span>Sell Manually</span></a>
+            `;
+
+            if (showMiscOptions) {
+                buttonsHtml += `
+                    <a class="btn_green_white_innerfade btn_medium_wide sell_all_cards"><span>Sell All Cards</span></a>
+                    <div class="see_inventory_buttons">
+                        <a class="btn_darkblue_white_innerfade btn_medium_wide turn_into_gems" style="display:none"><span>Turn Selected Items Into Gems</span></a>
+                        <a class="btn_darkblue_white_innerfade btn_medium_wide gem_all_duplicates"><span>Turn All Duplicate Items Into Gems</span></a>
+                        <a class="btn_darkblue_white_innerfade btn_medium_wide unpack_booster_packs" style="display:none"><span>Unpack Selected Booster Packs</span></a>
+                    </div>
+                `;
+            } else if (TF2) {
+                buttonsHtml += '<a class="btn_green_white_innerfade btn_medium_wide sell_all_crates"><span>Sell All Crates</span></a>';
+            }
+
+            const sellButtons = $(`<div id="inventory_sell_buttons" class="see_inventory_buttons">${buttonsHtml}</div>`);
 
             const reloadButton =
                 $('<a id="inventory_reload_button" class="btn_darkblue_white_innerfade btn_medium_wide reload_inventory" style="margin-right:12px"><span>Reload Inventory</span></a>');
@@ -2416,12 +2419,12 @@
     if (currentPage == PAGE_INVENTORY || currentPage == PAGE_TRADEOFFER) {
 
         // Gets the active inventory.
-        function getActiveInventory() {  
+        function getActiveInventory() {
             return unsafeWindow.g_ActiveInventory;
         }
 
         // Sets the prices for the items.
-        function setInventoryPrices(items) {  
+        function setInventoryPrices(items) {
             inventoryPriceQueue.kill();
 
             items.forEach((item) => {
@@ -3406,57 +3409,44 @@
         }
 
         // Initialize the market UI.
-        function initializeMarketUI() {  
+        function initializeMarketUI() {
             $('.market_header_text').append('<progress id="see_market_progress" value="1" max="1" hidden>');
             marketProgressBar = document.getElementById('see_market_progress');
 
             // Sell orders.
-            $('.my_market_header').first().append('<div class="market_listing_buttons">' +
-
-            '<a class="item_market_action_button item_market_action_button_green select_all market_listing_button">' +
-            '<span class="item_market_action_button_contents" style="text-transform:none">Select all</span>' +
-            '</a>' +
-            '<span class="separator-small"></span>' +
-
-            '<a class="item_market_action_button item_market_action_button_green select_five_from_page market_listing_button">' +
-            '<span class="item_market_action_button_contents" style="text-transform:none">Select 5</span>' +
-            '</a>' +
-            '<span class="separator-small"></span>' +
-
-            '<a class="item_market_action_button item_market_action_button_green select_twentyfive_from_page market_listing_button">' +
-            '<span class="item_market_action_button_contents" style="text-transform:none">Select 25</span>' +
-            '</a>' +
-            '<span class="separator-small"></span>' +
-
-            '<a class="item_market_action_button item_market_action_button_green remove_selected market_listing_button">' +
-            '<span class="item_market_action_button_contents" style="text-transform:none">Remove selected</span>' +
-            '</a>' +
-            '<a class="item_market_action_button item_market_action_button_green relist_selected market_listing_button market_listing_button_right">' +
-            '<span class="item_market_action_button_contents" style="text-transform:none">Relist selected</span>' +
-            '</a>' +
-            '<span class="separator-small"></span>' +
-
-            '<a class="item_market_action_button item_market_action_button_green relist_overpriced market_listing_button market_listing_button_right">' +
-            '<span class="item_market_action_button_contents" style="text-transform:none">Relist overpriced</span>' +
-            '</a>' +
-            '<span class="separator-small"></span>' +
-
-            '<a class="item_market_action_button item_market_action_button_green select_overpriced market_listing_button market_listing_button_right">' +
-            '<span class="item_market_action_button_contents" style="text-transform:none">Select overpriced</span>' +
-            '</a>' +
-
-            '</div>');
+            $('.my_market_header').first().append(`<div class="market_listing_buttons">
+                <a class="item_market_action_button item_market_action_button_green select_all market_listing_button">
+                    <span class="item_market_action_button_contents">Select all</span>
+                </a>
+                <a class="item_market_action_button item_market_action_button_green select_five_from_page market_listing_button">
+                    <span class="item_market_action_button_contents">Select 5</span>
+                </a>
+                <a class="item_market_action_button item_market_action_button_green select_twentyfive_from_page market_listing_button">
+                    <span class="item_market_action_button_contents">Select 25</span>
+                </a>
+                <a class="item_market_action_button item_market_action_button_green remove_selected market_listing_button">
+                    <span class="item_market_action_button_contents">Remove selected</span>
+                </a>
+                <a class="item_market_action_button item_market_action_button_green relist_selected market_listing_button" style="margin-left:auto">
+                    <span class="item_market_action_button_contents">Relist selected</span>
+                </a>
+                <a class="item_market_action_button item_market_action_button_green relist_overpriced market_listing_button">
+                    <span class="item_market_action_button_contents">Relist overpriced</span>
+                </a>
+                <a class="item_market_action_button item_market_action_button_green select_overpriced market_listing_button">
+                    <span class="item_market_action_button_contents">Select overpriced</span>
+                </a>
+            </div>`);
 
             // Listings confirmations and buy orders.
-            $('.my_market_header').slice(1).append('<div class="market_listing_buttons">' +
-            '<a class="item_market_action_button item_market_action_button_green select_all market_listing_button">' +
-            '<span class="item_market_action_button_contents" style="text-transform:none">Select all</span>' +
-            '</a>' +
-            '<span class="separator-large"></span>' +
-            '<a class="item_market_action_button item_market_action_button_green remove_selected market_listing_button">' +
-            '<span class="item_market_action_button_contents" style="text-transform:none">Remove selected</span>' +
-            '</a>' +
-            '</div>');
+            $('.my_market_header').slice(1).append(`<div class="market_listing_buttons">
+                <a class="item_market_action_button item_market_action_button_green select_all market_listing_button">
+                    <span class="item_market_action_button_contents">Select all</span>
+                </a>
+                <a class="item_market_action_button item_market_action_button_green remove_selected market_listing_button">
+                    <span class="item_market_action_button_contents">Remove selected</span>
+                </a>
+            </div>`);
 
             $('.market_listing_table_header').on('click', 'span', function() {
                 if ($(this).hasClass('market_listing_edit_buttons') || $(this).hasClass('item_market_action_button_contents')) {
@@ -3597,7 +3587,7 @@
     //#region Tradeoffers
     if (currentPage == PAGE_TRADEOFFER) {
         // Gets the trade offer's inventory items from the active inventory.
-        function getTradeOfferInventoryItems() {  
+        function getTradeOfferInventoryItems() {
             const arr = [];
 
             for (const child in getActiveInventory().rgChildInventories) {
@@ -3628,7 +3618,7 @@
             return arr;
         }
 
-        function sumTradeOfferAssets(assets, user) {  
+        function sumTradeOfferAssets(assets, user) {
             const total = {};
             let totalPrice = 0;
             for (let i = 0; i < assets.length; i++) {
@@ -3774,18 +3764,15 @@
 
 
         // This only works with a new trade offer.
-        if (!window.location.href.includes('tradeoffer/new')) {
+        if (location.pathname !== '/tradeoffer/new/') {
             return;
         }
 
-        $('#inventory_displaycontrols').append(
-            '<br/>' +
-            '<div class="trade_offer_buttons">' +
-            '<a class="item_market_action_button item_market_action_button_green select_all" style="margin-top:1px">' +
-            '<span class="item_market_action_button_contents" style="text-transform:none">Select all from page</span>' +
-            '</a>' +
-            '</div>'
-        );
+        $('#inventory_displaycontrols').append(`<div class="trade_offer_buttons">
+            <a class="item_market_action_button item_market_action_button_green select_all">
+                <span class="item_market_action_button_contents" style="text-transform:none">Select all from page</span>
+            </a>
+        </div>`);
 
         $('.select_all').on('click', '*', () => {
             $('.inventory_ctn:visible > .inventory_page:visible > .itemHolder:visible').delayedEach(250, (i, it) => {
@@ -3806,65 +3793,73 @@
 
     //#region Settings
     function openSettings() {
-        const price_options = $(
-            '<div id="price_options">' +
-            '<div style="margin-bottom:6px;">' +
-            'Calculate prices as the:&nbsp;<select class="price_option_input" style="background-color: black;color: white;border: transparent;" id="' + SETTING_PRICE_ALGORITHM + '">' +
-            '<option value="1"' + (getSettingWithDefault(SETTING_PRICE_ALGORITHM) == 1 ? 'selected="selected"' : '') + '>Maximum of the average history and lowest sell listing</option>' +
-            '<option value="2" ' + (getSettingWithDefault(SETTING_PRICE_ALGORITHM) == 2 ? 'selected="selected"' : '') + '>Lowest sell listing</option>' +
-            '<option value="3" ' + (getSettingWithDefault(SETTING_PRICE_ALGORITHM) == 3 ? 'selected="selected"' : '') + '>Highest current buy order or lowest sell listing</option>' +
-            '</select>' +
-            '<br/>' +
-            '</div>' +
-            '<div style="margin-bottom:6px;">' +
-            'Hours to use for the average history calculated price:&nbsp;<input class="price_option_input" style="background-color: black;color: white;border: transparent;" type="number" min="0" step="2" id="' + SETTING_PRICE_HISTORY_HOURS + '" value=' + getSettingWithDefault(SETTING_PRICE_HISTORY_HOURS) + '>' +
-            '</div>' +
-            '<div style="margin-bottom:6px;">' +
-            'The value to add to the calculated price (minimum and maximum are respected):&nbsp;<input class="price_option_input price_option_price" style="background-color: black;color: white;border: transparent;" type="number" step="0.01" id="' + SETTING_PRICE_OFFSET + '" value=' + getSettingWithDefault(SETTING_PRICE_OFFSET) + '>' +
-            '<br/>' +
-            '</div>' +
-            '<div style="margin-top:6px">' +
-            'Use the second lowest sell listing when the lowest sell listing has a low quantity:&nbsp;<input class="price_option_input" style="background-color: black;color: white;border: transparent;" type="checkbox" id="' + SETTING_PRICE_IGNORE_LOWEST_Q + '" ' + (getSettingWithDefault(SETTING_PRICE_IGNORE_LOWEST_Q) == 1 ? 'checked=""' : '') + '>' +
-            '<br/>' +
-            '</div>' +
-            '<div style="margin-top:6px;">' +
-            'Don\'t check market listings with prices of and below:&nbsp;<input class="price_option_input price_option_price" style="background-color: black;color: white;border: transparent;" type="number" step="0.01" id="' + SETTING_PRICE_MIN_CHECK_PRICE + '" value=' + getSettingWithDefault(SETTING_PRICE_MIN_CHECK_PRICE) + '>' +
-            '<br/>' +
-            '</div>' +
-            '<div style="margin-top:24px">' +
-            'Show price labels in inventory:&nbsp;<input class="price_option_input" style="background-color: black;color: white;border: transparent;" type="checkbox" id="' + SETTING_INVENTORY_PRICE_LABELS + '" ' + (getSettingWithDefault(SETTING_INVENTORY_PRICE_LABELS) == 1 ? 'checked=""' : '') + '>' +
-            '</div>' +
-            '<div style="margin-top:6px">' +
-            'Show price labels in trade offers:&nbsp;<input class="price_option_input" style="background-color: black;color: white;border: transparent;" type="checkbox" id="' + SETTING_TRADEOFFER_PRICE_LABELS + '" ' + (getSettingWithDefault(SETTING_TRADEOFFER_PRICE_LABELS) == 1 ? 'checked=""' : '') + '>' +
-            '</div>' +
-            '<div style="margin-top:6px">' +
-            'Show quick sell info and buttons:&nbsp;<input class="price_option_input" style="background-color: black;color: white;border: transparent;" type="checkbox" id="' + SETTING_QUICK_SELL_BUTTONS + '" ' + (getSettingWithDefault(SETTING_QUICK_SELL_BUTTONS) == 1 ? 'checked=""' : '') + '>' +
-            '</div>' +
-            '<div style="margin-top:24px">' +
-            '<div style="margin-bottom:6px;">' +
-            'Minimum:&nbsp;<input class="price_option_input price_option_price" style="background-color: black;color: white;border: transparent;" type="number" step="0.01" id="' + SETTING_MIN_NORMAL_PRICE + '" value=' + getSettingWithDefault(SETTING_MIN_NORMAL_PRICE) + '>&nbsp;' +
-            'and maximum:&nbsp;<input class="price_option_input price_option_price" style="background-color: black;color: white;border: transparent;" type="number" step="0.01" id="' + SETTING_MAX_NORMAL_PRICE + '" value=' + getSettingWithDefault(SETTING_MAX_NORMAL_PRICE) + '>&nbsp;price for normal cards' +
-            '<br/>' +
-            '</div>' +
-            '<div style="margin-bottom:6px;">' +
-            'Minimum:&nbsp;<input class="price_option_input price_option_price" style="background-color: black;color: white;border: transparent;" type="number" step="0.01" id="' + SETTING_MIN_FOIL_PRICE + '" value=' + getSettingWithDefault(SETTING_MIN_FOIL_PRICE) + '>&nbsp;' +
-            'and maximum:&nbsp;<input class="price_option_input price_option_price" style="background-color: black;color: white;border: transparent;" type="number" step="0.01" id="' + SETTING_MAX_FOIL_PRICE + '" value=' + getSettingWithDefault(SETTING_MAX_FOIL_PRICE) + '>&nbsp;price for foil cards' +
-            '<br/>' +
-            '</div>' +
-            '<div style="margin-bottom:6px;">' +
-            'Minimum:&nbsp;<input class="price_option_input price_option_price" style="background-color: black;color: white;border: transparent;" type="number" step="0.01" id="' + SETTING_MIN_MISC_PRICE + '" value=' + getSettingWithDefault(SETTING_MIN_MISC_PRICE) + '>&nbsp;' +
-            'and maximum:&nbsp;<input class="price_option_input price_option_price" style="background-color: black;color: white;border: transparent;" type="number" step="0.01" id="' + SETTING_MAX_MISC_PRICE + '" value=' + getSettingWithDefault(SETTING_MAX_MISC_PRICE) + '>&nbsp;price for other items' +
-            '<br/>' +
-            '</div>' +
-            '<div style="margin-top:24px;margin-bottom:6px;">' +
-            'Market items per page:&nbsp;<input class="price_option_input price_option_price" style="background-color: black;color: white;border: transparent;" type="number" min="1" step="5" id="' + SETTING_MARKET_PAGE_COUNT + '" value=' + getSettingWithDefault(SETTING_MARKET_PAGE_COUNT) + '>' +
-            '<br/>' +
-            '<div style="margin-top:6px;">' +
-            'Automatically relist overpriced market listings (slow on large inventories):&nbsp;<input id="' + SETTING_RELIST_AUTOMATICALLY + '" class="market_relist_auto" type="checkbox" ' + (getSettingWithDefault(SETTING_RELIST_AUTOMATICALLY) == 1 ? 'checked=""' : '') + '>' +
-            '</label>' +
-            '</div>' +
-            '</div>' +
-            '</div>');
+        const price_options = $(`<div id="see_settings_modal">
+            <div>
+                Calculate prices as the:&nbsp;
+                <select id="${SETTING_PRICE_ALGORITHM}">
+                    <option value="1"${getSettingWithDefault(SETTING_PRICE_ALGORITHM) == 1 ? 'selected="selected"' : ''}>Maximum of the average history and lowest sell listing</option>
+                    <option value="2" ${getSettingWithDefault(SETTING_PRICE_ALGORITHM) == 2 ? 'selected="selected"' : ''}>Lowest sell listing</option>
+                    <option value="3" ${getSettingWithDefault(SETTING_PRICE_ALGORITHM) == 3 ? 'selected="selected"' : ''}>Highest current buy order or lowest sell listing</option>
+                </select>
+            </div>
+            <div style="margin-top:6px;">
+                Hours to use for the average history calculated price:&nbsp;
+                <input type="number" min="0" step="2" id="${SETTING_PRICE_HISTORY_HOURS}" value=${getSettingWithDefault(SETTING_PRICE_HISTORY_HOURS)}>
+            </div>
+            <div style="margin-top:6px;">
+                The value to add to the calculated price (minimum and maximum are respected):&nbsp;
+                <input type="number" step="0.01" id="${SETTING_PRICE_OFFSET}" value=${getSettingWithDefault(SETTING_PRICE_OFFSET)}>
+            </div>
+            <div style="margin-top:6px">
+                Use the second lowest sell listing when the lowest sell listing has a low quantity:&nbsp;
+                <input type="checkbox" id="${SETTING_PRICE_IGNORE_LOWEST_Q}" ${getSettingWithDefault(SETTING_PRICE_IGNORE_LOWEST_Q) == 1 ? 'checked' : ''}>
+            </div>
+            <div style="margin-top:6px;">
+                Don't check market listings with prices of and below:&nbsp;
+                <input type="number" step="0.01" id="${SETTING_PRICE_MIN_CHECK_PRICE}" value=${getSettingWithDefault(SETTING_PRICE_MIN_CHECK_PRICE)}>
+            </div>
+            <div style="margin-top:24px">
+                Show price labels in inventory:&nbsp;
+                <input type="checkbox" id="${SETTING_INVENTORY_PRICE_LABELS}" ${getSettingWithDefault(SETTING_INVENTORY_PRICE_LABELS) == 1 ? 'checked' : ''}>
+            </div>
+            <div style="margin-top:6px">
+                Show price labels in trade offers:&nbsp;
+                <input type="checkbox" id="${SETTING_TRADEOFFER_PRICE_LABELS}" ${getSettingWithDefault(SETTING_TRADEOFFER_PRICE_LABELS) == 1 ? 'checked' : ''}>
+            </div>
+            <div style="margin-top:6px">
+                Show quick sell info and buttons:&nbsp;
+                <input type="checkbox" id="${SETTING_QUICK_SELL_BUTTONS}" ${getSettingWithDefault(SETTING_QUICK_SELL_BUTTONS) == 1 ? 'checked' : ''}>
+            </div>
+            <div style="margin-top:24px;">
+                Minimum:&nbsp;
+                <input type="number" step="0.01" id="${SETTING_MIN_NORMAL_PRICE}" value=${getSettingWithDefault(SETTING_MIN_NORMAL_PRICE)}>
+                &nbsp;and maximum:&nbsp;
+                <input type="number" step="0.01" id="${SETTING_MAX_NORMAL_PRICE}" value=${getSettingWithDefault(SETTING_MAX_NORMAL_PRICE)}>
+                &nbsp;price for normal cards
+            </div>
+            <div style="margin-top:6px;">
+                Minimum:&nbsp;
+                <input type="number" step="0.01" id="${SETTING_MIN_FOIL_PRICE}" value=${getSettingWithDefault(SETTING_MIN_FOIL_PRICE)}>
+                &nbsp;and maximum:&nbsp;
+                <input type="number" step="0.01" id="${SETTING_MAX_FOIL_PRICE}" value=${getSettingWithDefault(SETTING_MAX_FOIL_PRICE)}>
+                &nbsp;price for foil cards
+            </div>
+            <div style="margin-top:6px;">
+                Minimum:&nbsp;
+                <input type="number" step="0.01" id="${SETTING_MIN_MISC_PRICE}" value=${getSettingWithDefault(SETTING_MIN_MISC_PRICE)}>
+                &nbsp;and maximum:&nbsp;
+                <input type="number" step="0.01" id="${SETTING_MAX_MISC_PRICE}" value=${getSettingWithDefault(SETTING_MAX_MISC_PRICE)}>
+                &nbsp;price for other items
+            </div>
+            <div style="margin-top:24px;">
+                Market items per page:&nbsp;
+                <input type="number" min="1" step="5" id="${SETTING_MARKET_PAGE_COUNT}" value=${getSettingWithDefault(SETTING_MARKET_PAGE_COUNT)}>
+            </div>
+            <div style="margin-top:6px;">
+                Automatically relist overpriced market listings (slow on large inventories):&nbsp;
+                <input id="${SETTING_RELIST_AUTOMATICALLY}" class="market_relist_auto" type="checkbox" ${getSettingWithDefault(SETTING_RELIST_AUTOMATICALLY) == 1 ? 'checked' : ''}>
+            </div>
+        </div>`);
 
         unsafeWindow.ShowConfirmDialog('Steam Economy Enhancer', price_options).done(() => {
             setSetting(SETTING_MIN_NORMAL_PRICE, $('#' + SETTING_MIN_NORMAL_PRICE, price_options).val());
@@ -3890,44 +3885,56 @@
     //#endregion
 
     //#region UI
-    injectCss(
-        '.ui-selected { outline: 2px dashed #FFFFFF; } ' +
-        '#logger { color: #767676; font-size: 12px;margin-top:16px; max-height: 200px; overflow-y: auto; }' +
-        '.trade_offer_sum { color: #767676; font-size: 12px;margin-top:8px; }' +
-        '.trade_offer_buttons { margin-top: 12px; }' +
-        '.market_commodity_orders_table { font-size:12px; font-family: "Motiva Sans", Sans-serif; font-weight: 300; }' +
-        '.market_commodity_orders_table th { padding-left: 10px; }' +
-        '#listings_group { display: flex; justify-content: space-between; margin-bottom: 8px; }' +
-        '#listings_sell { text-align: right; color: #589328; font-weight:600; }' +
-        '#listings_buy { text-align: right; color: #589328; font-weight:600; }' +
-        '.market_listing_my_price { height: 50px; padding-right:6px; }' +
-        '.market_listing_edit_buttons.actual_content { width:276px; transition-property: background-color, border-color; transition-timing-function: linear; transition-duration: 0.5s;}' +
-        '.market_listing_buttons { margin-top: 6px; background: rgba(0, 0, 0, 0.4); padding: 5px 0px 1px 0px; }' +
-        '.market_listing_button { margin-right: 4px; }' +
-        '.market_listing_button_right { float:right; }' +
-        '.market_listing_button:first-child { margin-left: 4px; }' +
-        '.market_listing_label_right { float:right; font-size:12px; margin-top:1px; }' +
-        '.market_listing_select { position: absolute; top: 16px;right: 10px; display: flex; }' +
-        '#market_listing_relist { vertical-align: middle; position: relative; bottom: -1px; right: 2px; }' +
-        '.pick_and_sell_button > a { vertical-align: middle; }' +
-        '.market_relist_auto { margin-bottom: 8px;  }' +
-        '.market_relist_auto_label { margin-right: 6px;  }' +
-        '.quick_sell { margin-right: 4px; }' +
-        '.spinner{margin:10px auto;width:50px;height:40px;text-align:center;font-size:10px;}.spinner > div{background-color:#ccc;height:100%;width:6px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}' +
-        '#market_name_search { float: right; background: rgba(0, 0, 0, 0.25); color: white; border: none;height: 25px; padding-left: 6px;}' +
-        '.price_option_price { width: 100px }' +
-        '#see_settings { background: #26566c; margin-right: 10px; height: 24px; line-height:24px; display:inline-block; padding: 0px 6px; }' +
-        '.inventory_item_price { top: 0px;position: absolute;right: 0;background: #3571a5;padding: 2px;color: white; font-size:11px; border: 1px solid #666666;}' +
-        '.separator-large {display:inline-block;width:6px;}' +
-        '.separator-small {display:inline-block;width:1px;}' +
-        '.see_inventory_buttons {display:flex;flex-wrap:wrap;gap:10px;}' +
-        '.see_inventory_buttons > .see_inventory_buttons {flex-basis: 100%;}' +
-        '#see_market_progress { display: block; width: 50%; height: 20px; }' +
-        '#see_market_progress[hidden] { visibility: hidden; }' +
-        '.pagination { padding-left: 0px; }' +
-        '.pagination li { display:inline-block; padding: 5px 10px;background: rgba(255, 255, 255, 0.10); margin-right: 6px; border: 1px solid #666666; }' +
-        '.pagination li.active { background: rgba(255, 255, 255, 0.25); }'
-    );
+    injectCss(`
+        .ui-selected { outline: 2px dashed #FFFFFF; }
+        #logger { color: #767676; font-size: 12px;margin-top:16px; max-height: 200px; overflow-y: auto; }
+        .trade_offer_sum { color: #767676; font-size: 12px; margin-top:8px; user-select: text; }
+        .trade_offer_buttons { margin-top: 12px; }
+        .market_commodity_orders_table { font-size:12px; font-family: "Motiva Sans", Sans-serif; font-weight: 300; }
+        .market_commodity_orders_table th { padding-left: 10px; }
+        #listings_group { display: flex; justify-content: space-between; margin-bottom: 8px; }
+        #listings_sell { text-align: right; color: #589328; font-weight:600; }
+        #listings_buy { text-align: right; color: #589328; font-weight:600; }
+        .market_listing_my_price { height: 50px; padding-right:6px; }
+        .market_listing_edit_buttons.actual_content { width:276px; transition-property: background-color, border-color; transition-timing-function: linear; transition-duration: 0.5s;}
+        .market_listing_buttons { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 6px; padding: 5px; background: rgba(0, 0, 0, 0.4); }
+        .market_listing_label_right { float:right; font-size:12px; margin-top:1px; }
+        .market_listing_select { position: absolute; top: 16px;right: 10px; display: flex; }
+        #market_listing_relist { vertical-align: middle; position: relative; bottom: -1px; right: 2px; }
+        .pick_and_sell_button > a { vertical-align: middle; }
+        .market_relist_auto { margin-bottom: 8px;  }
+        .market_relist_auto_label { margin-right: 6px; }
+        .quick_sell { margin-right: 4px; }
+
+        .spinner {margin:10px auto;width:50px;height:40px;text-align:center;font-size:10px;}
+        .spinner > div {background-color:#ccc;height:100%;width:6px;display:inline-block;animation:sk-stretchdelay 1.2s infinite ease-in-out}
+        .spinner .rect2 {animation-delay:-1.1s}
+        .spinner .rect3 {animation-delay:-1s}
+        .spinner .rect4 {animation-delay:-.9s}
+        .spinner .rect5 {animation-delay:-.8s}
+        @keyframes sk-stretchdelay {
+            0%,40%,100% {transform:scaleY(0.4);}
+            20% {transform:scaleY(1.0);}
+        }
+
+        #market_name_search { float: right; background: rgba(0, 0, 0, 0.25); color: white; border: none;height: 25px; padding-left: 6px;}
+        .price_option_price { width: 100px }
+        .inventory_item_price { top: 0px;position: absolute;right: 0;background: #3571a5;padding: 2px;color: white; font-size:11px; border: 1px solid #666666;}
+
+        .see_inventory_buttons {display:flex;flex-wrap:wrap;gap:10px;}
+        .see_inventory_buttons > .see_inventory_buttons {flex-basis: 100%;}
+        #see_market_progress { display: block; width: 50%; height: 20px; }
+        #see_market_progress[hidden] { visibility: hidden; }
+
+        .pagination { padding-left: 0px; }
+        .pagination li { display:inline-block; padding: 5px 10px;background: rgba(255, 255, 255, 0.10); margin-right: 6px; border: 1px solid #666666; }
+        .pagination li.active { background: rgba(255, 255, 255, 0.25); }
+
+        #see_settings { background: #26566c; margin-right: 10px; height: 24px; line-height:24px; display:inline-block; padding: 0px 6px; }
+        #see_settings_modal select, #see_settings_modal input[type="number"] { background-color: black; color: white; border: transparent; padding: 4px 8px; }
+        #see_settings_modal input[type="number"] { width: 100px; }
+        #see_settings_modal input[type="checkbox"] { width: 16px; height: 16px; vertical-align: middle; accent-color: #000; }
+    `);
 
     $(document).ready(() => {
         // Make sure the user is logged in, there's not much we can do otherwise.
diff --git a/eslint.config.mjs b/eslint.config.mjs
index e105c41..68ccd8f 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -14,7 +14,9 @@ export default [
     ...pluginJs.configs.recommended,
     ...stylistic.configs['all-flat'],
     rules: {
+      '@stylistic/brace-style': ['error', '1tbs'],
       '@stylistic/function-call-argument-newline': 'off',
+      '@stylistic/keyword-spacing': ['error', { before: true }],
       '@stylistic/multiline-comment-style': 'off',
       '@stylistic/multiline-ternary': 'off',
       '@stylistic/newline-per-chained-call': 'off',
@@ -23,7 +25,6 @@ export default [
       '@stylistic/quotes': ['error', 'single'],
       '@stylistic/space-before-function-paren': ['error', 'never'],
       '@stylistic/spaced-comment': 'off',
-      '@stylistic/brace-style': ['error', '1tbs'],
       curly: ['error', 'all'],
       'no-var': 'error',
       'prefer-const': 'error',

From be102f5c2885a3f516b8aa6c0216a37acabebbcd Mon Sep 17 00:00:00 2001
From: Pavel Djundik <xPaw@users.noreply.github.com>
Date: Mon, 22 Jul 2024 21:28:11 +0300
Subject: [PATCH 2/2] Prefer template literals

---
 code.user.js      | 323 ++++++++++++++++++++--------------------------
 eslint.config.mjs |   4 +-
 2 files changed, 142 insertions(+), 185 deletions(-)

diff --git a/code.user.js b/code.user.js
index 1b24a4f..077562e 100644
--- a/code.user.js
+++ b/code.user.js
@@ -115,7 +115,7 @@
             return unsafeWindow.g_strInventoryLoadURL;
         }
 
-        let profileUrl = window.location.origin + '/my/';
+        let profileUrl = `${window.location.origin}/my/`;
 
         if (unsafeWindow.g_strProfileURL) {
             profileUrl = unsafeWindow.g_strProfileURL;
@@ -127,7 +127,7 @@
             }
         }
 
-        return profileUrl.replace(/\/$/, '') + '/inventory/json/';
+        return `${profileUrl.replace(/\/$/, '')}/inventory/json/`;
     }
 
     //#region Settings
@@ -200,14 +200,14 @@
         setSetting(SETTING_LAST_CACHE, lastCache + 1);
 
         storageSession = localforage.createInstance({
-            name: 'see_session_' + lastCache
+            name: `see_session_${lastCache}`
         });
 
         storageSession.clear(); // Clear any previous data.
         setSessionStorageItem('SESSION', lastCache);
     } else {
         storageSession = localforage.createInstance({
-            name: 'see_session_' + getSessionStorageItem('SESSION')
+            name: `see_session_${getSessionStorageItem('SESSION')}`
         });
     }
 
@@ -215,7 +215,7 @@
         try {
             return localStorage.getItem(name);
         } catch (e) {
-            logConsole('Failed to get local storage item ' + name + ', ' + e + '.');
+            logConsole(`Failed to get local storage item ${name}, ${e}.`);
             return null;
         }
     }
@@ -225,7 +225,7 @@
             localStorage.setItem(name, value);
             return true;
         } catch (e) {
-            logConsole('Failed to set local storage item ' + name + ', ' + e + '.');
+            logConsole(`Failed to set local storage item ${name}, ${e}.`);
             return false;
         }
     }
@@ -234,7 +234,7 @@
         try {
             return sessionStorage.getItem(name);
         } catch (e) {
-            logConsole('Failed to get session storage item ' + name + ', ' + e + '.');
+            logConsole(`Failed to get session storage item ${name}, ${e}.`);
             return null;
         }
     }
@@ -244,7 +244,7 @@
             sessionStorage.setItem(name, value);
             return true;
         } catch (e) {
-            logConsole('Failed to set session storage item ' + name + ', ' + e + '.');
+            logConsole(`Failed to set session storage item ${name}, ${e}.`);
             return false;
         }
     }
@@ -429,7 +429,7 @@
 
     function padLeftZero(str, max) {
         str = str.toString();
-        return str.length < max ? padLeftZero('0' + str, max) : str;
+        return str.length < max ? padLeftZero(`0${str}`, max) : str;
     }
 
     function replaceNonNumbers(str) {
@@ -446,7 +446,7 @@
         const itemId = item.assetid || item.id;
         $.ajax({
             type: 'POST',
-            url: window.location.origin + '/market/sellitem/',
+            url: `${window.location.origin}/market/sellitem/`,
             data: {
                 sessionid: sessionId,
                 appid: item.appid,
@@ -477,7 +477,7 @@
         if (isBuyOrder) {
             $.ajax({
                 type: 'POST',
-                url: window.location.origin + '/market/cancelbuyorder/',
+                url: `${window.location.origin}/market/cancelbuyorder/`,
                 data: {
                     sessionid: sessionId,
                     buy_orderid: item
@@ -495,7 +495,7 @@
 
         $.ajax({
             type: 'POST',
-            url: window.location.origin + '/market/removelisting/' + item,
+            url: `${window.location.origin}/market/removelisting/${item}`,
             data: {
                 sessionid: sessionId
             },
@@ -526,7 +526,7 @@
             const appid = item.appid;
 
             if (cache) {
-                const storage_hash = 'pricehistory_' + appid + '+' + market_name;
+                const storage_hash = `pricehistory_${appid}+${market_name}`;
 
                 storageSession.getItem(storage_hash).
                     then((value) => {
@@ -569,7 +569,7 @@
             const sessionId = readCookie('sessionid');
             $.ajax({
                 type: 'GET',
-                url: this.inventoryUrlBase + 'ajaxgetgoovalue/',
+                url: `${this.inventoryUrlBase}ajaxgetgoovalue/`,
                 data: {
                     sessionid: sessionId,
                     appid: appid,
@@ -603,7 +603,7 @@
             const sessionId = readCookie('sessionid');
             $.ajax({
                 type: 'POST',
-                url: this.inventoryUrlBase + 'ajaxgrindintogoo/',
+                url: `${this.inventoryUrlBase}ajaxgrindintogoo/`,
                 data: {
                     sessionid: sessionId,
                     appid: item.market_fee_app,
@@ -638,7 +638,7 @@
             const sessionId = readCookie('sessionid');
             $.ajax({
                 type: 'POST',
-                url: this.inventoryUrlBase + 'ajaxunpackbooster/',
+                url: `${this.inventoryUrlBase}ajaxunpackbooster/`,
                 data: {
                     sessionid: sessionId,
                     appid: item.market_fee_app,
@@ -664,11 +664,7 @@
 
     // Get the current price history for an item.
     SteamMarket.prototype.getCurrentPriceHistory = function(appid, market_name, callback) {
-        const url = window.location.origin +
-          '/market/pricehistory/?appid=' +
-          appid +
-          '&market_hash_name=' +
-          market_name;
+        const url = `${window.location.origin}/market/pricehistory/?appid=${appid}&market_hash_name=${market_name}`;
 
         $.get(
             url,
@@ -685,7 +681,7 @@
                 }
 
                 // Store the price history in the session storage.
-                const storage_hash = 'pricehistory_' + appid + '+' + market_name;
+                const storage_hash = `pricehistory_${appid}+${market_name}`;
                 storageSession.setItem(storage_hash, data.prices);
 
                 callback(ERROR_SUCCESS, data.prices, false);
@@ -716,7 +712,7 @@
             }
 
             const appid = item.appid;
-            const storage_hash = 'itemnameid_' + appid + '+' + market_name;
+            const storage_hash = `itemnameid_${appid}+${market_name}`;
 
             storagePersistent.getItem(storage_hash).
                 then((value) => {
@@ -736,7 +732,7 @@
 
     // Get the item name id from a market item.
     SteamMarket.prototype.getCurrentMarketItemNameId = function(appid, market_name, callback) {
-        const url = window.location.origin + '/market/listings/' + appid + '/' + market_name;
+        const url = `${window.location.origin}/market/listings/${appid}/${market_name}`;
         $.get(
             url,
             (page) => {
@@ -749,7 +745,7 @@
                 const item_nameid = matches[1];
 
                 // Store the item name id in the persistent storage.
-                const storage_hash = 'itemnameid_' + appid + '+' + market_name;
+                const storage_hash = `itemnameid_${appid}+${market_name}`;
                 storagePersistent.setItem(storage_hash, item_nameid);
 
                 callback(ERROR_SUCCESS, item_nameid);
@@ -789,7 +785,7 @@
             const appid = item.appid;
 
             if (cache) {
-                const storage_hash = 'itemordershistogram_' + appid + '+' + market_name;
+                const storage_hash = `itemordershistogram_${appid}+${market_name}`;
                 storageSession.getItem(storage_hash).
                     then((value) => {
                         if (value != null) {
@@ -823,20 +819,13 @@
                     }
                     return;
                 }
-                const url = window.location.origin +
-                  '/market/itemordershistogram?country=' +
-                  country +
-                  '&language=english&currency=' +
-                  currencyId +
-                  '&item_nameid=' +
-                  item_nameid +
-                  '&two_factor=0';
+                const url = `${window.location.origin}/market/itemordershistogram?country=${country}&language=english&currency=${currencyId}&item_nameid=${item_nameid}&two_factor=0`;
 
                 $.get(
                     url,
                     (histogram) => {
                         // Store the histogram in the session storage.
-                        const storage_hash = 'itemordershistogram_' + item.appid + '+' + market_name;
+                        const storage_hash = `itemordershistogram_${item.appid}+${market_name}`;
                         storageSession.setItem(storage_hash, histogram);
 
                         callback(ERROR_SUCCESS, histogram, false);
@@ -1143,7 +1132,7 @@
     }
 
     function readCookie(name) {
-        const nameEQ = name + '=';
+        const nameEQ = `${name}=`;
         const ca = document.cookie.split(';');
         for (let i = 0; i < ca.length; i++) {
             let c = ca[i];
@@ -1181,7 +1170,7 @@
     }
 
     function logDOM(text) {
-        logger.innerHTML += text + '<br/>';
+        logger.innerHTML += `${text}<br/>`;
 
         updateScroll();
     }
@@ -1211,14 +1200,10 @@
             totals.innerHTML = '';
 
             if (totalPriceWithFeesOnMarket > 0) {
-                totals.innerHTML += '<div><strong>Total listed for ' +
-                formatPrice(totalPriceWithFeesOnMarket) +
-                ', you will receive ' +
-                formatPrice(totalPriceWithoutFeesOnMarket) +
-                '.</strong></div>';
+                totals.innerHTML += `<div><strong>Total listed for ${formatPrice(totalPriceWithFeesOnMarket)}, you will receive ${formatPrice(totalPriceWithoutFeesOnMarket)}.</strong></div>`;
             }
             if (totalScrap > 0) {
-                totals.innerHTML += '<div><strong>Total scrap ' + totalScrap + '.</strong></div>';
+                totals.innerHTML += `<div><strong>Total scrap ${totalScrap}.</strong></div>`;
             }
         }
 
@@ -1233,31 +1218,19 @@
                         const digits = getNumberOfDigits(totalNumberOfQueuedItems);
                         const itemId = task.item.assetid || task.item.id;
                         const itemName = task.item.name || task.item.description.name;
-                        const padLeft = padLeftZero('' + totalNumberOfProcessedQueueItems, digits) + ' / ' + totalNumberOfQueuedItems;
+                        const padLeft = `${padLeftZero(`${totalNumberOfProcessedQueueItems}`, digits)} / ${totalNumberOfQueuedItems}`;
 
                         if (!err) {
-                            logDOM(padLeft +
-                            ' - ' +
-                            itemName +
-                            ' listed for ' +
-                            formatPrice(market.getPriceIncludingFees(task.sellPrice)) +
-                            ', you will receive ' +
-                            formatPrice(task.sellPrice) +
-                            '.');
-
-                            $('#' + task.item.appid + '_' + task.item.contextid + '_' + itemId).
+                            logDOM(`${padLeft} - ${itemName} listed for ${formatPrice(market.getPriceIncludingFees(task.sellPrice))}, you will receive ${formatPrice(task.sellPrice)}.`);
+
+                            $(`#${task.item.appid}_${task.item.contextid}_${itemId}`).
                                 css('background', COLOR_SUCCESS);
 
                             totalPriceWithoutFeesOnMarket += task.sellPrice;
                             totalPriceWithFeesOnMarket += market.getPriceIncludingFees(task.sellPrice);
                             updateTotals();
                         } else if (data != null && isRetryMessage(data.message)) {
-                            logDOM(padLeft +
-                            ' - ' +
-                            itemName +
-                            ' retrying listing because ' +
-                            data.message[0].toLowerCase() +
-                            data.message.slice(1));
+                            logDOM(`${padLeft} - ${itemName} retrying listing because ${data.message[0].toLowerCase()}${data.message.slice(1)}`);
 
                             totalNumberOfProcessedQueueItems--;
                             sellQueue.unshift(task);
@@ -1268,17 +1241,12 @@
                             }, getRandomInt(30000, 45000));
                         } else {
                             if (data != null && data.responseJSON != null && data.responseJSON.message != null) {
-                                logDOM(padLeft +
-                                ' - ' +
-                                itemName +
-                                ' not added to market because ' +
-                                data.responseJSON.message[0].toLowerCase() +
-                                data.responseJSON.message.slice(1));
+                                logDOM(`${padLeft} - ${itemName} not added to market because ${data.responseJSON.message[0].toLowerCase()}${data.responseJSON.message.slice(1)}`);
                             } else {
-                                logDOM(padLeft + ' - ' + itemName + ' not added to market.');
+                                logDOM(`${padLeft} - ${itemName} not added to market.`);
                             }
 
-                            $('#' + task.item.appid + '_' + task.item.contextid + '_' + itemId).
+                            $(`#${task.item.appid}_${task.item.contextid}_${itemId}`).
                                 css('background', COLOR_ERROR);
                         }
 
@@ -1378,9 +1346,9 @@
                         totalNumberOfQueuedItems += numberOfQueuedItems;
 
                         $('#inventory_items_spinner').remove();
-                        $('#inventory_sell_buttons').append('<div id="inventory_items_spinner">' +
-                        spinnerBlock +
-                        '<div style="text-align:center">Processing ' + numberOfQueuedItems + ' items</div>' +
+                        $('#inventory_sell_buttons').append(`<div id="inventory_items_spinner">${
+                        spinnerBlock
+                        }<div style="text-align:center">Processing ${numberOfQueuedItems} items</div>` +
                         '</div>');
                     }
                 },
@@ -1468,13 +1436,13 @@
                     totalNumberOfProcessedQueueItems++;
 
                     const digits = getNumberOfDigits(totalNumberOfQueuedItems);
-                    const padLeft = padLeftZero('' + totalNumberOfProcessedQueueItems, digits) + ' / ' + totalNumberOfQueuedItems;
+                    const padLeft = `${padLeftZero(`${totalNumberOfProcessedQueueItems}`, digits)} / ${totalNumberOfQueuedItems}`;
 
                     if (err != ERROR_SUCCESS) {
-                        logConsole('Failed to get gems value for ' + itemName);
-                        logDOM(padLeft + ' - ' + itemName + ' not turned into gems due to missing gems value.');
+                        logConsole(`Failed to get gems value for ${itemName}`);
+                        logDOM(`${padLeft} - ${itemName} not turned into gems due to missing gems value.`);
 
-                        $('#' + item.appid + '_' + item.contextid + '_' + itemId).css('background', COLOR_ERROR);
+                        $(`#${item.appid}_${item.contextid}_${itemId}`).css('background', COLOR_ERROR);
                         return callback(false);
                     }
 
@@ -1484,18 +1452,18 @@
                         item,
                         (err) => {
                             if (err != ERROR_SUCCESS) {
-                                logConsole('Failed to turn item into gems for ' + itemName);
-                                logDOM(padLeft + ' - ' + itemName + ' not turned into gems due to unknown error.');
+                                logConsole(`Failed to turn item into gems for ${itemName}`);
+                                logDOM(`${padLeft} - ${itemName} not turned into gems due to unknown error.`);
 
-                                $('#' + item.appid + '_' + item.contextid + '_' + itemId).css('background', COLOR_ERROR);
+                                $(`#${item.appid}_${item.contextid}_${itemId}`).css('background', COLOR_ERROR);
                                 return callback(false);
                             }
 
                             logConsole('============================');
                             logConsole(itemName);
-                            logConsole('Turned into ' + goo.goo_value + ' gems');
-                            logDOM(padLeft + ' - ' + itemName + ' turned into ' + item.goo_value_expected + ' gems.');
-                            $('#' + item.appid + '_' + item.contextid + '_' + itemId).css('background', COLOR_SUCCESS);
+                            logConsole(`Turned into ${goo.goo_value} gems`);
+                            logDOM(`${padLeft} - ${itemName} turned into ${item.goo_value_expected} gems.`);
+                            $(`#${item.appid}_${item.contextid}_${itemId}`).css('background', COLOR_SUCCESS);
 
                             totalScrap += item.goo_value_expected;
                             updateTotals();
@@ -1543,18 +1511,18 @@
                     totalNumberOfProcessedQueueItems++;
 
                     const digits = getNumberOfDigits(totalNumberOfQueuedItems);
-                    const padLeft = padLeftZero('' + totalNumberOfProcessedQueueItems, digits) + ' / ' + totalNumberOfQueuedItems;
+                    const padLeft = `${padLeftZero(`${totalNumberOfProcessedQueueItems}`, digits)} / ${totalNumberOfQueuedItems}`;
 
                     if (err != ERROR_SUCCESS) {
-                        logConsole('Failed to unpack booster pack ' + itemName);
-                        logDOM(padLeft + ' - ' + itemName + ' not unpacked.');
+                        logConsole(`Failed to unpack booster pack ${itemName}`);
+                        logDOM(`${padLeft} - ${itemName} not unpacked.`);
 
-                        $('#' + item.appid + '_' + item.contextid + '_' + itemId).css('background', COLOR_ERROR);
+                        $(`#${item.appid}_${item.contextid}_${itemId}`).css('background', COLOR_ERROR);
                         return callback(false);
                     }
 
-                    logDOM(padLeft + ' - ' + itemName + ' unpacked.');
-                    $('#' + item.appid + '_' + item.contextid + '_' + itemId).css('background', COLOR_SUCCESS);
+                    logDOM(`${padLeft} - ${itemName} unpacked.`);
+                    $(`#${item.appid}_${item.contextid}_${itemId}`).css('background', COLOR_SUCCESS);
 
                     callback(true);
                 }
@@ -1603,9 +1571,9 @@
                     totalNumberOfQueuedItems += numberOfQueuedItems;
 
                     $('#inventory_items_spinner').remove();
-                    $('#inventory_sell_buttons').append('<div id="inventory_items_spinner">' +
-                    spinnerBlock +
-                    '<div style="text-align:center">Processing ' + numberOfQueuedItems + ' items</div>' +
+                    $('#inventory_sell_buttons').append(`<div id="inventory_items_spinner">${
+                    spinnerBlock
+                    }<div style="text-align:center">Processing ${numberOfQueuedItems} items</div>` +
                     '</div>');
                 }
             }, () => {
@@ -1654,9 +1622,9 @@
                     totalNumberOfQueuedItems += numberOfQueuedItems;
 
                     $('#inventory_items_spinner').remove();
-                    $('#inventory_sell_buttons').append('<div id="inventory_items_spinner">' +
-                    spinnerBlock +
-                    '<div style="text-align:center">Processing ' + numberOfQueuedItems + ' items</div>' +
+                    $('#inventory_sell_buttons').append(`<div id="inventory_items_spinner">${
+                    spinnerBlock
+                    }<div style="text-align:center">Processing ${numberOfQueuedItems} items</div>` +
                     '</div>');
                 }
             }, () => {
@@ -1701,17 +1669,17 @@
 
                 let itemsString = '';
                 for (const itemName in itemsWithQty) {
-                    itemsString += '&items[]=' + encodeURIComponent(itemName) + '&qty[]=' + itemsWithQty[itemName];
+                    itemsString += `&items[]=${encodeURIComponent(itemName)}&qty[]=${itemsWithQty[itemName]}`;
                 }
 
-                const baseUrl = window.location.origin + '/market/multisell';
-                const redirectUrl = baseUrl + '?appid=' + appid + '&contextid=' + contextid + itemsString;
+                const baseUrl = `${window.location.origin}/market/multisell`;
+                const redirectUrl = `${baseUrl}?appid=${appid}&contextid=${contextid}${itemsString}`;
 
-                const dialog = unsafeWindow.ShowDialog('Steam Economy Enhancer', '<iframe frameBorder="0" height="650" width="900" src="' + redirectUrl + '"></iframe>');
+                const dialog = unsafeWindow.ShowDialog('Steam Economy Enhancer', `<iframe frameBorder="0" height="650" width="900" src="${redirectUrl}"></iframe>`);
                 dialog.OnDismiss(() => {
                     items.forEach((item) => {
                         const itemId = item.assetid || item.id;
-                        $('#' + item.appid + '_' + item.contextid + '_' + itemId).css('background', COLOR_PENDING);
+                        $(`#${item.appid}_${item.contextid}_${itemId}`).css('background', COLOR_PENDING);
                     });
                 });
             });
@@ -1742,9 +1710,9 @@
                 totalNumberOfQueuedItems += numberOfQueuedItems;
 
                 $('#inventory_items_spinner').remove();
-                $('#inventory_sell_buttons').append('<div id="inventory_items_spinner">' +
-                spinnerBlock +
-                '<div style="text-align:center">Processing ' + numberOfQueuedItems + ' items</div>' +
+                $('#inventory_sell_buttons').append(`<div id="inventory_items_spinner">${
+                spinnerBlock
+                }<div style="text-align:center">Processing ${numberOfQueuedItems} items</div>` +
                 '</div>');
             }
         }
@@ -1797,7 +1765,7 @@
                 true,
                 (err, history, cachedHistory) => {
                     if (err) {
-                        logConsole('Failed to get price history for ' + itemName);
+                        logConsole(`Failed to get price history for ${itemName}`);
 
                         if (err == ERROR_FAILED) {
                             failed += 1;
@@ -1809,7 +1777,7 @@
                         true,
                         (err, histogram, cachedListings) => {
                             if (err) {
-                                logConsole('Failed to get orders histogram for ' + itemName);
+                                logConsole(`Failed to get orders histogram for ${itemName}`);
 
                                 if (err == ERROR_FAILED) {
                                     failed += 1;
@@ -1832,11 +1800,7 @@
                             );
 
 
-                            logConsole('Sell price: ' +
-                            sellPrice / 100.0 +
-                            ' (' +
-                            market.getPriceIncludingFees(sellPrice) / 100.0 +
-                            ')');
+                            logConsole(`Sell price: ${sellPrice / 100.0} (${market.getPriceIncludingFees(sellPrice) / 100.0})`);
 
                             sellQueue.push({
                                 item: item,
@@ -2031,11 +1995,11 @@
                     $('.sell_selected').show();
                     if (canSellSelectedItemsManually(items)) {
                         $('.sell_manual').show();
-                        $('.sell_manual > span').text('Sell ' + selectedItems + (selectedItems == 1 ? ' Item Manual' : ' Items Manual'));
+                        $('.sell_manual > span').text(`Sell ${selectedItems}${selectedItems == 1 ? ' Item Manual' : ' Items Manual'}`);
                     } else {
                         $('.sell_manual').hide();
                     }
-                    $('.sell_selected > span').text('Sell ' + selectedItems + (selectedItems == 1 ? ' Item' : ' Items'));
+                    $('.sell_selected > span').text(`Sell ${selectedItems}${selectedItems == 1 ? ' Item' : ' Items'}`);
                 }
             });
         }
@@ -2049,7 +2013,7 @@
                 } else {
                     $('.turn_into_gems').show();
                     $('.turn_into_gems > span').
-                        text('Turn ' + selectedItems + (selectedItems == 1 ? ' Item Into Gems' : ' Items Into Gems'));
+                        text(`Turn ${selectedItems}${selectedItems == 1 ? ' Item Into Gems' : ' Items Into Gems'}`);
                 }
             });
         }
@@ -2063,7 +2027,7 @@
                 } else {
                     $('.unpack_booster_packs').show();
                     $('.unpack_booster_packs > span').
-                        text('Unpack ' + selectedItems + (selectedItems == 1 ? ' Booster Pack' : ' Booster Packs'));
+                        text(`Unpack ${selectedItems}${selectedItems == 1 ? ' Booster Pack' : ' Booster Packs'}`);
                 }
             });
         }
@@ -2075,7 +2039,7 @@
         }
 
         function updateInventorySelection(selectedItem) {
-            const item_info = $('#iteminfo' + unsafeWindow.iActiveSelectView);
+            const item_info = $(`#iteminfo${unsafeWindow.iActiveSelectView}`);
 
             if (!item_info.length) {
                 return;
@@ -2089,7 +2053,7 @@
             const item_info_id = item_info.attr('id');
 
             // Move scrap to bottom, this is of little interest.
-            const scrap = $('#' + item_info_id + '_scrap_content');
+            const scrap = $(`#${item_info_id}_scrap_content`);
             scrap.next().insertBefore(scrap);
 
             // Skip unmarketable items
@@ -2114,19 +2078,19 @@
                 }
             };
 
-            const ownerActions = $('#' + item_info_id + '_item_owner_actions');
+            const ownerActions = $(`#${item_info_id}_item_owner_actions`);
 
             // Move market link to a button
-            ownerActions.append('<a class="btn_small btn_grey_white_innerfade" href="/market/listings/' + appid + '/' + market_hash_name + '"><span>View in Community Market</span></a>');
-            $('#' + item_info_id + '_item_market_actions > div:nth-child(1) > div:nth-child(1)').hide();
+            ownerActions.append(`<a class="btn_small btn_grey_white_innerfade" href="/market/listings/${appid}/${market_hash_name}"><span>View in Community Market</span></a>`);
+            $(`#${item_info_id}_item_market_actions > div:nth-child(1) > div:nth-child(1)`).hide();
 
             // ownerActions is hidden on other games' inventories, we need to show it to have a "Market" button visible
             ownerActions.show();
 
             const isBoosterPack = selectedItem.name.toLowerCase().endsWith('booster pack');
             if (isBoosterPack) {
-                const tradingCardsUrl = '/market/search?q=&category_753_Game%5B%5D=tag_app_' + selectedItem.market_fee_app + '&category_753_item_class%5B%5D=tag_item_class_2&appid=753';
-                ownerActions.append('<br/> <a class="btn_small btn_grey_white_innerfade" href="' + tradingCardsUrl + '"><span>View trading cards in Community Market</span></a>');
+                const tradingCardsUrl = `/market/search?q=&category_753_Game%5B%5D=tag_app_${selectedItem.market_fee_app}&category_753_item_class%5B%5D=tag_item_class_2&appid=753`;
+                ownerActions.append(`<br/> <a class="btn_small btn_grey_white_innerfade" href="${tradingCardsUrl}"><span>View trading cards in Community Market</span></a>`);
             }
 
             if (getSettingWithDefault(SETTING_QUICK_SELL_BUTTONS) != 1) {
@@ -2143,7 +2107,7 @@
                 false,
                 (err, histogram) => {
                     if (err) {
-                        logConsole('Failed to get orders histogram for ' + (selectedItem.name || selectedItem.description.name));
+                        logConsole(`Failed to get orders histogram for ${selectedItem.name || selectedItem.description.name}`);
                         return;
                     }
 
@@ -2163,7 +2127,7 @@
                         </div>
                     </div>`);
 
-                    $('#' + item_info_id + '_item_market_actions > div').after(groupMain);
+                    $(`#${item_info_id}_item_market_actions > div`).after(groupMain);
 
                     // Generate quick sell buttons.
                     let prices = [];
@@ -2192,9 +2156,9 @@
                         </a>`;
                     });
 
-                    $('#' + item_info_id + '_item_market_actions', item_info).append(buttons);
+                    $(`#${item_info_id}_item_market_actions`, item_info).append(buttons);
 
-                    $('#' + item_info_id + '_item_market_actions', item_info).append(`<div style="display:flex">
+                    $(`#${item_info_id}_item_market_actions`, item_info).append(`<div style="display:flex">
                         <input id="quick_sell_input" style="background-color: black;color: white;border: transparent;max-width:65px;text-align:center;" type="number" value="${histogram.lowest_sell_order / 100}" step="0.01" />&nbsp;
                         <a class="item_market_action_button item_market_action_button_green quick_sell_custom">
                             <span class="item_market_action_button_edge item_market_action_button_left"></span>
@@ -2222,7 +2186,7 @@
                     $('.quick_sell_custom').on(
                         'click',
                         () => {
-                            let price = $('#quick_sell_input', $('#' + item_info_id + '_item_market_actions', item_info)).val() * 100;
+                            let price = $('#quick_sell_input', $(`#${item_info_id}_item_market_actions`, item_info)).val() * 100;
                             price = market.getPriceBeforeFees(price);
 
                             totalNumberOfQueuedItems++;
@@ -2489,7 +2453,7 @@
                 true,
                 (err, histogram, cachedListings) => {
                     if (err) {
-                        logConsole('Failed to get orders histogram for ' + itemName);
+                        logConsole(`Failed to get orders histogram for ${itemName}`);
 
                         if (err == ERROR_FAILED) {
                             failed += 1;
@@ -2506,16 +2470,11 @@
                         ? '∞'
                         : formatPrice(market.getPriceIncludingFees(sellPrice));
 
-                    const elementName = (currentPage == PAGE_TRADEOFFER ? '#item' : '#') +
-                      item.appid +
-                      '_' +
-                      item.contextid +
-                      '_' +
-                      item.id;
+                    const elementName = `${(currentPage == PAGE_TRADEOFFER ? '#item' : '#')}${item.appid}_${item.contextid}_${item.id}`;
                     const element = $(elementName);
 
                     $('.inventory_item_price', element).remove();
-                    element.append('<span class="inventory_item_price price_' + (sellPrice == 65535 ? 0 : market.getPriceIncludingFees(sellPrice)) + '">' + itemPrice + '</span>');
+                    element.append(`<span class="inventory_item_price price_${sellPrice == 65535 ? 0 : market.getPriceIncludingFees(sellPrice)}">${itemPrice}</span>`);
 
                     return callback(true, cachedListings);
                 }
@@ -2656,7 +2615,7 @@
                 true,
                 (errorPriceHistory, history, cachedHistory) => {
                     if (errorPriceHistory) {
-                        logConsole('Failed to get price history for ' + game_name);
+                        logConsole(`Failed to get price history for ${game_name}`);
 
                         if (errorPriceHistory == ERROR_FAILED) {
                             failed += 1;
@@ -2668,7 +2627,7 @@
                         true,
                         (errorHistogram, histogram, cachedListings) => {
                             if (errorHistogram) {
-                                logConsole('Failed to get orders histogram for ' + game_name);
+                                logConsole(`Failed to get orders histogram for ${game_name}`);
 
                                 if (errorHistogram == ERROR_FAILED) {
                                     failed += 1;
@@ -2687,14 +2646,14 @@
                             $(
                                 '.market_table_value > span:nth-child(1) > span:nth-child(1) > span:nth-child(1)',
                                 listingUI
-                            ).append(' ➤ <span title="This is likely the highest buy order price.">' +
-                            highestBuyOrderPrice +
-                            '</span>');
+                            ).append(` ➤ <span title="This is likely the highest buy order price.">${
+                            highestBuyOrderPrice
+                            }</span>`);
 
                             logConsole('============================');
                             logConsole(JSON.stringify(listing));
-                            logConsole(game_name + ': ' + asset.name);
-                            logConsole('Current price: ' + price / 100.0);
+                            logConsole(`${game_name}: ${asset.name}`);
+                            logConsole(`Current price: ${price / 100.0}`);
 
                             // Calculate two prices here, one without the offset and one with the offset.
                             // The price without the offset is required to not relist the item constantly when you have the lowest price (i.e., with a negative offset).
@@ -2717,17 +2676,13 @@
 
                             const sellPriceWithoutOffsetWithFees = market.getPriceIncludingFees(sellPriceWithoutOffset);
 
-                            logConsole('Calculated price: ' +
-                            sellPriceWithoutOffsetWithFees / 100.0 +
-                            ' (' +
-                            sellPriceWithoutOffset / 100.0 +
-                            ')');
+                            logConsole(`Calculated price: ${sellPriceWithoutOffsetWithFees / 100.0} (${sellPriceWithoutOffset / 100.0})`);
 
-                            listingUI.addClass('price_' + sellPriceWithOffset);
+                            listingUI.addClass(`price_${sellPriceWithOffset}`);
 
                             $('.market_listing_my_price', listingUI).last().prop(
                                 'title',
-                                'The best price is ' + formatPrice(sellPriceWithoutOffsetWithFees) + '.'
+                                `The best price is ${formatPrice(sellPriceWithoutOffsetWithFees)}.`
                             );
 
                             if (sellPriceWithoutOffsetWithFees < price) {
@@ -2810,7 +2765,7 @@
                             const decodedMarketHashName = decodeURIComponent(itemName.substring(marketHashNameIndex));
                             let newAssetId = -1;
 
-                            unsafeWindow.RequestFullInventory(market.inventoryUrl + item.appid + '/' + item.contextid + '/', {}, null, null, (transport) => {
+                            unsafeWindow.RequestFullInventory(`${market.inventoryUrl + item.appid}/${item.contextid}/`, {}, null, null, (transport) => {
                                 if (transport.responseJSON && transport.responseJSON.success) {
                                     const inventory = transport.responseJSON.rgInventory;
 
@@ -2960,7 +2915,7 @@
         const marketListingsItemsQueue = async.queue(
             (listing, next) => {
                 $.get(
-                    window.location.origin + '/market/mylistings?count=100&start=' + listing,
+                    `${window.location.origin}/market/mylistings?count=100&start=${listing}`,
                     (data) => {
                         if (!data || !data.success) {
                             increaseMarketProgress();
@@ -3039,10 +2994,10 @@
 
                 // Buy orders and listings confirmations are not grouped like the sell listings, add this so pagination works there as well.
                 if (!$(this).attr('id')) {
-                    $(this).attr('id', 'market-listing-' + e);
+                    $(this).attr('id', `market-listing-${e}`);
 
-                    $(this).append('<div class="market_listing_see" id="market-listing-container-' + e + '"></div>');
-                    $('.market_listing_row', $(this)).appendTo($('#market-listing-container-' + e));
+                    $(this).append(`<div class="market_listing_see" id="market-listing-container-${e}"></div>`);
+                    $('.market_listing_row', $(this)).appendTo($(`#market-listing-container-${e}`));
                 } else {
                     $(this).children().last().addClass('market_listing_see');
                 }
@@ -3076,7 +3031,7 @@
                 }
             }
 
-            $('#my_market_selllistings_number').append('<span id="my_market_sellistings_total_price">, ' + formatPrice(totalPriceBuyer) + ' ➤ ' + formatPrice(totalPriceSeller) + '</span>');
+            $('#my_market_selllistings_number').append(`<span id="my_market_sellistings_total_price">, ${formatPrice(totalPriceBuyer)} ➤ ${formatPrice(totalPriceSeller)}</span>`);
         }
 
 
@@ -3209,9 +3164,9 @@
                 $('.market_pagesize_options').hide();
 
                 // Show the spinner so the user knows that something is going on.
-                $('.my_market_header').eq(0).append('<div id="market_listings_spinner">' +
-                spinnerBlock +
-                '<div style="text-align:center">Loading market listings</div>' +
+                $('.my_market_header').eq(0).append(`<div id="market_listings_spinner">${
+                spinnerBlock
+                }<div style="text-align:center">Loading market listings</div>` +
                 '</div>');
 
                 while (currentCount < totalCount) {
@@ -3297,7 +3252,7 @@
                     asc = false;
                 }
 
-                $(this).text($(this).text().replace(' ' + arrow_down, '').replace(' ' + arrow_up, ''));
+                $(this).text($(this).text().replace(` ${arrow_down}`, '').replace(` ${arrow_up}`, ''));
             });
 
             let market_listing_selector;
@@ -3308,7 +3263,7 @@
             } else if (isName) {
                 market_listing_selector = $('.market_listing_table_header', elem).children().eq(3);
             }
-            market_listing_selector.text(market_listing_selector.text() + ' ' + (asc ? arrow_up : arrow_down));
+            market_listing_selector.text(`${market_listing_selector.text()} ${asc ? arrow_up : arrow_down}`);
 
             if (list.sort == null) {
                 return;
@@ -3387,12 +3342,12 @@
         function getListingFromLists(listingid) {
             // Sometimes listing ids are contained in multiple lists (?), use the last one available as this is the one we're most likely interested in.
             for (let i = marketLists.length - 1; i >= 0; i--) {
-                let values = marketLists[i].get('market_listing_item_name', 'mylisting_' + listingid + '_name');
+                let values = marketLists[i].get('market_listing_item_name', `mylisting_${listingid}_name`);
                 if (values != null && values.length > 0) {
                     return values[0];
                 }
 
-                values = marketLists[i].get('market_listing_item_name', 'mbuyorder_' + listingid + '_name');
+                values = marketLists[i].get('market_listing_item_name', `mbuyorder_${listingid}_name`);
                 if (values != null && values.length > 0) {
                     return values[0];
                 }
@@ -3403,8 +3358,8 @@
 
         function removeListingFromLists(listingid) {
             for (let i = 0; i < marketLists.length; i++) {
-                marketLists[i].remove('market_listing_item_name', 'mylisting_' + listingid + '_name');
-                marketLists[i].remove('market_listing_item_name', 'mbuyorder_' + listingid + '_name');
+                marketLists[i].remove('market_listing_item_name', `mylisting_${listingid}_name`);
+                marketLists[i].remove('market_listing_item_name', `mbuyorder_${listingid}_name`);
             }
         }
 
@@ -3645,13 +3600,13 @@
                         const originalAmount = parseInt(rgItem.original_amount);
                         const currentAmount = parseInt(rgItem.amount);
                         const usedAmount = originalAmount - currentAmount;
-                        text += usedAmount.toString() + 'x ';
+                        text += `${usedAmount.toString()}x `;
                     }
 
                     text += rgItem.name;
 
                     if (rgItem.type != null && rgItem.type.length > 0) {
-                        text += ' (' + rgItem.type + ')';
+                        text += ` (${rgItem.type})`;
                     }
                 } else {
                     text = 'Unknown Item';
@@ -3676,13 +3631,13 @@
                 return a[1] - b[1];
             }).reverse();
 
-            let totalText = '<strong>Number of unique items: ' + sortable.length + ', worth ' + formatPrice(totalPrice) + '<br/><br/></strong>';
+            let totalText = `<strong>Number of unique items: ${sortable.length}, worth ${formatPrice(totalPrice)}<br/><br/></strong>`;
             let totalNumOfItems = 0;
             for (let i = 0; i < sortable.length; i++) {
-                totalText += sortable[i][1] + 'x ' + sortable[i][0] + '<br/>';
+                totalText += `${sortable[i][1]}x ${sortable[i][0]}<br/>`;
                 totalNumOfItems += sortable[i][1];
             }
-            totalText += '<br/><strong>Total items: ' + totalNumOfItems + '</strong><br/>';
+            totalText += `<br/><strong>Total items: ${totalNumOfItems}</strong><br/>`;
 
             return totalText;
         }
@@ -3746,8 +3701,8 @@
             const your_sum = sumTradeOfferAssets(unsafeWindow.g_rgCurrentTradeStatus.me.assets, unsafeWindow.UserYou);
             const their_sum = sumTradeOfferAssets(unsafeWindow.g_rgCurrentTradeStatus.them.assets, unsafeWindow.UserThem);
 
-            $('div.offerheader:nth-child(1) > div:nth-child(3)').append('<div class="trade_offer_sum" id="trade_offer_your_sum">' + your_sum + '</div>');
-            $('div.offerheader:nth-child(3) > div:nth-child(3)').append('<div class="trade_offer_sum" id="trade_offer_their_sum">' + their_sum + '</div>');
+            $('div.offerheader:nth-child(1) > div:nth-child(3)').append(`<div class="trade_offer_sum" id="trade_offer_your_sum">${your_sum}</div>`);
+            $('div.offerheader:nth-child(3) > div:nth-child(3)').append(`<div class="trade_offer_sum" id="trade_offer_their_sum">${their_sum}</div>`);
         });
 
 
@@ -3862,22 +3817,22 @@
         </div>`);
 
         unsafeWindow.ShowConfirmDialog('Steam Economy Enhancer', price_options).done(() => {
-            setSetting(SETTING_MIN_NORMAL_PRICE, $('#' + SETTING_MIN_NORMAL_PRICE, price_options).val());
-            setSetting(SETTING_MAX_NORMAL_PRICE, $('#' + SETTING_MAX_NORMAL_PRICE, price_options).val());
-            setSetting(SETTING_MIN_FOIL_PRICE, $('#' + SETTING_MIN_FOIL_PRICE, price_options).val());
-            setSetting(SETTING_MAX_FOIL_PRICE, $('#' + SETTING_MAX_FOIL_PRICE, price_options).val());
-            setSetting(SETTING_MIN_MISC_PRICE, $('#' + SETTING_MIN_MISC_PRICE, price_options).val());
-            setSetting(SETTING_MAX_MISC_PRICE, $('#' + SETTING_MAX_MISC_PRICE, price_options).val());
-            setSetting(SETTING_PRICE_OFFSET, $('#' + SETTING_PRICE_OFFSET, price_options).val());
-            setSetting(SETTING_PRICE_MIN_CHECK_PRICE, $('#' + SETTING_PRICE_MIN_CHECK_PRICE, price_options).val());
-            setSetting(SETTING_PRICE_ALGORITHM, $('#' + SETTING_PRICE_ALGORITHM, price_options).val());
-            setSetting(SETTING_PRICE_IGNORE_LOWEST_Q, $('#' + SETTING_PRICE_IGNORE_LOWEST_Q, price_options).prop('checked') ? 1 : 0);
-            setSetting(SETTING_PRICE_HISTORY_HOURS, $('#' + SETTING_PRICE_HISTORY_HOURS, price_options).val());
-            setSetting(SETTING_MARKET_PAGE_COUNT, $('#' + SETTING_MARKET_PAGE_COUNT, price_options).val());
-            setSetting(SETTING_RELIST_AUTOMATICALLY, $('#' + SETTING_RELIST_AUTOMATICALLY, price_options).prop('checked') ? 1 : 0);
-            setSetting(SETTING_INVENTORY_PRICE_LABELS, $('#' + SETTING_INVENTORY_PRICE_LABELS, price_options).prop('checked') ? 1 : 0);
-            setSetting(SETTING_TRADEOFFER_PRICE_LABELS, $('#' + SETTING_TRADEOFFER_PRICE_LABELS, price_options).prop('checked') ? 1 : 0);
-            setSetting(SETTING_QUICK_SELL_BUTTONS, $('#' + SETTING_QUICK_SELL_BUTTONS, price_options).prop('checked') ? 1 : 0);
+            setSetting(SETTING_MIN_NORMAL_PRICE, $(`#${SETTING_MIN_NORMAL_PRICE}`, price_options).val());
+            setSetting(SETTING_MAX_NORMAL_PRICE, $(`#${SETTING_MAX_NORMAL_PRICE}`, price_options).val());
+            setSetting(SETTING_MIN_FOIL_PRICE, $(`#${SETTING_MIN_FOIL_PRICE}`, price_options).val());
+            setSetting(SETTING_MAX_FOIL_PRICE, $(`#${SETTING_MAX_FOIL_PRICE}`, price_options).val());
+            setSetting(SETTING_MIN_MISC_PRICE, $(`#${SETTING_MIN_MISC_PRICE}`, price_options).val());
+            setSetting(SETTING_MAX_MISC_PRICE, $(`#${SETTING_MAX_MISC_PRICE}`, price_options).val());
+            setSetting(SETTING_PRICE_OFFSET, $(`#${SETTING_PRICE_OFFSET}`, price_options).val());
+            setSetting(SETTING_PRICE_MIN_CHECK_PRICE, $(`#${SETTING_PRICE_MIN_CHECK_PRICE}`, price_options).val());
+            setSetting(SETTING_PRICE_ALGORITHM, $(`#${SETTING_PRICE_ALGORITHM}`, price_options).val());
+            setSetting(SETTING_PRICE_IGNORE_LOWEST_Q, $(`#${SETTING_PRICE_IGNORE_LOWEST_Q}`, price_options).prop('checked') ? 1 : 0);
+            setSetting(SETTING_PRICE_HISTORY_HOURS, $(`#${SETTING_PRICE_HISTORY_HOURS}`, price_options).val());
+            setSetting(SETTING_MARKET_PAGE_COUNT, $(`#${SETTING_MARKET_PAGE_COUNT}`, price_options).val());
+            setSetting(SETTING_RELIST_AUTOMATICALLY, $(`#${SETTING_RELIST_AUTOMATICALLY}`, price_options).prop('checked') ? 1 : 0);
+            setSetting(SETTING_INVENTORY_PRICE_LABELS, $(`#${SETTING_INVENTORY_PRICE_LABELS}`, price_options).prop('checked') ? 1 : 0);
+            setSetting(SETTING_TRADEOFFER_PRICE_LABELS, $(`#${SETTING_TRADEOFFER_PRICE_LABELS}`, price_options).prop('checked') ? 1 : 0);
+            setSetting(SETTING_QUICK_SELL_BUTTONS, $(`#${SETTING_QUICK_SELL_BUTTONS}`, price_options).prop('checked') ? 1 : 0);
 
             window.location.reload();
         });
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 68ccd8f..c6a4fc1 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -25,10 +25,12 @@ export default [
       '@stylistic/quotes': ['error', 'single'],
       '@stylistic/space-before-function-paren': ['error', 'never'],
       '@stylistic/spaced-comment': 'off',
+      '@stylistic/template-curly-spacing': ['error', 'never'],
       curly: ['error', 'all'],
       'no-var': 'error',
-      'prefer-const': 'error',
       'prefer-arrow-callback': 'error',
+      'prefer-const': 'error',
+      'prefer-template': 'error',
     }
   },
   {