// ==UserScript==
// @name         Proxer Statistics
// @namespace    https://greasyfork.org/de/users/83349-deimos
// @version      1.30
// @description  Zählt die bereits geschauten/gelesenen Animes/Mangas und erlaubt es die Tabellen per Klick zusammenzuklappen bzw. sich mehr Details anzeigen zu lassen.
// @author       Deimos
// @run-at       document-start
// @include      http://proxer.me/*
// @include      https://proxer.me/*
// @include      http://www.proxer.me/*
// @include      https://www.proxer.me/*
// @grant        unsafeWindow
// @history      1.30 Entferne Userscript Anker, Ergänze Novel, Zähle Medienkategorien dynamisch
// @history      1.2 Script funktioniert auch im User-Control-Panel
// @history      1.1 Einbinden des Userscript Anker von Blue.Reaper
// @history      1.0 Zählen von Anime/Manga, anzeigen von Details, minimieren von Tabellen
// @downloadURL none
// ==/UserScript==

var page = 0;
var hv_values = 12*"v";   //v:= visible     h:= hidden
var dn_values = 12*"n";   //d:= details     n:= no details

//############################# Einbinden des Scripts #############################

//startet das Script beim Laden der Seite und jedes Mal wenn id=accordeon neu geladen wird
document.addEventListener('DOMContentLoaded', function(event) {
    waitForKeyElements ("#pageMetaAjax", applyChange,false);
});

function applyChange(){
    var path1 = window.location.pathname.split('/')[3]
    var path2 = window.location.search

    if(path1 == "anime" || path2 === "?s=anime")  ///User befindet sich auf Anime Verzeichnis
    {
        page = 0;
        tableListener();
    }
    else if(path1 == "manga" || path2 === "?s=manga") ///User befindet sich auf Manga Verzeichnis
    {
        page = 1;
        tableListener();
    }
    else if(path1 == "novel" || path2 === "?s=novel") ///User befindet sich auf Novel Verzeichnis
    {
        page = 2;
        tableListener();
    }
}

//############################# Hauptteil #############################

//Ermitteln der Tabellenlänge und setzen der EventListener
function tableListener()
{
    var tables = document.getElementsByTagName("table");
    for(var i = 0; i<tables.length;i++){

        var tr = tables[i].rows;
        var l = 0;

        if(tr[2].getElementsByTagName("td")[0].innerHTML !== "Keine Einträge.")
            l = tr.length - 2;
        var message= ": " + l;

        //Anzahl anzeigen
        tr[0].getElementsByTagName("th")[0].innerHTML+= message;
        tr[0].addEventListener("click",action);
        tr[0].id ="tr"+(i+page*4);

        //Tabellen einklappen
        hv_values = checkCookie("hv_values",hv_values);
        if(hv_values[i+page*4]=="h")
            hide(tr);

        //Details anzeigen
        dn_values = checkCookie("dn_values",dn_values);
        if(dn_values[i+page*4]=="d")
            details(tr);
    }
}

//Auswahl ob "hide" oder "details", setzen des neuen Cookies
function action(e)
{
    var tr = this.parentElement.parentElement.rows;
    var xPosition = e.clientX;
    var rect = tr[0].getBoundingClientRect();
    var width = tr[0].offsetWidth;

    if(xPosition<width/2){
        details(tr);
        setCookie("dn_values",dn_values,365);
    }
    else{
        hide(tr);
        setCookie("hv_values",hv_values,365);
    }
}

//Anzeigen der genaueren Details der ausgewählten Tabelle
function details(tr)
{
    //Checke ob Einträge vorhanden sind
    if(!tr[2].getElementsByTagName("td")[2]){
        return false
    }

    var id = parseInt(tr[0].id[2]);
    var text = tr[0].getElementsByTagName("th")[0].innerHTML;

    //Details werden minimiert
    if(text.includes("<br>")){
        text = text.slice(0,text.indexOf("<br>"));
        tr[0].getElementsByTagName("th")[0].innerHTML = text;
        dn_values = dn_values.substring(0,id) + "n" +  dn_values.substring(id+1, dn_values.length);  //erstellen eines neuen Cookies
        return true;
    }

    var l = tr.length;
    var content = {}

    //Zähle verschieden Medientypen
    for(var e = 2; e<l; e++){
        var type = tr[e].getElementsByTagName("td")[2].innerHTML;
        if(type in content)
            content[type] +=1
        else
            content[type] =1
    }

    //Anzeigen
    var message= "";
    for(type in content){
        message += "<br> "+type.replace("<br>"," ")+": "+content[type]
    }
    tr[0].getElementsByTagName("th")[0].innerHTML+= message;

    //erstellen eines neuen Cookies
    dn_values = dn_values.substring(0,id) + "d" +  dn_values.substring(id+1, dn_values.length);
}

//Einklappen der ausgewählten Tabelle
function hide(tr)
{
    var id = parseInt(tr[0].id[2]);
    var visibility;
    var char;

    if(tr[1].style.display == "none") {
        visibility = "table-row";
        char = "v";
    }
    else{
        visibility = "none";
        char = "h";
    }

    hv_values = hv_values.substring(0,id) + char +  hv_values.substring(id+1, hv_values.length); //erstellen eines neuen Cookies
    for(var e = 1; e < tr.length; e++){
        tr[e].style.display =visibility;
    }
}

//############################# Cookies #############################
function checkCookie(cname,ctext)
{
    var cookie = getCookie(cname);
    if (cookie === "")
    {
        cookie = ctext;
        setCookie(cname, cookie, 365);
    }
    return cookie;
}
function getCookie(cname)
{
    var name = cname + "=";
    var ca = document.cookie.split(";");
    for(var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) === 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}
function setCookie(cname, cvalue, exdays)
{
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

//############################### Hintergrund Thread #######################################
//Code from: https://github.com/CoeJoder/waitForKeyElements.js
//(Greasy Fork doesn't allow to include this project by "require")

function waitForKeyElements(selectorOrFunction, callback, waitOnce, interval, maxIntervals) {
    if (typeof waitOnce === "undefined") {
        waitOnce = true;
    }
    if (typeof interval === "undefined") {
        interval = 300;
    }
    if (typeof maxIntervals === "undefined") {
        maxIntervals = -1;
    }
    var targetNodes = (typeof selectorOrFunction === "function")
            ? selectorOrFunction()
            : document.querySelectorAll(selectorOrFunction);

    var targetsFound = targetNodes && targetNodes.length > 0;
    if (targetsFound) {
        targetNodes.forEach(function(targetNode) {
            var attrAlreadyFound = "data-userscript-alreadyFound";
            var alreadyFound = targetNode.getAttribute(attrAlreadyFound) || false;
            if (!alreadyFound) {
                var cancelFound = callback(targetNode);
                if (cancelFound) {
                    targetsFound = false;
                }
                else {
                    targetNode.setAttribute(attrAlreadyFound, true);
                }
            }
        });
    }

    if (maxIntervals !== 0 && !(targetsFound && waitOnce)) {
        maxIntervals -= 1;
        setTimeout(function() {
            waitForKeyElements(selectorOrFunction, callback, waitOnce, interval, maxIntervals);
        }, interval);
    }
}