// ==UserScript==
// @name Better Movie-blog
// @namespace hoehleg.userscripts.private
// @version 0.5.3
// @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://greasyfork.org/scripts/390752-comparator/code/Comparator.js?version=738265
// @require https://greasyfork.org/scripts/390833-privatestore/code/PrivateStore.js?version=738653
// @grant GM_xmlhttpRequest
// @grant GM_addStyle
// ==/UserScript==
/* jshint esversion: 6 */
/* globals Comparator, PrivateStore */
(function() {
'use strict';
const CONFIG = {
// number of pages to load Beitraege to one page
PAGES_LOAD_COUNT: 2,
// unit for row "Groesse" in beitraege table
TABLE_BEITRAEGE_SIZE_DEFAULT_UNIT: "GB"
}
const CONST = (() => {
const URL_PATH = (() => {
const path = document.location.pathname.split("/").filter(str => str.length > 0);
return path === null ? [] : path;
})();
const DATA_SIZE_UNITS = (() => {
const DataSize = function(factor, shortText, longText) {
this.factor = factor;
this.shortText = shortText;
this.longText= longText;
Object.freeze(this);
}
return [
new DataSize(1<<0, "B", "Byte"),
new DataSize(1<<10, "KB", "Kilobyte"),
new DataSize(1<<20, "MB", "Megabyte"),
new DataSize(1<<30, "GB", "Gigabyte"),
new DataSize(1<<40, "TB", "Terabyte"),
].reduce((map, dataSize) => map.set(dataSize.shortText, dataSize), new Map());
})();
const TABLE_BEITRAEGE_HEADER_NAMES = {
NUM: "#",
RATING: "IMDb",
SIZE: "Größe",
LINK: "Link",
DATE: "Datum",
TYPE: "Typ",
JAHR: "Jahr",
DURATION: "Dauer"
}
const HTML_CLASSES = {
DATE: "date",
BEITRAG: "beitrag4",
TABLE_BEITRAEGE_COLUMN_NUM: "col-num",
TABLE_BEITRAEGE_COLUMN_RATING: "col-rating",
TABLE_BEITRAEGE_COLUMN_SIZE: "col-size",
TABLE_BEITRAEGE_COLUMN_LINK: "col-link",
TABLE_BEITRAEGE_COLUMN_DATE: "col-date",
TABLE_BEITRAEGE_COLUMN_TYPE: "col-type",
TABLE_BEITRAEGE_COLUMN_JAHR: "col-jahr",
TABLE_BEITRAEGE_COLUMN_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",
SIDEBAR: "sidebar",
CUR_BEITRAG_IMG: "cur-beitrag-img"
};
const CSS = `
#page {
background-size: 98%;
width: auto;
height: auto;
}
#${HTML_IDS.CONTENT} {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 6%;
width: 63%;
height: 5000px
}
#${HTML_IDS.SIDEBAR} {
position: absolute;
top: 440px;
right: 0px;
}
#${HTML_IDS.CUR_BEITRAG_IMG} {
position: fixed;
top: 2px;
left: 72%;
max-width: 400px;
z-index: 1;
}
#${HTML_IDS.BEITRAG_INFO} {
position: fixed;
top: 2px;
left: 80px;
}
#${HTML_IDS.SHOW_CONTAINER} {
position: relative;
top: 30px;
}
.${HTML_CLASSES.BEITRAG} {
width: auto;
}
#${HTML_IDS.LISTE_BEITRAEGE} {
width: 100%;
}
#${HTML_IDS.LISTE_BEITRAEGE} > table {
width: 100%;
border-collapse: collapse;
}
.${HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_NUM} {
min-width: 1.5em;
width: 1.5em;
max-width: 1.5em;
text-align: right;
}
.${HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_RATING} {
min-width: 3em;
width: 3em;
max-width: 3em;
text-align: center;
}
.${HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_JAHR} {
min-width: 3em;
width: 3em;
max-width: 3em;
text-align: center;
}
.${HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_LINK} {
width: auto;
max-width: 10em;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.${HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_DURATION} {
min-width: 3.5em;
width: 3.5em;
max-width: 3.5em;
text-align: right;
}
.${HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_SIZE} {
min-width: 5em;
width: 5em;
text-align: right;
}
.${HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_TYPE} {
width: 5em;
text-align: left;
}
.${HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_DATE} {
min-width: 9em;
width: 9em;
max-width: 9em;
text-align: left;
}
`;
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_BEITRAEGE_HEADER_NAMES: TABLE_BEITRAEGE_HEADER_NAMES,
HTML_CLASSES: HTML_CLASSES,
HTML_IDS: HTML_IDS,
CSS: CSS,
MONTH_NAMES: MONTH_NAMES,
DATA_SIZE_UNITS: DATA_SIZE_UNITS
}
})();
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 computeImgElement = (containerElement, fallbackValue = null) => {
const img = containerElement.querySelectorAll("P > IMG");
return img.length > 0 ? img[0] : 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,
new Comparator(beitrag => beitrag.imdbRating).reverse()
]).compareFnc;
const TYPEN = Object.freeze({
FILM: "Film",
SERIE: "Serie",
DOKU: "Doku",
WERBUNG: "Werbung"
});
// private fields
const _ = new PrivateStore();
class Beitrag {
constructor(divElement) {
_.set(this, "divElement", divElement);
}
get divElement() {
return _.get(this, "divElement");
}
get imdbLink() {
return _.getOrCompute(this, "imdbLink", () => computeImdbLink(this.divElement, null));
}
get imdbRating() {
return _.getOrCompute(this, "imdbRating", () => computeImdbRating(this.divElement, -1));
}
get imdbRatingAsText() {
return this.imdbRating === -1 ? "" : this.imdbRating.toFixed(1);
}
get imdbId() {
return _.getOrCompute(this, "imdbId", () => this.imdbLink === null ? "" : Util.parseStrWithRegex(this.imdbLink, /tt\d{7,8}/, ""));
}
get dauer() {
return _.getOrCompute(this, "dauer", () => computeDauer(this.divElement, 0));
}
get dauerAsText() {
if (this.dauer === 0) {
return "";
}
const hours = String(Math.floor(this.dauer / 60));
const minutes = String(this.dauer % 60);
return `${hours}:${minutes.length === 1 ? "0" + minutes : minutes}`;
}
get groesse() {
return _.getOrCompute(this, "groesse", () => computeGroesse(this.divElement, 0));
}
/**
* Returns value "groesse" of this object converted to a specified unit.
*
* @param {string} [unit] - Unit ("B", "KB", "MB", "GB", "TB"), see CONST.DATA_SIZE_UNITS
* @returns {number} - value converted for specified unit
*/
getGroesseInUnit(unit) {
const defaultDataSize = CONST.DATA_SIZE_UNITS.get("MB");
const targetDataSize = CONST.DATA_SIZE_UNITS.get(unit) || defaultDataSize;
return this.groesse * (defaultDataSize.factor / targetDataSize.factor)
}
/**
* Returns a formatted string of attribute "groesse" of this object
*
* @param {string} [unit] - Unit ("B", "KB", "MB", "GB", "TB"), see CONST.DATA_SIZE_UNITS
* @param {number} [decimalPlaces] - Number of fixed digits after the decimal point
* @returns {string} - formatted string: "value unit", e.g. "2.61 GB"
*/
getGroesseAsText(unit, decimalPlaces) {
if (this.groesse === 0) {
return "";
}
let value = this.groesse;
const defaultDataSize = CONST.DATA_SIZE_UNITS.get("MB");
let dataSize = CONST.DATA_SIZE_UNITS.get(unit);
if (!dataSize) {
for (dataSize of Array.from(CONST.DATA_SIZE_UNITS.values()).filter(ds => ds.factor >= defaultDataSize.factor)) {
if (dataSize.factor > defaultDataSize.factor) {
value = value / 1024;
if (typeof decimalPlaces === "undefined") {
decimalPlaces = 1;
}
}
if (value < 1024) {
break;
}
}
} else {
value *= (defaultDataSize.factor / dataSize.factor);
}
return Number(Math.round(value + 'e1') + 'e-1').toFixed(decimalPlaces || 0) + " " + dataSize.shortText;
}
get link() {
return _.getOrCompute(this, "link", () => computeLink(this.divElement, null));
}
get linkText() {
return this.link ? this.link.textContent : "";
}
get mirrors() {
return _.getOrCompute(this, "mirrors", () => computeMirrors(this.divElement));
}
get imgElement() {
return _.getOrCompute(this, "imgElement", () => computeImgElement(this.divElement));
}
get typ() {
return _.getOrCompute(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 _.getOrCompute(this, "datum", () => computeDatum(this.divElement, null));
}
get releasedYear() {
return _.getOrCompute(this, "releasedYear", () => {
const match = /\.(\d{4})\./.exec(this.linkText);
if (!match || match.length <= 1) {
return null;
}
return parseInt(match[1]) || null;
});
}
static get TYPEN() {
return TYPEN;
}
static get defaultCompare() {
return defaultCompare;
}
}
return Beitrag;
})();
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();
// remove former image from sidebar
const curImage = document.getElementById(CONST.HTML_IDS.CUR_BEITRAG_IMG);
if (curImage !== null) {
curImage.parentElement.removeChild(curImage)
}
// insert image to sidebar
const divSidebar = document.getElementById(CONST.HTML_IDS.SIDEBAR);
const imgElement = beitrag.imgElement;
if (divSidebar && imgElement) {
imgElement.id = CONST.HTML_IDS.CUR_BEITRAG_IMG
divSidebar.insertBefore(imgElement, divSidebar.firstChild);
}
divBeitrag.style = "margin: -2em;";
return beitragContent.appendChild(divBeitrag) ? 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.showTable();
this.gotoBeitrag(this.indexOfBeitrag(curBeitrag));
};
const tableData = this.beitraege.map((b, i) => ({
[CONST.TABLE_BEITRAEGE_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_BEITRAEGE_HEADER_NAMES.RATING]: b.imdbRatingAsText,
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.JAHR]: b.releasedYear || "",
[CONST.TABLE_BEITRAEGE_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;
}
return link;
})(),
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.DURATION]: b.dauerAsText,
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.SIZE]: b.getGroesseAsText(CONFIG.TABLE_BEITRAEGE_SIZE_DEFAULT_UNIT, 1),
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.TYPE]: b.typ,
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.DATE]: b.datum.toLocaleDateString(undefined, { dateStyle: "short", timeStyle: "short" }),
}));
const tdAttributes = {
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.NUM]: { className: CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_NUM },
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.RATING]: { className: CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_RATING },
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.JAHR]: { className: CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_JAHR },
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.LINK]: { className: CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_LINK },
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.DURATION]: { className: CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_DURATION },
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.SIZE]: { className: CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_SIZE },
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.TYPE]: { className: CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_TYPE },
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.DATE]: { className: CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_DATE },
};
const thAttributes = {
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.NUM]: {
style: "text-align:right;",
onclick: () => sortByColumn("#", Beitrag.defaultCompare),
className: CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_NUM
},
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.RATING]: { onclick: () => sortByColumn("IMDb", new Comparator(b => b.imdbRating).reverse().compareFnc), className: CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_RATING },
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.JAHR]: { onclick: () => sortByColumn("Jahr", new Comparator(b => b.releasedYear).compareFnc), className: CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_JAHR },
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.LINK]: { onclick: () => sortByColumn("Link", new Comparator(b => b.linkText).compareFnc), className: CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_LINK },
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.DURATION]: { onclick: () => sortByColumn("Typ", new Comparator(b => b.dauer).compareFnc), className: CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_DURATION },
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.SIZE]: { onclick: () => sortByColumn("Größe", new Comparator(b => b.groesse).reverse().compareFnc), className: CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_SIZE },
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.TYPE]: { onclick: () => sortByColumn("Typ", new Comparator(b => b.typ).compareFnc), className: CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_TYPE },
[CONST.TABLE_BEITRAEGE_HEADER_NAMES.DATE]: { onclick: () => sortByColumn("Datum", new Comparator(b => b.datum.valueOf()).compareFnc), className: CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_DATE },
};
const table = Util.createTable(tableData, tdAttributes, thAttributes);
for (let tr of table.getElementsByTagName("TR")) {
const tdNum = tr.getElementsByClassName(CONST.HTML_CLASSES.TABLE_BEITRAEGE_COLUMN_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 beitragInfoDiv = document.getElementById(CONST.HTML_IDS.BEITRAG_INFO);
const beitragContent = document.getElementById(CONST.HTML_IDS.SHOW_CONTAINER);
tableDiv = beitragInfoDiv.parentNode.insertBefore(document.createElement("DIV"), beitragInfoDiv);
tableDiv.id = CONST.HTML_IDS.LISTE_BEITRAEGE;
} else {
while (tableDiv.firstChild) {
tableDiv.removeChild(tableDiv.firstChild);
}
}
tableDiv.appendChild(table);
}
}
})();
let view = new View();
GM_addStyle(CONST.CSS);
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;
}
};
})();
