☰

MAL Public Score in Animelist

Adds new column with public score to the animelist

目前為 2020-02-22 提交的版本，檢視 最新版本。

// ==UserScript==
// @name     MAL Public Score in Animelist
// @version  2
// @include  https://myanimelist.net/animelist/*
// @grant    GM_addStyle
// @require  http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @namespace https://greasyfork.org/users/440979
// @description Adds new column with public score to the animelist
// ==/UserScript==

/* Version 2 - Changes
   1. Public score column is only added and populated when the large table header is being clicked, e.g. "Plan to Watch"
   2. Public score is being cached locally to reduce number of requests (Timestamp of the oldest entry can be seen by hovering over the "Public score" table header)
   3. Public score can be completely refreshed by clicking the large table header again, when the column "Public score" is already visible
   4. All top 500 public scores will always be loaded with 10 requests
*/


var $ = jQuery;

function bind_actions_to_status_title(once_action, action) {
    var status_title = $(".list-status-title .text");
    status_title.on("click", function(){
        status_title.off("click");
        status_title.on("click", function(){
            action();
        });
        once_action();
    }).wrap('<a href="#"></a>');
}

function activate_script() {
    add_public_score_column();
    make_public_score_column_sortable();
    populate_public_score_column();
}

function clear_store() {
    var store = window.localStorage;
    store.clear();
}

function add_public_score_column() {
    var public_score_column_header = $('<th class="header-title public-score click">Public score</th>');
    $('.header-title.score').before(public_score_column_header);
    $('.list-table tr td.score').before('<td class="data public-score"></td>');
}

function populate_public_score_column() {
    function fetch_top_public_scores(limit) {
        var scores = {};
        $.get( "/topanime.php?limit=" + limit, function( data ) {
            var scores = $( data ).find(".ranking-list").each(function(){
                var anime_id = $(this).find(".detail a[rel]").attr("href").match(/\/anime\/(\d+)\//)[1];
                var score = $(this).find(".js-top-ranking-score-col .text").text().trim();
                store_public_score(anime_id, score);
            });
        });
    }
    function fetch_top_500_public_scores() {
        var store = window.localStorage;
        if (store.getItem("fetch_top_500") == null) {
            for (var i = 0; i < 10; i++) {
                fetch_top_public_scores(i*50);
            }
            store.setItem("fetch_top_500", true);
        }
    }
    function get_public_score_for_anime(anime_id, set_score_callback) {
        var stored_score = get_stored_public_score(anime_id);
        if (stored_score == null) {
            fetch_public_score_for_anime(anime_id, function (fresh_score) {
                set_score_callback(fresh_score);
            });
        } else {
            set_score_callback(stored_score);
        }
    }
    function get_stored_public_score(anime_id) {
        var store = window.localStorage;
        var oldest_entry_timestamp = store.getItem("oldest_entry_timestamp");
        if (oldest_entry_timestamp != null) {
            $('th.public-score').attr('title', "Oldest entry from: " + new Date(1*oldest_entry_timestamp) + " \nClick again on the large table header to reload all entries.");
        }
        return store.getItem(anime_id);
    }
    function store_public_score(anime_id, score) {
        var store = window.localStorage;
        if (store.getItem("oldest_entry_timestamp") == null) {
            store.setItem("oldest_entry_timestamp", Date.now());
        }
        return store.setItem(anime_id, score);
    }
    function fetch_public_score_for_anime(anime_id, set_score_callback) {
        $.get( "/anime/" + anime_id, function( data ) {
            var score = $( data ).find(".score").text().trim();
            set_score_callback(score);
            store_public_score(anime_id, score);
        });
    }

    function for_each_public_score_column_cell_do(callback) {
        $('.list-table td.data.public-score').each(function(){
            var cell = $(this);
            var url = cell.siblings('.title').find('a').attr('href');
            // "/anime/123/title" => "123"
            var anime_id = url.match(/\/anime\/(\d+)/)[1];
            callback(cell, anime_id);
        });
    }

    fetch_top_500_public_scores();

    for_each_public_score_column_cell_do(function(cell, anime_id){
        get_public_score_for_anime(anime_id, function (score) {
            cell.html('<a href="#" class="link">'+score+'</a>');
        });
    });

}

function make_public_score_column_sortable() {
    function getCellValue(row, index){ return $(row).children('td').eq(index).text() }
    function comparer(index) {
        return function(a, b) {
            var valA = getCellValue(a, index), valB = getCellValue(b, index)
            return $.isNumeric(valA) && $.isNumeric(valB) ? valA - valB : valA.toString().localeCompare(valB)
        }
    }

    var table_header = $('.list-table th');
    // makes cursor change so that column appears to be clickable
    table_header.contents() .filter(function() { return this.nodeType == Node.TEXT_NODE; }).wrap('<a href="#"></a>');
    table_header.click(function() {
        var table = $(this).parents('table').eq(0);
        var rows = table.find('tr:gt(0)').toArray().sort(comparer($(this).index()));
        this.asc = !this.asc;
        // default sort order is descending
        if (this.asc){
            rows = rows.reverse();
        }
        for (var i = 0; i < rows.length; i++){
            table.append(rows[i]);
        }
    });
}

$(function() {
    bind_actions_to_status_title(activate_script, function(){
        clear_store();
        populate_public_score_column();
    });
});