☰

Better Movie-blog

Browse trough the articles with left and right cursor keys

目前为 2019-10-04 提交的版本。查看 最新版本。

// ==UserScript==
// @name         Better Movie-blog
// @namespace    hoehleg.userscripts.private
// @version      0.3.2
// @description  Browse trough the articles with left and right cursor keys
// @author       Gerrit Höhle
// @match        http://www.movie-blog.org/
// @match        http://www.movie-blog.org/page/*
// @match        http://www.movie-blog.org/category/*
// @match        http://movie-blog.to/
// @match        http://movie-blog.to/page/*
// @match        http://movie-blog.to/category/*
// @require      https://gf.qytechs.cn/scripts/390752-comparator/code/Comparator.js?version=738040
// @grant        GM_xmlhttpRequest
// @grant        GM_addStyle
// ==/UserScript==

GM_addStyle(`
    #page {
        background-size: 100%;
        width: auto;
    }
    #content {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 6%;
        width: 62%;
    }
`);

(function() {
    'use strict';
    // Introduce library objects to Tampermonkey editor
    // if (typeof Comparator === "undefined" ) { var Comparator = Comparator; }

    const CONFIG = {
        // number of pages to load Beitraege to one page
        PAGES_LOAD_COUNT: 5,
    }

    const CONST = (() => {
        const URL_PATH = (() => {
            const path = document.location.pathname.split("/").filter(str => str.length > 0);
            return path === null ? [] : path;
        })();

        const TABLE_HEADER_NAMES = {
            NUM: "#",
            RATING: "IMDb",
            SIZE: "Größe",
            LINK: "Link",
            DATE: "Datum",
            TYPE: "Typ",
            DURATION: "Dauer"
        }

        const HTML_CLASSES = {
            DATE: "date",
            BEITRAG: "beitrag4",
            TABLE_TD_NUM: "col-num",
            TABLE_TD_RATING: "col-rating",
            TABLE_TD_SIZE: "col-size",
            TABLE_TD_LINK: "col-link",
            TABLE_TD_DATE: "col-date",
            TABLE_TD_TYPE: "col-type",
            TABLE_TD_DURATION: "col-duration"
        };

        const HTML_IDS = {
            SHOW_CONTAINER: "show-container",
            BEITRAG_INFO: "beitrag-info",
            PAGE_NUMBER: "page-number",
            BEITRAG_NUMBER: "beitrag-number",
            BEITRAG_COUNT: "beitrag-count",
            FILM_DATA_IMDB_RATING: "film-data-imdb-rating",
            FILM_DATA_GROESSE: "film-data-groesse",
            FILM_DATA_DAUER: "film-data-dauer",
            PAGE_PREV: "page-prev",
            PAGE_NEXT: "page-next",
            BEITRAG_PREV: "beitrag-prev",
            BEITRAG_NEXT: "beitrag-next",
            LISTE_BEITRAEGE: "liste-beitraege",
            HEAD: "head",
            CONTENT: "content",
            TABLE_TR_NUM: "tr-num",
        };

        const MONTH_NAMES = ["JANUAR", "FEBRUAR", "MÄRZ", "APRIL", "MAI", "JUNI", "JULI", "AUGUST", "SEPTEMBER" ,"OKTOBER" ,"NOVEMBER" ,"DEZEMBER"];

        if (URL_PATH && URL_PATH[0] === "category") {
            Object.assign(HTML_CLASSES, {
                DATE: "date_x",
                BEITRAG : "beitrag2"
            });
            Object.assign(HTML_IDS, {
                CONTENT : "archiv"
            });
        }

        return {
            URL_PATH:URL_PATH,
            TABLE_HEADER_NAMES:TABLE_HEADER_NAMES,
            HTML_CLASSES:HTML_CLASSES,
            HTML_IDS:HTML_IDS,
            MONTH_NAMES:MONTH_NAMES
        }
    })();
    const Util = (() => {
        return {
            getPageAsync: (url, onSuccess, onError = () => {}) => {
                return GM_xmlhttpRequest({
                    method: 'GET',
                    url: url,
                    onload: (resp) => {
                        switch (resp.status) {
                            case 200:
                            case 304:
                                resp.html = new DOMParser().parseFromString(resp.responseText, 'text/html');
                                onSuccess(resp);
                                return;
                            default:
                                onError(resp);
                                return;
                        }
                    },
                    onerror: onError
                });
            },

            createInputElement: (id, type, width, maxLength = 3, textAlign = "left") => {
                const inputElement = document.createElement("INPUT");
                inputElement.id = id;
                inputElement.type = type;
                inputElement.maxLength = maxLength;
                inputElement.style = `text-align:${textAlign};width:${width}`
                return inputElement;
            },

            createShowContainer: () => {
                const oldContainer = document.getElementById(CONST.HTML_IDS.SHOW_CONTAINER);
                if (!oldContainer) {
                    const divHead = document.getElementById(CONST.HTML_IDS.HEAD);
                    divHead.parentNode.removeChild(divHead)

                    const divContent = document.getElementById(CONST.HTML_IDS.CONTENT);
                    divContent.innerHTML = "";

                    const newContainer = divContent.insertBefore(document.createElement("DIV"), divContent.firstChild);
                    newContainer.id = CONST.HTML_IDS.SHOW_CONTAINER;

                    const divBeitragInfo = newContainer.appendChild(document.createElement("DIV"));
                    divBeitragInfo.id = CONST.HTML_IDS.BEITRAG_INFO;

                    divBeitragInfo.appendChild(document.createTextNode("Seite: "));
                    divBeitragInfo.appendChild(Util.createInputElement(CONST.HTML_IDS.PAGE_NUMBER, "number", "3em", 3, "center"));

                    divBeitragInfo.appendChild(document.createTextNode(", Beitrag: "));
                    divBeitragInfo.appendChild(Util.createInputElement(CONST.HTML_IDS.BEITRAG_NUMBER, "number", "3em", 2, "center"));
                    divBeitragInfo.appendChild(document.createTextNode(" / "));
                    divBeitragInfo.appendChild(Util.createInputElement(CONST.HTML_IDS.BEITRAG_COUNT, "number", "3em", 2, "center")).disabled = true;

                    divBeitragInfo.appendChild(document.createTextNode(", IMDb: "));
                    divBeitragInfo.appendChild(Util.createInputElement(CONST.HTML_IDS.FILM_DATA_IMDB_RATING, "text", "3em", 4, "center")).disabled = true;

                    divBeitragInfo.appendChild(document.createTextNode(", Größe: "));
                    divBeitragInfo.appendChild(Util.createInputElement(CONST.HTML_IDS.FILM_DATA_GROESSE, "text", "7em", 9, "center")).disabled = true;

                    return true;
                } else {
                    for (let divBeitragOld of oldContainer.querySelectorAll(`DIV.${CONST.HTML_CLASSES.BEITRAG}`)) {
                        oldContainer.removeChild(divBeitragOld);
                    }
                    return false;
                }
            },

            parseInt: (str, maxIntPlaces = 1, fallbackValue = null) => {
                let regex = "\\d";
                if (maxIntPlaces > 1) {
                    regex += "{1," + maxIntPlaces + "}";
                }
                return Util.parseIntWithRegex(str, new RegExp(regex), fallbackValue);
            },

            parseFloat: (str, maxIntPlaces = 1, maxDecPlaces = 0, fallbackValue = null) => {
                let regex = "\\d";
                if (maxIntPlaces > 1) {
                    regex += "{1," + maxIntPlaces + "}";
                }
                if (maxDecPlaces > 0) {
                    regex += "\\s?[,\.]?\\s?\\d{0," + maxDecPlaces + "}";
                }
                return Util.parseFloatWithRegex(str, new RegExp(regex), fallbackValue);
            },

            parseIntWithRegex: (str, regex, fallbackValue = null) => {
                const match = Util.parseStrWithRegex(str, regex);
                const value = parseInt(match);
                return Number.isNaN(value) ? fallbackValue : value;
            },

            parseFloatWithRegex: (str, regex, fallbackValue = null) => {
                const match = Util.parseStrWithRegex(str, regex, "").replace(",",".");
                const value = parseFloat(match);
                return Number.isNaN(value) ? fallbackValue : value;
            },

            parseStrWithRegex: (str, regex, fallbackValue = null) => {
                const match = regex.exec(str || "");
                return (match && match.length >= 1) ? match[0] : fallbackValue;
            },

            monthNameToNumber: (monthName) => {
                return CONST.MONTH_NAMES.indexOf(String(monthName).toUpperCase());
            },

            createTable(data, cellAttributes = {}, headerAttributes = cellAttributes) {
                function configRow(cellElement, content, attributes) {
                    cellElement.appendChild(content instanceof Element ? content : document.createTextNode(String(content)));
                    for (let attrName of Object.keys(attributes)) {
                        cellElement[attrName] = attributes[attrName];
                    }
                }

                const table = document.createElement("TABLE");
                if (data) {
                    for (let element of data) {
                        const row = table.insertRow();

                        for (let key of Object.keys(element)) {
                            const td = row.insertCell();
                            const content = element[key];
                            const attributes = cellAttributes[key] || {};
                            configRow(td, content, attributes);
                        }
                    }

                    const thead = table.createTHead();
                    const row = thead.insertRow();

                    for (let key of Object.keys(data[0])) {
                        const th = document.createElement("TH");
                        const attributes = headerAttributes[key] || {};
                        row.appendChild(th);

                        configRow(th, key, attributes)
                    }
                }

                return table;
            },
        }
    })();

    const Beitrag = (() => {
        const computeImdbLink = (containerElement, fallbackValue = null) => {
            for (let a of Array.from(containerElement.getElementsByTagName("A"))) {
                const linkTextUpper = a.textContent.toUpperCase();
                if (linkTextUpper.includes("IMDB")) {
                    return a;
                }
            }

            for (let elStrong of containerElement.querySelectorAll("STRONG, B")) {
                if (elStrong.textContent.toUpperCase().includes("IMDB")) {
                    const nextEl = elStrong.nextSibling;
                    if (nextEl && nextEl.tagName === "A") {
                        return nextEl;
                    }
                }
            }

            return fallbackValue;
        };

        const computeImdbRating = (containerElement, fallbackValue = null) => {
            const a = computeImdbLink(containerElement);
            if (a !== null) {
                let rating = Util.parseFloat(a.textContent.toUpperCase(), 2, 1);
                if (rating === null) {
                    const nextEl = a.nextSibling;
                    if (nextEl && nextEl.nodeType === Node.TEXT_NODE) {
                        rating = Util.parseFloat(nextEl.textContent.toUpperCase(), 2, 1);
                    }
                }

                if (rating !== null) {
                    return rating;
                }
            }

            return fallbackValue;
        };

        const computeDauer = (containerElement, fallbackValue = null) => {
            for (let elStrong of containerElement.querySelectorAll("STRONG, B")) {
                if (elStrong.textContent.toUpperCase().includes("DAUER")) {
                    const nextEl = elStrong.nextSibling;
                    if (nextEl) {
                        const textContentUpper = nextEl.textContent.toUpperCase();
                        const hours = Util.parseFloatWithRegex(textContentUpper, /(\d{1,2}\s?[,\.]?\s?\d{0,2})\s?(H|STUNDEN|HOURS)/);
                        const minutes = Util.parseIntWithRegex(textContentUpper, /(\d{1,4})\s?(M|MIN|MINUTEN|MINUTES)/);
                        if (hours !== null || minutes !== null) {
                            return (hours === null ? 0 : hours * 60) + (minutes === null ? 0 : minutes);
                        }
                    }
                }
            }
            return fallbackValue;
        };

        const computeMirrors = (containerElement) => {
            return Array.from(containerElement.querySelectorAll("STRONG + A, B + A")).filter(a => {
                const strong = a.previousElementSibling;
                const strongTextContentUpper = strong.textContent.toUpperCase();
                return ["DOWNLOAD", "MIRROR"].some(str => strongTextContentUpper.includes(str));
            }).filter(a => {
                const isWerbeLink = !a.hostname || a.hostname.toUpperCase().includes("MOVIE-BLOG");
                return !isWerbeLink;
            });
        };

        const computeDatum = (containerElement, fallbackValue = null) => {
            const reDay = "\\d{1,2}";
            const reMonth = CONST.MONTH_NAMES.reduce((a, b) => a + "|" + b);
            const reYear = "\\d{4}";
            const reHour = "\\d{1,2}";
            const reMin = "\\d{2}";

            for (let elDatum of containerElement.getElementsByClassName(CONST.HTML_CLASSES.DATE)) {
                const match = new RegExp("(" + reDay + ")\\.\\s(" + reMonth + ")\\s(" + reYear + ")\\s(" + reHour + "):(" + reMin + ")", "i").exec(elDatum.textContent);
                if (match && match.length === 6) {
                    const day = Number.parseInt(match[1]);
                    const month = Util.monthNameToNumber(match[2]);
                    const year = Number.parseInt(match[3]);
                    const hour = Number.parseInt(match[4]);
                    const minute = Number.parseInt(match[5]);

                    return (new Date(year, month, day, hour, minute));
                }
            }
            return fallbackValue;
        };

        const computeLink = (containerElement, fallbackValue = null) => {
            const datum = computeDatum(containerElement);
            if (datum !== null) {
                const yearFourDigits = datum.getFullYear();
                const monthTwoDigits = ('00' + (datum.getMonth() + 1)).slice(-2);
                const dayTwoDigits = ('00' + datum.getDate()).slice(-2);

                const urlPath = "/" + [yearFourDigits, monthTwoDigits, dayTwoDigits].reduce((a, b) => a + "/" + b) + "/";

                for (let h1 of containerElement.getElementsByTagName("H1")) {
                    for (let a of h1.getElementsByTagName("A")) {
                        if (a.href.includes(urlPath)) {
                            return a.cloneNode(true);
                        }
                    }
                }
            }
            return fallbackValue;
        };

        const computeGroesse = (containerElement, fallbackValue = null) => {
            for (let elStrong of containerElement.querySelectorAll("STRONG, B")) {
                if (elStrong.textContent.toUpperCase().includes("GRÖSSE")) {

                    const nextEl = elStrong.nextSibling;
                    if (nextEl) {
                        const textContentUpper = nextEl.textContent.toUpperCase();
                        const gb = Util.parseFloatWithRegex(textContentUpper, /(\d{1,4}\s?[,\.]?\s?\d{0,3})\s?(GB|GIGABYTE)/);
                        const mb = Util.parseIntWithRegex(textContentUpper, /(\d{1,7}?)\s?(MB|MEGABYTE)/);
                        if (gb !== null || mb !== null) {
                            return (gb === null ? 0 : gb * 1024) + (mb === null ? 0 : mb);
                        }
                    }
                }
            }

            return fallbackValue;
        };

        const defaultCompare = new Comparator(...[
            beitrag => [Beitrag.TYPEN.FILM, Beitrag.TYPEN.DOKU, Beitrag.TYPEN.SERIE, Beitrag.TYPEN.WERBUNG].indexOf(beitrag.typ),
            beitrag => beitrag.groesse > 25 * 1024,
            beitrag => -beitrag.imdbRating
        ]).compareFnc;

        const TYPEN = Object.freeze({
            FILM: "Film",
            SERIE: "Serie",
            DOKU: "Doku",
            WERBUNG: "Werbung"
        });

        const _privateSpace = (() => {
            // { propertyName, Symbol }
            const propertySymbols = {};

            return (thisObj, propertyName, computeFunctionOrValue) => {
                const propertySymbol = propertySymbols[propertyName] || (propertySymbols[propertyName] = Symbol(propertyName));
                let value = thisObj[propertySymbol]

                if (typeof value === "undefined") {
                    value = (typeof computeFunctionOrValue === 'function') ? computeFunctionOrValue() : computeFunctionOrValue;
                    thisObj[propertySymbol] = value;
                }

                return value;
            };
        })();

        return class {
            constructor(divElement) {
                Object.defineProperty(this, "_", { value: _privateSpace.bind(null, this) });
                this._("divElement", divElement);
            }

            get divElement() {
                return this._("divElement");
            }

            get imdbLink() {
                return this._("imdbLink", () => computeImdbLink(this.divElement, null));
            }

            get imdbRating() {
                return this._("imdbRating", () => computeImdbRating(this.divElement, 0));
            }

            get imdbId() {
                return this._("imdbId", () => this.imdbLink === null ? "" : Util.parseStrWithRegex(this.imdbLink, /tt\d{7,8}/, ""));
            }

            get dauer() {
                return this._("dauer", () => computeDauer(this.divElement, 0));
            }

            get groesse() {
                return this._("groesse", () => computeGroesse(this.divElement, 0));
            }

            getGroesseAsText(unit = this.groesse > 1024 ? "GB" : "MB") {
                switch (unit.toUpperCase()) {
                    case "GB":
                        return Number(Math.round(this.groesse / 1024 + 'e1') + 'e-1').toLocaleString(undefined, { maximumFractionDigits: 1 }) + " GB";
                }
                return this.groesse.toLocaleString() + " MB";
            }

            get link() {
                return this._("link", () => computeLink(this.divElement, null));
            }

            get linkText() {
                return this.link ? this.link.textContent : "";
            }

            get mirrors() {
                return this._("mirrors", () => computeMirrors(this.divElement));
            }

            get typ() {
                return this._("typ", () => {
                    if (this.mirrors.length === 0 || this.linkText.toUpperCase().includes('-HELD')) {
                        return Beitrag.TYPEN.WERBUNG;
                    }

                    if (/\.DO[KC]U/i.test(this.linkText)) {
                        return Beitrag.TYPEN.DOKU;
                    }

                    if (/\.S\d\d?(E\d\d?)?(-S\d\d?(E\d\d?)?)?\./i.test(this.linkText)) {
                        return Beitrag.TYPEN.SERIE;
                    }
                    return "";
                });
            }

            get datum() {
                return this._("datum", () => computeDatum(this.divElement, null));
            }

            static get TYPEN() {
                return TYPEN;
            }

            static get defaultCompare() {
                return defaultCompare;
            }
        }
    })();

    const View = (() => {
        const addBeitraegeAsync = (beitraege, fromNumOfPage, toNumOfPage, onSuccess, onError) => {
            const urlPath = document.location.href.replace('page/', '').replace('#','');
            Util.getPageAsync(`${urlPath}page/${fromNumOfPage + 1}/`, resp => {

                // add Beitraege
                beitraege.push(...Array.from(resp.html.querySelectorAll(`DIV.${CONST.HTML_CLASSES.BEITRAG}`)).map(div => new Beitrag(div)));

                if (fromNumOfPage < toNumOfPage) {
                    // load further Beitraege
                    addBeitraegeAsync(beitraege, fromNumOfPage + 1, toNumOfPage, onSuccess, onError);
                    return;
                }

                // Beitreage of last page loaded successfully
                onSuccess();
            }, onError);
        };

        return class {
            constructor(numOfPage = 0, numOfBeitrag = 0, pageSteps = CONFIG.PAGES_LOAD_COUNT) {
                this.pageSteps = pageSteps
                this.numOfPage = numOfPage;
                this.numOfBeitrag = numOfBeitrag;
                this.beitraege = [];

                this.gotoPage();
            }

            get beitragCount() {
                return this.beitraege.length;
            }

            setBrowsingEnabled(isBrowsingEnabled) {
                this.isPageLoading = !isBrowsingEnabled;
                [
                    document.getElementById(CONST.HTML_IDS.PAGE_NUMBER) || {},
                    document.getElementById(CONST.HTML_IDS.BEITRAG_NUMBER) || {}
                ].forEach(inputElement => {
                    inputElement.disabled = !isBrowsingEnabled;
                });
            }

            gotoPage(numOfPage = this.numOfPage, numOfBeitrag = -1) {
                // disable page browsing
                this.setBrowsingEnabled(false);

                const onSuccess = () => {
                    if (0 <= numOfBeitrag && numOfBeitrag < this.beitragCount) {
                        this.numOfBeitrag = numOfBeitrag;
                    } else {
                        this.numOfBeitrag = (numOfPage < this.numOfPage) ? this.beitragCount - 1 : 0;
                    }
                    this.numOfPage = numOfPage;

                    // distinct for links
                    const beitraegeByLinks = new Map(this.beitraege.map(b => [ b.link.href, b ]));
                    this.beitraege = Array.from(beitraegeByLinks.values());

                    // sort Beitraege by IMDb rating
                    this.beitraege.sort((a, b) => Beitrag.defaultCompare(a, b));

                    this.showBeitrag();
                    this.showTable();
                    this.highlightTableRow(0);
                    this.setBrowsingEnabled(true);
                }
                const onError = resp => this.setBrowsingEnabled(true);

                // merge Beitraege of 'pageSteps' pages
                this.beitraege = [];

                let numOfPageFirst = numOfPage * this.pageSteps;
                let numOfPageLast = numOfPageFirst + this.pageSteps - 1;
                addBeitraegeAsync(this.beitraege, numOfPageFirst, numOfPageLast, onSuccess, onError);
            }

            indexOfBeitrag(beitrag) {
                return this.beitraege.indexOf(beitrag);
            }

            gotoBeitrag(numOfBeitrag = this.numOfBeitrag) {
                this.highlightTableRow(this.numOfBeitrag, false);

                this.numOfBeitrag = numOfBeitrag;
                this.showBeitrag();

                this.highlightTableRow(this.numOfBeitrag, true);
            }

            showBeitrag() {
                // get a clean show container
                const isNewShowContainer = Util.createShowContainer();

                // clone Beitrag into show container
                const beitrag = this.beitraege[this.numOfBeitrag];
                const divBeitrag = beitrag ? beitrag.divElement : null;
                if (divBeitrag) {
                    const beitragContent = document.getElementById(CONST.HTML_IDS.SHOW_CONTAINER);
                    const beitragInfo = document.getElementById(CONST.HTML_IDS.BEITRAG_INFO);

                    const inputPageNum = document.getElementById(CONST.HTML_IDS.PAGE_NUMBER);
                    inputPageNum.value = this.numOfPage + 1;
                    inputPageNum.min = 1;
                    inputPageNum.max = 9999;

                    const inputBeitragNum = document.getElementById(CONST.HTML_IDS.BEITRAG_NUMBER);
                    inputBeitragNum.value = this.numOfBeitrag + 1
                    inputBeitragNum.min = 1;
                    inputBeitragNum.max = this.beitragCount;

                    if (isNewShowContainer) {
                        inputPageNum.addEventListener("change", () => {
                            if (!this.isPageLoading) {
                                let pageNum = parseInt(inputPageNum.value) - 1;
                                pageNum = Math.max(0, pageNum);
                                this.gotoPage(pageNum, 0);
                            }
                        });

                        inputBeitragNum.addEventListener("change", () => {
                            if (!this.isPageLoading) {
                                let beitragNum = parseInt(inputBeitragNum.value) - 1;
                                beitragNum = Math.max(beitragNum, 0);
                                beitragNum = Math.min(beitragNum, this.beitragCount - 1);
                                this.gotoBeitrag(beitragNum);
                            }
                        });
                    }

                    document.getElementById(CONST.HTML_IDS.BEITRAG_COUNT).value = this.beitragCount;
                    document.getElementById(CONST.HTML_IDS.FILM_DATA_IMDB_RATING).value = beitrag.imdbRating;
                    document.getElementById(CONST.HTML_IDS.FILM_DATA_GROESSE).value = beitrag.getGroesseAsText();

                    divBeitrag.style = "margin: -2em;";
                    return beitragContent.insertBefore(divBeitrag, beitragInfo.nextSibling) ? true : false;
                }
                return false;
            }

            highlightTableRow(numOfBeitrag, isHighlight = true) {
                const tableRow = document.getElementById(`${CONST.HTML_IDS.TABLE_TR_NUM}_${numOfBeitrag + 1}`);
                if (tableRow) {
                    tableRow.style["font-weight"] = isHighlight ? "bold" : "";
                }
            }

            showTable() {
                const sortByColumn = (columnKey, sortFunction) => {
                    const curBeitrag = this.beitraege[this.numOfBeitrag];

                    if (this.lastSortedColumnKey !== columnKey) {
                        this.beitraege.sort(sortFunction);
                        this.lastSortedColumnKey = columnKey;
                    } else {
                        this.beitraege.reverse();
                        this.lastSortedColumnKey = undefined;
                    }

                    this.gotoBeitrag(this.indexOfBeitrag(curBeitrag));
                    this.showTable();
                };

                const tableData = this.beitraege.map((b, i) => ({
                    [CONST.TABLE_HEADER_NAMES.NUM]: (() => {
                        const a = document.createElement("A");
                        a.appendChild(document.createTextNode((i + 1).toString()));
                        a.href = "#";
                        a.onclick = () => this.gotoBeitrag(i);
                        return a;
                    })(),
                    [CONST.TABLE_HEADER_NAMES.RATING]: b.imdbRating,
                    [CONST.TABLE_HEADER_NAMES.SIZE]: b.getGroesseAsText("GB"),
                    [CONST.TABLE_HEADER_NAMES.LINK]: (() => {
                        const link = b.link.cloneNode(true);

                        // Textformatierungen entfernen
                        while(link.firstChild) {
                            link.removeChild(link.firstChild);
                        }
                        link.textContent = b.linkText;

                        const MAX_LINK_LENGTH = 55;
                        if (link.textContent.length > MAX_LINK_LENGTH) {
                            link.textContent = link.textContent.substr(0, MAX_LINK_LENGTH-4) + "...";
                        }
                        return link;
                    })(),
                    [CONST.TABLE_HEADER_NAMES.DATE]: b.datum.toLocaleDateString(undefined, { dateStyle: "short", timeStyle: "short" }),
                    [CONST.TABLE_HEADER_NAMES.TYPE]: b.typ,
                    [CONST.TABLE_HEADER_NAMES.DURATION]: b.dauer,
                }));
                const tdAttributes = {
                    [CONST.TABLE_HEADER_NAMES.NUM]: { style: "text-align:right;", className: CONST.HTML_CLASSES.TABLE_TD_NUM },
                    [CONST.TABLE_HEADER_NAMES.RATING]: { style: "text-align:center;", className: CONST.HTML_CLASSES.TABLE_TD_RATING },
                    [CONST.TABLE_HEADER_NAMES.SIZE]: { style: "text-align:right;", className: CONST.HTML_CLASSES.TABLE_TD_SIZE },
                    [CONST.TABLE_HEADER_NAMES.LINK]: { style: "text-align:left;width=20em", className: CONST.HTML_CLASSES.TABLE_TD_LINK },
                    [CONST.TABLE_HEADER_NAMES.DATE]: { style: "text-align:left;", className: CONST.HTML_CLASSES.TABLE_TD_DATE },
                    [CONST.TABLE_HEADER_NAMES.TYPE]: { style: "text-align:left;", className: CONST.HTML_CLASSES.TABLE_TD_TYPE },
                    [CONST.TABLE_HEADER_NAMES.DURATION]: { style: "text-align:right;", className: CONST.HTML_CLASSES.TABLE_TD_DURATION }
                };
                const thAttributes = {
                    [CONST.TABLE_HEADER_NAMES.NUM]: {
                        style: "text-align:right;",
                        onclick: () => sortByColumn("#", Beitrag.defaultCompare)
                    },
                    [CONST.TABLE_HEADER_NAMES.RATING]: { onclick: () => sortByColumn("IMDb", new Comparator(b => -b.imdbRating).compareFnc) },
                    [CONST.TABLE_HEADER_NAMES.SIZE]: { onclick: () => sortByColumn("Größe", new Comparator(b => -b.groesse).compareFnc) },
                    [CONST.TABLE_HEADER_NAMES.LINK]: { onclick: () => sortByColumn("Link", new Comparator(b => b.linkText).compareFnc) },
                    [CONST.TABLE_HEADER_NAMES.DATE]: { onclick: () => sortByColumn("Datum", (a, b) => b.datum.valueOf() - a.datum.valueOf()) },
                    [CONST.TABLE_HEADER_NAMES.TYPE]: { onclick: () => sortByColumn("Typ", (a, b) => a.typ.localeCompare(b.typ)) },
                    [CONST.TABLE_HEADER_NAMES.DURATION]: { onclick: () => sortByColumn("Typ", (a, b) => a.datum.valueOf() - b.datum.valueOf()) },
                };

                const table = Util.createTable(tableData, tdAttributes, thAttributes);
                for (let tr of table.getElementsByTagName("TR")) {
                    const tdNum = tr.getElementsByClassName(CONST.HTML_CLASSES.TABLE_TD_NUM);
                    const num = tdNum.length > 0 ? Util.parseInt(tdNum[0].textContent, 3) : null;
                    if (num !== null) {
                        tr.id = `${CONST.HTML_IDS.TABLE_TR_NUM}_${num}`;
                    }
                }

                let tableDiv = document.getElementById(CONST.HTML_IDS.LISTE_BEITRAEGE);
                if (!tableDiv) {
                    const beitragContent = document.getElementById(CONST.HTML_IDS.SHOW_CONTAINER);
                    tableDiv = beitragContent.appendChild(document.createElement("DIV"));
                    tableDiv.id = CONST.HTML_IDS.LISTE_BEITRAEGE;
                } else {
                    while (tableDiv.firstChild) {
                        tableDiv.removeChild(tableDiv.firstChild);
                    }
                }

                tableDiv.appendChild(table);
            }
        }
    })();

    let view = new View();

    const browseBeitrag = function(distance) {
        if (view.isPageLoading) {
            return;
        }
        const numOfNextBeitrag = view.numOfBeitrag + distance;

        if (numOfNextBeitrag < 0) {
            if (view.numOfPage > 0) {
                view.gotoPage(view.numOfPage - 1);
            }
        } else if (numOfNextBeitrag >= view.beitragCount) {
            view.gotoPage(view.numOfPage + 1);
        } else {
            view.gotoBeitrag(numOfNextBeitrag);
        }
    };

    document.onkeydown = function (e) {
        switch (e.keyCode) {
            case 37: // key left
                browseBeitrag(-1);
                return false;
            case 39: // key right
                browseBeitrag(1);
                return false;
            case 33: // page up
                view.gotoPage(Math.max(0, view.numOfPage - 1), 0);
                return false;
            case 34: // page down
                view.gotoPage(view.numOfPage + 1, 0);
                return false;
        }
    };
})();

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址