AtCoder Fav Rating

You can check your fav's rating for AtCoder!
安裝腳本 ?
換行
// ==UserScript==
// @name            AtCoder Fav Rating
// @name:ja         AtCoder Fav Rating
// @namespace       https://github.com/Coki628/ac-fav-rating
// @version         1.1.6
// @description     You can check your fav's rating for AtCoder!
// @description:ja  AtCoderのお気に入り管理ページでレート等の情報を確認できます。※非推奨
// @author          Coki628
// @license         MIT
// @match           https://atcoder.jp/settings/fav*
// @grant           GM_addStyle
// @grant           GM_getResourceText
// @resource        CSS1 https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.12/css/dataTables.bootstrap.min.css
// @require         https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.12/js/jquery.dataTables.min.js
// @require         https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.12/js/dataTables.bootstrap.min.js
// ==/UserScript==
 
GM_addStyle(GM_getResourceText('CSS1'));
 
(function() {
    'use strict';
 
    // 色のクラス名を取得
    const getColorType = function(x) {
        if (x >= 2800) {
            return 'user-red';
        } else if (2800 > x && x >= 2400) {
            return 'user-orange';
        } else if (2400 > x && x >= 2000) {
            return 'user-yellow';
        } else if (2000 > x && x >= 1600) {
            return 'user-blue';
        } else if (1600 > x && x >= 1200) {
            return 'user-cyan';
        } else if (1200 > x && x >= 800) {
            return 'user-green';
        } else if (800 > x && x >= 400) {
            return 'user-brown';
        } else {
            return 'user-gray';
        }
    }
 
    let total = 0;
    const getInfo = function(userName, $tr) {
        $.ajax({
            // url: 'https://atcoder.jp/users/' + userName + '/history/json',
            url: 'https://atcoder.jp/users/' + userName,
            type: 'GET',
            // dataType: 'json',
            dataType: 'html',
        })
        .done(function(data) {
            // ユーザーページから必要な項目を取得
            let rank = 9999999;
            let rating = 0;
            let highest = 0;
            let count = 0;
            let lastCompeted = '';
            $($($.parseHTML(data)).find('table.dl-table')[1]).find('tbody>tr').each(function() {
                if ($(this).find('th').text() === '順位') {
                    rank = Number($(this).find('td').text().slice(0, -2));
                } else if ($(this).find('th').text() === 'Rating') {
                    rating = Number($($(this).find('td>span')[0]).text());
                } else if ($(this).find('th').text() === 'Rating最高値') {
                    highest = Number($($(this).find('td>span')[0]).text());
                } else if ($(this).find('th').text() === 'コンテスト参加回数 ') {
                    count = Number($(this).find('td').text());
                } else if ($(this).find('th').text() === '最後に参加した日') {
                    lastCompeted = $(this).find('td').text();
                }
            });
            // 列追加
            $tr.prepend('<td></td>');
            $tr.append('<td>' + rank + '</td>');
            $tr.append('<td>' + rating + '</td>');
            $tr.append('<td>' + highest + '</td>');
            $tr.append('<td>' + count + '</td>');
            $tr.append('<td>' + lastCompeted + '</td>');
 
            if (rank === 1) {
                // tourist
                $tr.find('img').after('<img src="//img.atcoder.jp/assets/icon/crown_champion.png">')
            } else if (rank <= 10) {
                // 金冠
                $tr.find('img').after('<img src="//img.atcoder.jp/assets/icon/crown_gold.png">')
            } else if (rank <= 30) {
                // 銀冠
                $tr.find('img').after('<img src="//img.atcoder.jp/assets/icon/crown_silver.png">')
            } else if (rank <= 100) {
                // 銅冠
                $tr.find('img').after('<img src="//img.atcoder.jp/assets/icon/crown_bronze.png">')
            }
 
            // 名前とレートに色付け
            let color = getColorType(rating);
            $($tr.find('td')[1]).find('a').removeClass('black').addClass(color);
            $($tr.find('td')[3]).addClass(color);
            color = getColorType(highest);
            $($tr.find('td')[4]).addClass(color);
        })
        .fail(function(data) {
            // 削除済ユーザー等への対応
            $tr.prepend('<td></td>');
            $tr.append('<td>9999999</td>');
            $tr.append('<td>0</td>');
            $tr.append('<td>0</td>');
            $tr.append('<td>0</td>');
            $tr.append('<td></td>');
        })
        .always(function(data) {
            total--;
            if (total === 0) {
                // 全部終わったらDataTablesを構築
                let dataTable = $table.DataTable({
                    paging: false,
                    lengthChange: false,
                    info: false,
                    // index列
                    columnDefs: [{
                        searchable: false,
                        orderable: false,
                        targets: 0,
                    }],
                    order: [[1, 'asc']],
                });
                // index列の制御
                dataTable.on('order.dt search.dt', function() {
                    dataTable.column(0, {search:'applied', order:'applied'}).nodes().each(function(cell, i) {
                        cell.innerHTML = i + 1;
                    });
                }).draw();
            }
        });
    }
 
    // テーブルサイズの調整
    $($('#vue-fav>div.row>div')[0]).removeClass('col-xs-6').addClass('col-xs-9');
    $($('#vue-fav>div.row>div')[1]).removeClass('col-xs-6').addClass('col-xs-3');
 
    const $table = $($('#vue-fav').find('table')[0]);
    // ヘッダ行の挿入
    $table.prepend('<thead><tr><th></th><th>Name</th><th>Rank</th><th>Rating</th><th>Highest Rating</th><th>Rated Matches</th><th>Last Competed</th>');
    // 表が見やすくなるスタイルを追加
    $table.addClass('table-striped table-hover table-bordered');
 
    const myName = $('div.header-mypage_btn').text().trim();
    const rows = $table.find('tbody>tr');
    total = rows.length;
 
    // 各行を取得してユーザー情報を追加していく
    for (let i = 0; i < rows.length; i++) {
        const userName = $(rows[i]).find('td>a').text();
        getInfo(userName, $(rows[i]));
        // 自分の行を色付け
        if (myName && myName === userName) {
            $(rows[i]).css('background-color', '#BAE4F4');
        }
    }
})();
欢迎访问Greasy Fork镜像
