Barter.vg, Thumbnail

always show thumbnail of game
目前為 2018-04-04 提交的版本，檢視最新版本。
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name         Barter.vg, Thumbnail
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  always show thumbnail of game
// @author       You
// @match        https://barter.vg/*
// @grant        none
// @run-at       document-end
// @nowrap
// ==/UserScript==
(function() {
    var inBundle = location.pathname.indexOf("/bundles/") == 0;
    var inGiveways = location.pathname.indexOf("/giveways/") == 0;
    var inBrowse = location.pathname.indexOf("/browse/") == 0;
    var inWishlist = location.pathname.indexOf("/w/") > 0;
    var inTradable = location.pathname.indexOf("/t/") > 0;
    var inBlacklist = location.pathname.indexOf("/b/") > 0;
    var inScrachpad = location.pathname.indexOf("/c/") > 0;
    var inInfo = location.pathname.indexOf("/i/") == 0;
    var isMatching = location.pathname.indexOf("/m/") > 0;
    var isEditing = location.pathname.indexOf("/e/") > 0;
    var isTurnOffImage = false;
    var isTurnOffElement = document.querySelector(".platform a[href*='?filter=']");
    if (isTurnOffElement) {
        isTurnOffImage = isTurnOffElement.href.split(",")[3].indexOf("1") == 0;
    }

    console.log({
        w: inWishlist,
        t: inTradable,
        b: inBlacklist,
        c: inScrachpad,
        e: isEditing,
        isTurnOffImage: isTurnOffImage
    });

    function main () {
        if (inInfo) {
            var bid = location.pathname.split("/")[2];
            var sid = document.querySelector(".platform a").href.split("/")[4];
            localStorage[bid] = sid;
        }

        var lines = document.querySelectorAll(".collection tr [href^='http://store.steampowered.com/app/']");
        if (inBrowse) {
            lines = document.querySelectorAll(".collection tr [href^='https://steamcommunity.com/my/gamecards/']");
        }
        if (isMatching) {
            lines = document.querySelectorAll(".matchcol li a[href^='https://barter.vg/i/']");
        }
        for (var i = 0; i < lines.length; i++) {
            var e = lines[i];
            var id = e.href.match(/\d+/g)[0];

            if (isMatching) {
                var li = e.parentNode;
                var sid = localStorage[id];
                if (sid) {
                    var bg = document.createElement("div");
                    bg.className = "thumb-bg";
                    bg.style.backgroundImage = "url(https://steamcdn-a.akamaihd.net/steam/apps/" + sid + "/capsule_184x69.jpg)";
                    bg.style.height = "2em";
                    li.insertBefore(bg, e.nextSibling);
                }
                continue;
            }

            var tr = e.parentNode.parentNode;
            var td = tr.querySelector("td");
            if (!td) continue;

            if (inBundle) {
                td.width = "190px";
                td.style.backgroundPosition = "left center";
                td.style.backgroundRepeat = "no-repeat";
                td.style.backgroundImage = "url(https://steamcdn-a.akamaihd.net/steam/apps/" + id + "/capsule_184x69.jpg)";
            } else if (isTurnOffImage || isEditing || inBrowse) {
                td.style.backgroundPosition = "2px center";
                td.style.backgroundRepeat = "no-repeat";
                td.style.backgroundImage = "url(https://steamcdn-a.akamaihd.net/steam/apps/" + id + "/capsule_184x69.jpg)";
                td.style.paddingLeft = "190px";
            }

            var bid = tr.querySelector("a[href^='https://barter.vg/i/']").href.match(/\d+/g)[0];
            localStorage[bid] = id;
        }

        var mm = document.querySelector("#mutualMatches");
        if (mm) {
            var m = mm.querySelectorAll(".mh a, .mw a");
            for (var j = 0; j < m.length; j++) {
                var a = m[j];
                var bid = a.href.match(/\d+/g)[0];
                if (localStorage[bid]) continue;

                var bg = document.createElement("div");
                bg.className = "thumb-bg";
                bg.style.backgroundImage = "url(https://steamcdn-a.akamaihd.net/steam/apps/" + localStorage[bid] + "/capsule_184x69.jpg)";
                a.appendChild(bg);
            }
        }

        var style = document.createElement("style");
        style.innerHTML = "\
.mh a, .mw a { display: inline-block; position: relative; }\
.matchcol li { position: relative; }\
.matchcol .showMoreArea { margin-top: 2px; }\
.thumb-bg { position: absolute; width: 190px; left: 150px; top: 0; bottom: 0; z-index: -1;\
opacity: 0.5; background: left center no-repeat; background-size: cover; }\
.collection th a:visited, .matchcol a:visited { color: #00f !important; }";
        document.querySelector("head").appendChild(style);
    }


    main();
    // Your code here...
})();
欢迎访问Greasy Fork镜像
