Add SteamDB info

Add SteamDB.info for lowest price and link

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Add SteamDB info
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Add SteamDB.info for lowest price and link
// @author       Shou Ya
// @match        http://store.steampowered.com/app/*
// @match        https://store.steampowered.com/app/*
// @grant        GM_xmlhttpRequest
// ==/UserScript==

(() => {
    'use strict';

    let $ = jQuery;

    let itemId = window.location.pathname.split('/')[2];
    let steamdbUrl = `https://steamdb.info/app/${itemId}/`;

    GM_xmlhttpRequest({
        method: "GET",
        url: steamdbUrl,
        onload: (response) => {
            let $steamdb = $(response.responseText);
            let lowestPrice = $steamdb.find('.owned td:nth-child(4)').first().text();
            let $label = $(`<span>(<a href="${steamdbUrl}" target="_blank">${lowestPrice}</a>)</span>`).css({
                'background-color': 'rgba(70, 117, 117, 0.83)',
                'margin-left': '10px'
            });
            $('.game_purchase_price').first().append($label);
        }
    });

})();