Keylol Chinaplay Table

Greasy Fork is available in English.
Keylol Chinaplay Table

在购买心得 Chinaplay 板块的帖子一楼开始位置添加折扣表格，折后价和史低可排序。
当前为 2023-11-12 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         Keylol Chinaplay Table
// @namespace    http://greasyfork.icu/users/34380
// @version      20231111
// @description  在购买心得 Chinaplay 板块的帖子一楼开始位置添加折扣表格，折后价和史低可排序。
// @match        https://keylol.com/*
// @grant        none
// ==/UserScript==

(function () {
    'use strict';

    if (document.querySelector('.subforum_left_title_left_up').innerText.match(/Chinaplay/)) {
        document.querySelector('head').insertAdjacentHTML('beforeend', `<style> .td-wide-80 { width:80px; } .td-wide-50 { width:50px; } </style>`);

        var html_table = `<br><div class="sff_collapse"><div class="sff_collapse_b" onclick="var s = this.parentNode; while (!s.classList.contains('sff_collapse')) {s = s.parentNode;} if (s.classList.contains('sff_collapsed')) {s.classList.remove('sff_collapsed');} else {s.classList.add('sff_collapsed');}"><span class="sff_collapse_t">&gt;</span> 折扣表格</div><div class="sff_collapse_d">
            <table id="table-chinaplay" class="t_table"><thead><tr><td>游戏名</td><td class="td-wide-80" data-col="coupon" data-reverse="-1">折后价</td><td class="td-wide-80" data-col="hist" data-reverse="-1">史低</td><td>区域</td><td class="td-wide-50">截止</td><td>折扣码</td><td class="td-wide-50">加购</td></tr></thead><tbody></tbody></table>
            <div><a href="javascript:;" onclick="var s = this.parentNode; while (!s.classList.contains('sff_collapse')) {s = s.parentNode;} s.scrollIntoView(true); if (s.classList.contains('sff_collapsed')) {s.classList.remove('sff_collapsed');} else {s.classList.add('sff_collapsed');}">点击隐藏</a></div></div></div>`;
        
        var floor1 = document.querySelector('.t_f');
        var anchor = floor1.querySelector('.t_f .pstatus') || floor1.querySelector('.original_text_style1');
        if (anchor) {
            anchor.insertAdjacentHTML('afterend', '' + html_table);
        } else {
            floor1.insertAdjacentHTML('afterbegin', html_table);
        }
        var tbody = document.querySelector('#table-chinaplay > tbody');

        // table col > game discount hist region date code cart link
        var game;
        var discount = 0;
        var hist = 0;
        var region;
        var date;
        var code = '';
        var link;

        var trs = [];
        var i_start = 0;
        var i_end = 0;
        var nodes = floor1.childNodes;
        nodes.forEach((node) => {
            node.childNodes.forEach((_node) => {
                getContent(_node);
            });
        });
        newTable();

        document.querySelector('#table-chinaplay > thead > tr').addEventListener('click', function (event) {
            const target = event.target;
            if (target.nodeName == 'TD' && target.hasAttribute('data-reverse')) {
                const col = target.getAttribute('data-col');
                let reverse = target.getAttribute('data-reverse');
                let sorted;
                if (reverse == 0) {
                    sorted = Array.from(tbody.querySelectorAll('tr')).sort((a, b) => {
                        return b.querySelector('td[data-' + col + ']').getAttribute('data-' + col) - a.querySelector('td[data-' + col + ']').getAttribute('data-' + col);
                    });
                    const siblings = this.querySelectorAll('[data-reverse="1"]');
                    target.setAttribute('data-reverse', '1');
                    siblings.forEach((node) => { node.setAttribute('data-reverse', '0'); });
                } else {
                    sorted = Array.from(tbody.querySelectorAll('tr')).sort((a, b) => { return a.querySelector('td[data-' + col + ']').getAttribute('data-' + col) - b.querySelector('td[data-' + col + ']').getAttribute('data-' + col); });
                    const siblings = this.querySelectorAll('[data-reverse="0"]');
                    target.setAttribute('data-reverse', '0');
                    siblings.forEach((node) => { node.setAttribute('data-reverse', '1'); });
                }
                sorted.forEach((node) => {
                    tbody.insertAdjacentElement('beforeend', node);
                });
            }
        });

        function newTable() {
            var html = '';
            trs.forEach((tds) => {
                html = html + `<tr><td><a href="${tds[7]}" target="_blank">${tds[0]}</a></td><td data-coupon="${parseFloat(tds[1])}">${tds[1]}</td><td data-hist="${parseFloat(tds[2])}">${tds[2]}</td><td>${tds[3]}</td><td>${tds[4]}</td><td>${tds[5]}</td><td><a href="${tds[6]}" target="_blank">加购</a></td></tr>`;
            });
            tbody.innerHTML = html;
        }
        
        function getContent(node) {
            if (node.nodeName == 'SPAN' || node.nodeName == 'STRONG') {
                node.childNodes.forEach((_node) => {
                    getContent(_node);
                });
            } else if (node.nodeName == 'H1') {
                var matched = node.innerText.match(/(\d+(\.\d+)?)(.*)（(.*)）/);
                if (matched) {
                    date = matched[1];
                    region = matched[4];
                    i_end = trs.length;
                    for (; i_start < i_end; i_start++) {
                        trs[i_start][5] = code;
                    }
                    var matched2 = matched[3].match(/.*《(.*)》/);
                    if (matched2) {
                        game = matched2[1];
                    }
                }
            } else if (node.nodeName == 'A') {
                if (node.href.match(/https:\/\/store\.steampowered\.com\/app\/\d+\//) || node.href.match(/https:\/\/store\.steampowered\.com\/sub\/\d+\//)) {
                    game = node.innerText;
                    link = node.href.match(/(.*\d+\/)/)[1];
                } else if (node.href.match(/https:\/\/chinaplay\.store\/detail\/\S+\//)) {
                    var cart = node.href.match(/https:\/\/chinaplay\.store\/detail\/\S+\//)[0];
                    trs.push([game, discount, hist, region, date, code, cart, link]);
                    hist = 0;
                }
            } else if (node.nodeName == '#text') {
                var content = node.textContent;
                if (content.match(/史低：?(\d+(\.\d+)?)/)) {
                    hist = content.match(/史低：?(\d+(\.\d+)?)/)[1];
                } else if (content.match(/(\d+(\.\d+)?)元/)) {
                    discount = content.match(/(\d+(\.\d+)?)元/)[1];
                } else if (content.match(/折扣码：/)) {
                    code = node.parentNode.innerText.match(/折扣码：(\S+)/)[1];
                }
            }
        }
    }
})();