Texte vergleichen

Finde den Unterschied zwischen zwei Textdateien

Live-Editor

Leerzeichen ausblenden

Gleiches ausblenden

Zeilenumbruch aus

Ansicht

Vergleichsgenauigkeit

Textstile

Syntaxhervorhebung

Diffchecker Desktop Der sicherste Weg, Diffchecker zu nutzen. Hol dir die Desktop-App: Deine Diffs verlassen nie deinen Computer!Desktop holen

Untitled diff

Erstellt vor 10 JahrenDiff läuft nie ab

296 Entfernungen

Zeilen
Gesamt
Entfernt

Zeichen
Gesamt
Entfernt

Um diese Funktion weiterhin zu nutzen, aktualisiere auf Diffchecker Pro Preise anzeigen

700 Zeilen

319 Hinzufügungen

Zeilen
Gesamt
Hinzugefügt

Zeichen
Gesamt
Hinzugefügt

Um diese Funktion weiterhin zu nutzen, aktualisiere auf Diffchecker Pro Preise anzeigen

741 Zeilen

// ==UserScript==

// @name EH Gallery Quick Favourite

// @author FabulousCupcake

// @namespace http://fabulous.cupcake.jp.net/

// @version v2.1.0

// @version v2.2.0

// @description Upgrades the gallery favourite button to allow quick favouriting of a gallery.

// @include /^https?://(ex|(?:g\.)?e-)hentai\.org/g/\d+?/\w{10}/?/

// @include /^https?://(ex|(?:g\.)?e-)hentai\.org\/gallerypopups\.php\?.+&act=addfav/

// @grant none

// ==/UserScript==

/* ====================================== *\

Hotkey Map

----

Shift+F : Initiate Favouriting Mode

[0-9] : Favourite 0-9

- : Remove Favourite

----

Pressing any other key during act-

ive favouriting mode will exit the

active favving mode.

\* ====================================== */

// Config

const config = {

'debug': false,

"debug": false,

'timeout': 5000, // XHR Timelimit in milliseconds

"editor_size": 60, // Width of the favnotes input element in not-px unit

'editor_size': 60, // Width of the favnotes input element in not-px unit

"hotkeys": true, // Enable hotkeys

'hotkeys': true, // Enable hotkeys

"cheatsheet": true // Show cheatsheet after pressing Shift+F?

'cheatsheet': true // Show cheatsheet after pressing Shift+F?

};

// Colors

var geh = {

'border' : '#5C0D12',

"border" : "#5C0D12",

'bg' : '#E3E0D1',

"bg" : "#E3E0D1",

'bg_light' : '#F8F6EE',

"bg_light" : "#F8F6EE",

};

var exh = {

'border' : '#000000',

"border" : "#000000",

'bg' : '#4F535B',

"bg" : "#4F535B",

'bg_light' : '#5F636B',

"bg_light" : "#5F636B",

};

var color;

var hotkeyInit = false;

// Are we on fjords?

color = (location.host.substr(0,2) == "ex" ) ?

color = exh :

color = geh;

// Stylesheet

var stylesheet =`

#gdf {

margin: 6px 0 !important;

padding: 10px 5px !important;

width: 160px !important;

height: 18px;

position: relative;

border: 1px dashed ${color.border};

left: -2px !important;

}

#gdf > div:nth-child(1),

#gdf > div:nth-child(2),

#gdf > div:nth-child(3) {

display: inline !important;

float: none !important;

}

#gdf > div:nth-child(2) > a {

position: relative;

top: -1px;

line-height: 21px;

}

#gdf > #fav {

padding-left: 5px;

}

#gdf > #fav > * {

float: none !important;

display: inline-block !important;

margin: 0 !important;

position: relative;

top: 2px;

}

#gdf div.i {

display: inline-block;

margin: 0 !important;

}

#gdf a:hover {

color: inherit !important;

}

.qf-top, .qf-bot {

background: ${color.bg_light} !important;

width: inherit;

padding: 0 5px;

position: absolute;

left: -1px;

visibility: hidden;

border: 1px solid ${color.border};

}

.qf-top {

border-bottom: none;

padding-top: 5px;

bottom: 33px;

}

.qf-bot {

border-top: none;

padding-bottom: 5px;

top: 33px;

}

#gdf .fav {

box-sizing: border-box;

cursor: pointer;

padding: 5px;

text-align: left;

width: 100%;

}

#gdf .fav:hover {

background: ${color.bg};

}

#gdf:hover,

#gdf.hover {

border: 1px solid ${color.border};

}

#gdf:hover > .qf-top,

#gdf:hover > .qf-bot,

#gdf.hover > .qf-top,

#gdf.hover > .qf-bot {

visibility: visible;

}

#gdf > .favnote {

float: right !important;

cursor: pointer;

width: 16px;

height: 16px;

margin-right: 5px;

position: relative;

top: 1px;

z-index: 20;

opacity: 0.5;

}

#gdf > .favnote:hover {

opacity: 1;

}

#gdf > .favnote:after {

opacity: 0;

}

#gdf > .favnote:hover:after {

display: block;

padding: 0 5px;

height: 20px;

box-shadow: 0 1px 4px rgba(0,0,0,0.4);

background: #f4f4f4;

color: #333;

font-weight: 400;

font-size: 11px;

line-height: 20px;

position: absolute;

top: -20px;

left: 0px;

transition: opacity 300ms cubic-bezier(1, -1, 1, -1);

opacity: 1

}

/* ========================================= *\

* Fugue Icons v3.5.6 by Yusuke Kamiyamane *

* http://p.yusukekamiyamane.com/ *

\* ========================================= */

#gdf > .favnote { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABQ0lEQVR4AcWONZoVURBGTxXusgrcIcMhw3dCjC/hxewB9wR3SXAYJGKS5zLW91bBK9wd/u6+2ud8P/89AnDjsOwBZvBjKS1a7xd4k+EAZsyav2zvFkst3A08Y1aQUz85D2C5AKC39ymdyhG9dlBkyUY/D6BvBIINYkUtvlw0sNTG8iCpSAwNFQwMDMS3eO2pLWZsvbJfln3YQEARkTdOi3nYsOG8TUpDNJtNzpzYDizZXHlxbQqwMv7IGRVRVBUz+6pk+vSFmGVGjx7N3XStCfCRQES+J4kmb5l3gpRRQhDQdyX6ah3Mxw0Euh/fkYRg1OcNBMWRcHxPosPHfNIgoUgXFtz5rkR1RDDvBH39PhKdiIwAcccxcCPWMVvA7hk3Q3RkMG8FU2/d4Vm7tHk0P5FHz3nWZQUYA0wI2c8lAS1+Ny8BF2m6Eor51N8AAAAASUVORK5CYII='); }

#gdf > .favnote.plus { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABl0lEQVR4AcWOA4xeQRRGz0xtM6gd1DbCmjFquw3qWGVUx6lt27Ztt+vdN3OnndWPddTv4frk479LAVzfp5YATcmfVrbu585HAK7uUTtadF03WEwszgk4i0iANYlYm4TYAIBPn14S/2P/TmBF2wHuHIAGEEEhyUjwy3/Y4A9i4hCbjAkMKSkBSUlJ+K9Nn6ODRZhxeZfqClA4E4BGKYWPIPhYqFBhMmRMCjExMZw+PB9oO+jHx6sVgB6FAaxFK6XRWiMiOUKaNGmFiKV48eI8MFdjACIASqk8Id5Jxk0mwPgiFaAByROi/+X+BkCT6UDhvzAnEbWPM15fpveTw8x6cx0bDvA0hQZyh9z6/Y3WHftx8/fXKAcGTbqD7CBT7p+m06VtYBx/7B+UgbGubHvWV1yjADav5MyIUbu6IjHgHA7BOfG5j7Q7soqy3RsRrVM7T95QQMW5Y1jWsDZNyEEbi5So81oVKglQcUSLUj+33IpPcSR9f+n2A5QAqgI18/wWl7pT81Uz52P6TQkKpClF1zChyHUfSddf7UXJLEn3VbsAAAAASUVORK5CYII='); }

#gdf > .favnote.arrow { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABnUlEQVR4Ac2QA6weURCFt7bduHZc27YV1bZt+9m2bdu2bRvn7Tz8ZthJvsXdPd+ducz/UeF2/V6zmMnIaiFBqE0/i7YqdbSU/URz6Xc0l3xBY9F71OU9Q3X2PVRm3ASR4L8H9C/LGj5BsFU/y7YKBTQVvkBjwTM05D9Ffd5j1GTfR3naLRQnXUFhwkVEuG8BGt1A/7Os5QgCLfpZtVUoobnopUSJl+UyDub/+nlxBH6m/WzaK1XQWvKaJFI7oXEowxF4G/Wz66hSQ1vpG5kkJKAMR+Cu38+ho1oD7WXvZJLQwVKGI3DR6efUWaOJjvL3UiUfnF1hF2YAynAEDpr9XFCjzQo+SJWc0Q/DWYMIvFE9HccR2Kr2c0OtDjorPgpJXlrY4JiqD4GjhIo3lAqAjV9saxa/jz7NUBn/ZnxQbwWSUCfd41Srgw527y83/MkDriQAZ2K43E0GZj72C6f8+AfnGW3190yIKHbcu1O65IZSPS/LA4B51zTKx+14dpEEw1gms0yXhVEn9WKIkQf+nO/NyleDD6irsJzue+8CGCvzmWahQigAAAAASUVORK5CYII='); }

#gdf > .favnote.pencil { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABwElEQVR4Ac2QA4yYMQCF23nRfEMwe4sz27Zt297Ztm3btm3btt/+XnJmvJfU/b6C/B+JdKB8XLGYYNlFhibcjlp11GiirUIGreVSaC0TR3OJEBoKfqE29xOqs96ClaTA02B7ubJ7kCDUhlp3VCmhpfgPmot+oanwJxoLvqMu9zMqM96hNOUFipOeIsrzMNDsAbafK3v6BMFW1KajSgWtJX/HlPhYb+0rlorUp08QYE7tOqvV0F7GxyTj3oQ9hzF9Al8T6tBVo4GOcv4JSUqtriJlAy0NpnQfYfE0pE5dtVrorBAcV5IS+gqu4hcBXl7YUepHWNz0qEt3nTa6KoXGlBTF34KF3kO0tLTg64nZOTqEHCEsTtrUDXW6nEB4VElJ4h0EWq/m+t8hLXwZCrzTgvv+wF6deqBeD91VIiNKypLvI8hmDYNhpboM6eEvwZg+gakc8UOjDZiE3aTnObWaYB9bkf4OwbabGQwb9TXIinyD9kplMKaXn/vlMdHVFCJhQ4u2IImzUKC1DFb+S+tVeElq7xpjGMsVMpMrPFxZMrQIPKRSaEyD7Hca9PAiuTBknaeHHSd4dpZafL1Ld4+24R9mFfDtXW/67AAAAABJRU5ErkJggg=='); }

#gdf > .favnote.exclamation { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB5ElEQVR4AcWQA4yfMQBHXzvbtm3b4RzNXow5mIPZWzTbtm3btre/1a/dXXN2uF9St6+v5b9HANw8IKYDNclYFjfuZi4mAlzfJ3Y1aLuit1YejNFgHLSO4KgAjhNEOxEAvnx5je/Xwd3AoqY9zAUACaA1Ah1CR/7Y4kRcaOVFOyFURBEORwgGg7Y06XK8t9aMvrpHtAXIHAdAIoSIYWrbZspkl22UCuN2uzl7dBLQtNevz9cLAB3sDsdBCiGRUqK1ThVSo0YjtHbInj07j9R1N9idcQBrIKVto0pcayEB33P+fD9J0PuC2DNxT1DRA3vA3pzUxPaDvs+UrT2eD48W233RZ5IYCGxJwcTneUuOfLXIlj0/uQrUIhT4FmcgYw2E7aYEAdfvF+QtXJ++Q7aTt2AtXH9eRgMyEWegkMQYJIV4XO/IlLUIRrnYsWMHfs9nNNkRgkJxf+APmKzIvIgsIIzBoMFoRFT5EfVxeYpW4fOf6xw6OJ4fwRtkypEVbSgxsJe9koITRrKganlqkCTZsoncJUsXKFupQf3cjnJRqdYtXj1qBAhe3Xv6bdUm32AB5ADyWJskWTlTLGzVrmKngkWyFsIYchfqhffXHgB+//T+vH/r0yFBGlk/l2Va05BUIiW3/wHmcuCUyEztWwAAAABJRU5ErkJggg=='); }

#gdf > .favnote:after { width: 70px; content: "See your note"; }

#gdf > .favnote.plus:after { width: 55px; content: "Add a note"; }

#gdf > .favnote.arrow:after { width: 70px; content: "Save the note"; }

#gdf > .favnote.pencil:after { width: 70px; content: "Edit your note"; }

#gdf > .favnote.exclamation:after { width: 300px; height: 60px !important; white-space: normal; content: "Note failed to load. Click to retry. WARNING: Changing favourite category while the note is not loaded will remove existing notes!"; }

#gdf > .favnote + .editor {

position: absolute;

height: 18px;

background: ${color.bg_light} !important;

padding: 10px;

top: -1px;

left: 132px;

z-index: 10;

border: 1px solid ${color.border};

visibility: hidden;

}

#gdf > .favnote + .editor > input {

margin: 0 0 0 30px;

height: 12px;

}

#gdf > .favnote + .editor > input.notinput {

border-color: transparent;

background: none !important;

color: inherit !important;

cursor: default !important;

outline: none !important;

color: transparent !important;

text-shadow: 0 0 0 ${color.border};

}

#gdf > .favnote + .editor.show { visibility: visible; }

#gdf.hover .fav {

position: relative;

}

#gdf .hotkey-hint {

position: absolute;

top: 4px;

right: 0;

box-sizing: border-box;

padding: 0 1px 0 2px;

border: 1px solid #888;

border-radius: 2px;

background: #eee;

color: #666 !important;

font-family: monospace;

font-size: 13px;

box-shadow: -3px 0 2px 2px ${color.bg_light};

visibility: hidden;

}

#gdf.hover .fav:hover .hotkey-hint {

box-shadow: -3px 0 2px 2px ${color.bg};

}

#gdf.hover .hotkey-hint {

visibility: visible;

}

/* ========================================================================= *\

* * UTILITY FUNCTIONS

\* ========================================================================= */

// Debug msg

function dlog(msg) {

if ( config.debug ) {

console.log(`"EHGQF: ${msg}`);

}

// Detect if page is favourite adding popup

function isFavouritePopupPage() {

var x = location.search.match("addfav");

var y = location.pathname.match("gallerypopups.php");

Text moved with changes to lines 693-696 (91.0% similarity)

if ( x && y ) return true;

return false;

}

// Get the actual/current favourite category of the current gallery

function getCurrentFavID() {

function getPageFavId() {

var curFavEl = document.querySelector("div[style*='g/fav.png);']");

let idElement = document.querySelector("#fav .i");

var curFavID;

if ( !idElement ) return 10;

if ( curFavEl ) {

curFavID = (curFavEl.attributes.style.value.match(/background-position:0px -(\d+)px/)[1] - 2 ) / 19;

} else {

curFavID = 10; // curFavEl does not exist if gallery is not yet marked as favourite of any favs

}

dlog(curFavID);

return curFavID;

}

Text moved to lines 491-513

// Get Favourite Notes remotely from the popup

function fetchFavouriteNotes(cb) {

dlog("Beginning to check favnotes");

// Send XHR to Favourite Page

var galID = location.pathname.match(/^\/\w\/(\d+)\//)[1];

var token = location.pathname.match(/\/(\w+)\/$/)[1];

var prot = location.protocol;

var host = location.host;

var url = `${prot}//${host}/gallerypopups.php?gid=${galID}&t=${token}&act=addfav`;

var xhr = new XMLHttpRequest();

xhr.open("GET", url, true);

xhr.timeout = config.timeout;

xhr.responseType = "document";

xhr.send();

// And grab the favnotes

xhr.onload = function() {

if ( xhr.status == 200 ) {

// grab it!

var data = xhr.response;

var favnoteEl = data.querySelector('textarea[name="favnote"]');

var favnote;

if (favnoteEl) {

favnote = favnoteEl.value;

} else {

favnote = false;

}

Text moved to lines 514-524

dlog("Favnotes successfully found");

cb(favnoteEl.value); // Fire callback function

} else {

dlog("XHR failed; notes not found");

return false;

}

};

xhr.timeout = function() {

dlog("XHR timed out; notes not found");

return false;

};

}

// Update the locally stored favourite labels

function updateFavouriteLabels() {

dlog("Updating favourite labels");

var favs = document.querySelectorAll('div[style="height:25px; cursor:pointer"]');

for (var i=0; i<favs.length; i++) {

var label = favs[i].children[2].textContent;

localStorage.setItem(`EHGQF-fav${i}`, label);

dlog(`Successfully set 'EHGQF-fav${i} to ${label}`);

}

// Update the current/actual Favourite Category of the current Gallery

function updateCurrentFav(favID) {

dlog('Updating current fav');

Text moved to lines 453-483

var el;

if (favID == 'favdel') {

el = `

  <a onclick="return false" href="#" id="favoritelink"><img src="http://ehgt.org/g/mr.gif"> Add to Favorites</a>

</div>

} else {

// Fetch the Labels of the 10 Fav items

var favLabels = [];

for (i=0; i<10; i++) {

var label = localStorage.getItem(`EHGQF-fav${i}`);

if ( !label ) label = `Favorites ${i}`;

favLabels.push(label);

}

// Calculate bg offset

var offset = 2 + (favID*19);

// Build

el = `

</div>

<a onclick="return false" href="#" id="favoritelink">${favLabels[favID]}</a>

</div>

}

document.getElementById('gdf').innerHTML = el;

return (idElement.style.backgroundPositionY.match(/\d+/)[0] - 2)/19;

}

Text moved to lines 529-539

// Update favnote icon status

function updateFavnoteIcon(status) {

dlog(`Updating favnote icon to ${status}`);

var favnoteEl = document.querySelector('#gdf > .favnote');

// Clear all classes but .favnote

favnoteEl.className = 'favnote';

// Add status

favnoteEl.classList.add(status);

}

// Inject Stylesheet

/* ========================================================================= *\

* * UI INJECTIONS

\* ========================================================================= */

// Inject CSS

function injectStylesheet() {

dlog("Injecting stylesheet");

var stylesheetEl = document.createElement('style');

var stylesheetEl = document.createElement("style");

stylesheetEl.innerHTML = stylesheet;

document.body.appendChild(stylesheetEl);

}

// Build and inject favnote UI; this needs to be separated because it's asynchronous

// Build and inject FavNote UI

function injectFavnoteElements() {

dlog("Injecting Favnote UI elements");

// Fetch the FavID of the current gallery

var curFavID = getCurrentFavID();

var curFavID = getPageFavId();

// Fetch favnotes if current gallery was already in a fav category

if ( curFavID != 10 ) {

fetchFavouriteNotes(function(favnote){

fetchFavouriteNotes( favnote => {

// Determine icon type

var favnoteStatus = '';

var favnoteStatus = "";

if ( favnote === false ) favnoteStatus = 'exclamation';

if ( favnote === false ) favnoteStatus = "exclamation";

if ( favnote === "" ) favnoteStatus = 'plus';

if ( favnote === "" ) favnoteStatus = "plus";

// Build elements for Favnotes

var favnoteEl = `

</div>

// Inject

var gdf = document.getElementById("gdf");

gdf.insertAdjacentHTML('beforeend', favnoteEl);

gdf.insertAdjacentHTML("beforeend", favnoteEl);

// Add event listeners

document.querySelector("#gdf > .favnote").addEventListener("click", favnoteClick);

dlog("Successfully injected Favnote UI ");

dlog("Successfully injected Favnote UI");

return;

});

}

dlog("FavID = 10: No notes to inject!");

}

// Build and inject UI; also hook event listeners

// Build & Inject QF UI

function injectQFElements() {

var i;

dlog("Injecting Quick Fav UI elements");

// Fetch the FavID of the current gallery

var curFavID = getCurrentFavID();

var curFavID = getPageFavId();

// Fetch the Labels of the 10 Fav items

var favLabels = [];

for (i=0; i<10; i++) {

var label = localStorage.getItem(`EHGQF-fav${i}`);

if ( !label ) label = `Favorites ${i+1}`;

favLabels.push(label);

}

// Build fav item elements

var favEl = [];

for (i=0; i<10; i++) {

var offset = 2 + (i*19);

var el = `

  <a id="favoritelink" href="#">${favLabels[i]}</a>

</div>

favEl.push(el);

}

// Add the `remove favorites` fav item

favEl.push(`

<a id="favoritelink" href="#">Remove from Favorites</a>

</div>

`);

// Build top list

var qfTopElContent = "";

for (i=0; i<curFavID; i++) { qfTopElContent += favEl[i]; }

var qfTopEl = `<div class='qf-top'>${qfTopElContent}</div>`;

// Build bottom list

var qfBotElContent = "";

for (i=curFavID+1; i<favEl.length; i++) { qfBotElContent += favEl[i]; }

var qfBotEl = `<div class='qf-bot'>${qfBotElContent}</div>`;

// Inject Elements! Finally

var gdf = document.getElementById("gdf");

gdf.insertAdjacentHTML('beforeend', qfTopEl);

gdf.insertAdjacentHTML("beforeend", qfTopEl);

gdf.insertAdjacentHTML('beforeend', qfBotEl);

gdf.insertAdjacentHTML("beforeend", qfBotEl);

// Add Event Listeners

var favDOMEl = document.querySelectorAll("#gdf .fav");

for(i=0; i<favDOMEl.length; i++) {

favDOMEl[i].addEventListener("click", quickFavourite);

}

// Disable `#gdf` click event; move it to its child element;

gdf.children[0].onclick = gdf.onclick;

gdf.children[1].onclick = gdf.onclick;

gdf.onclick = "";

dlog("UI Injection successful!");

}

// Mark gallery as favourite

/* ========================================================================= *\

* * QUICK FAVOURITE

\* ========================================================================= */

// Send Favouriting XHR request to EH server

function quickFavourite(id) {

dlog("quickFavourite() triggered!");

// Gather and build things

var favnote = document.querySelector('.favnote + .editor > input').value;

let favnoteEl = document.querySelector(".favnote + .editor > input");

var favID;

let favnote = (favnoteEl) ? favnoteEl.value : "";

let favID;

try { favID = this.attributes.qfid.value; } catch(e) {

favID = id;

}

var galID = location.pathname.match(/^\/\w\/(\d+)\//)[1];

let galID = location.pathname.match(/^\/\w\/(\d+)\//)[1];

var token = location.pathname.match(/\/(\w+)\/$/)[1];

let token = location.pathname.match(/\/(\w+)\/$/)[1];

var prot = location.protocol;

let prot = location.protocol;

var host = location.host;

let host = location.host;

var url = `${prot}//${host}/gallerypopups.php?gid=${galID}&t=${token}&act=addfav`;

let url = `${prot}//${host}/gallerypopups.php?gid=${galID}&t=${token}&act=addfav`;

var dat = `apply=Add to Favorites&favcat=${favID}&favnote=${favnote}&update=1`;

let dat = `apply=Add to Favorites&favcat=${favID}&favnote=${favnote}&update=1`;

// Prepare to send XHR

var xhr = new XMLHttpRequest();

let xhr = new XMLHttpRequest();

xhr.open("POST", url, true);

xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');

xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");

xhr.timeout = config.timeout;

// Remove Quick Favourite Elements to prevent sending multiple XHR

document.querySelector('.qf-top').remove();

document.querySelector(".qf-top").remove();

document.querySelector('.qf-bot').remove();

document.querySelector(".qf-bot").remove();

document.querySelector('.favnote').remove();

if ( favnoteEl ) document.querySelector(".favnote").remove();

document.querySelector('.editor').remove();

if ( favnoteEl ) document.querySelector(".editor").remove();

// Send XHR

xhr.send(dat);

// Update UI if request was successful

xhr.onload = function() {

if (xhr.status == 200) {

updateCurrentFav(favID); // Update #gdf

} else {

dlog("Error occurred! Favorite was not updated!");

alert("Error occurred! Favorite was not updated!");

}

injectQFElements(); // Reinject Quick Favourite UI

injectFavnoteElements(); // and Favnote UI

disableHotkeys();

dlog("quickFavourite() done!"); // Done!

};

}

// Throw error if timeout occurred

// Update the current/actual Favourite Category of the current Gallery

xhr.ontimeout = function(e) {

function updateCurrentFav(favID) {

dlog("Timeout occurred! Favorite was not updated!");

dlog("Updating current fav with favID "+favID);

alert("Timeout occurred! Favorite was not updated!");

injectQFElements();

// If id is not specified, refresh

dlog("quickFavourite() timed out!");

if ( typeof favID == "undefined" ) {

favID = getPageFavId();

dlog("FavID set to " + favID);

}

Text moved from lines 344-374

var el;

if (favID == "favdel" || favID === 10) {

el = `

  <a onclick="return false" href="#" id="favoritelink"><img src="https://ehgt.org/g/mr.gif"> Add to Favorites</a>

</div>

} else {

// Fetch the Labels of the 10 Fav items

var favLabels = [];

for (let i=0; i<10; i++) {

var label = localStorage.getItem(`EHGQF-fav${i}`);

if ( !label ) label = `Favorites ${i}`;

favLabels.push(label);

}

// Calculate bg offset

var offset = 2 + (favID*19);

// Build

el = `

</div>

<a onclick="return false" href="#" id="favoritelink">${favLabels[favID]}</a>

</div>

}

document.getElementById("gdf").innerHTML = el;

}

/* ========================================================================= *\

* * FAVOURITE NOTES

\* ========================================================================= */

Text moved from lines 286-308

// Get Favourite Notes remotely from the popup

function fetchFavouriteNotes(cb) {

dlog("Beginning to check favnotes");

// Send XHR to Favourite Page

var galID = location.pathname.match(/^\/\w\/(\d+)\//)[1];

var token = location.pathname.match(/\/(\w+)\/$/)[1];

var prot = location.protocol;

var host = location.host;

var url = `${prot}//${host}/gallerypopups.php?gid=${galID}&t=${token}&act=addfav`;

var xhr = new XMLHttpRequest();

xhr.open("GET", url, true);

xhr.timeout = config.timeout;

xhr.responseType = "document";

xhr.send();

// And grab the favnotes

xhr.onload = function() {

if ( xhr.status == 200 ) {

// grab it!

var data = xhr.response;

var favnoteEl = data.querySelector("textarea[name='favnote']");

Text moved from lines 315-325

dlog("Favnotes successfully found");

cb(favnoteEl.value); // Fire callback function

} else {

dlog("XHR failed; notes not found");

return false;

}

};

xhr.timeout = function() {

dlog("XHR timed out; notes not found");

return false;

};

}

Text moved from lines 379-389

// What happens when favnote icon is clicked

// Update favnote icon status

function updateFavnoteIcon(status) {

dlog(`Updating favnote icon to ${status}`);

var favnoteEl = document.querySelector("#gdf > .favnote");

// Clear all classes but .favnote

favnoteEl.className = "favnote";

// Add status

favnoteEl.classList.add(status);

}

// FavNote click event handler

function favnoteClick() {

var favnoteEl = this;

var editorEl = document.querySelector('#gdf > .favnote + .editor');

var editorEl = document.querySelector("#gdf > .favnote + .editor");

var inputEl = document.querySelector('#gdf > .favnote + .editor > input');

var inputEl = document.querySelector("#gdf > .favnote + .editor > input");

// Determine mode

var mode;

if ( favnoteEl.classList.length === 1 ) mode = 'show';

if ( favnoteEl.classList.length === 1 ) mode = "show";

else if ( favnoteEl.classList.contains('arrow') ) mode = 'save';

else if ( favnoteEl.classList.contains("arrow") ) mode = "save";

else if ( favnoteEl.classList.contains('exclamation') ) mode = 'reload';

else if ( favnoteEl.classList.contains("exclamation") ) mode = "reload";

else mode = 'edit';

else mode = "edit";

// Behave accordingly

switch(mode) {

case 'show':

case "show":

updateFavnoteIcon('pencil'); // marks the next action to edit

updateFavnoteIcon("pencil"); // marks the next action to edit

editorEl.classList.add('show');

editorEl.classList.add("show");

inputEl.classList.add('notinput');

inputEl.classList.add("notinput");

break;

case 'edit':

case "edit":

updateFavnoteIcon('arrow'); // marks the next action to save

updateFavnoteIcon("arrow"); // marks the next action to save

editorEl.classList.add('show');

editorEl.classList.add("show");

inputEl.classList.remove('notinput');

inputEl.classList.remove("notinput");

break;

case 'save':

case "save":

var favID = getCurrentFavID();

var favID = getPageFavId();

quickFavourite(favID);

break;

case 'reload':

case "reload":

// an error occurred, attempt to reload favnotes

document.querySelector('.favnote').remove();

document.querySelector(".favnote").remove();

document.querySelector('.editor').remove();

document.querySelector(".editor").remove();

injectFavnoteElements();

break;

default:

dlog("What is happening?");

alert("A really strange error occurred. This part of code should be reached.");

return;

}

/* ========================================================================= *\

* * FAVOURITE HOTKEYS

\* ========================================================================= */

// Adds keypress event listener

function injectHotkeyListener() {

document.addEventListener('keypress', hotkeyHandler);

document.addEventListener("keypress", hotkeyHandler);

dlog("Listening to keypress events now");

}

// Processes keypresses

// Handles keypresses

function hotkeyHandler(e) {

let key = e.which;

let char = String.fromCharCode(key);

if (hotkeyInit) {

if (e.keyCode == 27) {

return;

}

// 0-9 and "-"

let favID;

switch(char) {

case("0"):

favID = 0;

break;

case("1"):

favID = 1;

break;

case("2"):

favID = 2;

break;

case("3"):

favID = 3;

break;

case("4"):

favID = 4;

break;

case("5"):

favID = 5;

break;

case("6"):

favID = 6;

break;

case("7"):

favID = 7;

break;

case("8"):

favID = 8;

break;

case("9"):

favID = 9;

break;

case("-"):

favID = 'favdel';

favID = "favdel";

break;

default:

disableHotkeys();

break;

}

if (favID) quickFavourite(favID);

if (typeof favID != "undefined") quickFavourite(favID);

} else {

if (char == "F") enableHotkeys();

}

function enableHotkeys() {

hotkeyInit = true;

if(config.cheatsheet) showCheatSheet();

dlog("Entering active hotkey favouriting mode");

}

function disableHotkeys() {

if(config.cheatsheet) hideCheatSheet();

hotkeyInit = false;

dlog("Quitting active hotkey favouriting mode");

}

function showCheatSheet() {

dlog("Showing Cheat Sheet");

document.getElementById("gdf").classList.add("hover");

}

function hideCheatSheet() {

dlog("Hiding Cheat Sheet");

document.getElementById("gdf").classList.remove("hover");

}

// Main/init

/* ========================================================================= *\

* * CORE LOGICS

\* ========================================================================= */

function checkSyncNecessity() {

// >1w = stale

let currentTime = new Date().getTime();

let lastSyncTime = localStorage.getItem("EHGQF-lastSyncTime");

let timeDelta = currentTime - lastSyncTime;

if ( timeDelta > 1000*60*60*24*7 ) return true;

// setup

let x = localStorage.getItem("EHGQF-setup");

if (typeof x == "undefined") return true;

// constant page check

let labelId = getPageFavId();

if ( labelId == 10 ) return false; // can't check if page isn't favourited yet

let pageLabel = document.querySelector("#favoritelink").textContent;

let storedLabel = localStorage.getItem(`EHGQF-fav${labelId}`);

if ( pageLabel != storedLabel ) return true;

Text moved with changes from lines 268-271 (91.0% similarity)

dlog("No reason found to sync favourite labels");

return false;

}

function syncFavouriteLabels() {

dlog("Fetching fresh Favourite Labels!");

// Send XHR to Favourite Page

var galID = location.pathname.match(/^\/\w\/(\d+)\//)[1];

var token = location.pathname.match(/\/(\w+)\/$/)[1];

var prot = location.protocol;

var host = location.host;

var url = `${prot}//${host}/gallerypopups.php?gid=${galID}&t=${token}&act=addfav`;

var xhr = new XMLHttpRequest();

xhr.open("GET", url, true);

xhr.responseType = "document";

xhr.send();

// And grab the favnotes

xhr.onreadystatechange = function() {

if ( xhr.readyState == 4 && xhr.status == 200 ) {

let data = xhr.response;

for(let i=0; i<=9; i++) {

let label = data.querySelector(`div + div + div[onclick*='fav${i}']`).textContent;

localStorage.setItem(`EHGQF-fav${i}`, label);

}

dlog("Favourite Labels Updated!");

let time = new Date().getTime();

localStorage.setItem("EHGQF-setup", 1);

localStorage.setItem("EHGQF-lastSyncTime", time);

updateCurrentFav();

injectQFElements();

}

};

}

function init() {

if ( isFavouritePopupPage() ) {

dlog("Initialization start!");

// We are in favourite popup page; update labels

if ( checkSyncNecessity() ) syncFavouriteLabels();

dlog("We are in favourite popup page");

injectStylesheet();

updateFavouriteLabels();

injectQFElements();

} else {

injectFavnoteElements();

// We are in gallery page; inject quick favourite ui

if (config.hotkeys) injectHotkeyListener();

dlog("We are in Gallery page");

injectStylesheet();

injectQFElements();

injectFavnoteElements();

if (config.hotkeys) injectHotkeyListener();

}

dlog("Initialization finished!");

}

init();

Gespeicherte Diffs

Originaltext

Datei öffnen

// ==UserScript==
// @name         EH Gallery Quick Favourite
// @author       FabulousCupcake
// @namespace    http://fabulous.cupcake.jp.net/
// @version      v2.1.0
// @description  Upgrades the gallery favourite button to allow quick favouriting of a gallery.
// @include      /^https?://(ex|(?:g\.)?e-)hentai\.org/g/\d+?/\w{10}/?/
// @include      /^https?://(ex|(?:g\.)?e-)hentai\.org\/gallerypopups\.php\?.+&act=addfav/
// @grant        none
// ==/UserScript==

/* ====================================== *\
                 Hotkey Map
                    ----
     Shift+F : Initiate Favouriting Mode
     [0-9]   : Favourite 0-9
     -       : Remove Favourite
                    ----
     Pressing any other key during act-
     ive favouriting mode will exit the
     active favving mode.
\* ====================================== */

// Config
const config = {
    'debug': false,
    'timeout': 5000,        // XHR Timelimit in milliseconds
    'editor_size': 60,      // Width of the favnotes input element in not-px unit
    'hotkeys': true,        // Enable hotkeys
    'cheatsheet': true      // Show cheatsheet after pressing Shift+F?
};

// Colors
var geh = {
    'border'      : '#5C0D12',
    'bg'          : '#E3E0D1',
    'bg_light'    : '#F8F6EE',
};
var exh = {
    'border'      : '#000000',
    'bg'          : '#4F535B',
    'bg_light'    : '#5F636B',
};
var color;
var hotkeyInit = false;

// Are we on fjords?
color = (location.host.substr(0,2) == "ex" ) ?
    color = exh :
    color = geh;

// Stylesheet
var stylesheet =`
#gdf {
    margin: 6px 0 !important;
    padding: 10px 5px !important;
    width: 160px !important;
    height: 18px;
    position: relative;
    border: 1px dashed ${color.border};
    left: -2px !important;
}

#gdf > div:nth-child(1),
#gdf > div:nth-child(2),
#gdf > div:nth-child(3) {
    display: inline !important;
    float: none !important;
}

#gdf > div:nth-child(2) > a {
    position: relative;
    top: -1px;
    line-height: 21px;
}

#gdf > #fav {
    padding-left: 5px;
}

#gdf > #fav > * {
    float: none !important;
    display: inline-block !important;
    margin: 0 !important;
    position: relative;
    top: 2px;
}

#gdf div.i {
    display: inline-block;
    margin: 0 !important;
}

#gdf a:hover {
    color: inherit !important;
}

.qf-top, .qf-bot {
    background: ${color.bg_light} !important;
    width: inherit;
    padding: 0 5px;
    position: absolute;
    left: -1px;
    visibility: hidden;
    border: 1px solid ${color.border};
}

.qf-top {
    border-bottom: none;
    padding-top: 5px;
    bottom: 33px;
}

.qf-bot {
    border-top: none;
    padding-bottom: 5px;
    top: 33px;
}

#gdf .fav {
    box-sizing: border-box;
    cursor: pointer;
    padding: 5px;
    text-align: left;
    width: 100%;
}

#gdf .fav:hover {
    background: ${color.bg};
}

#gdf:hover,
#gdf.hover {
    border: 1px solid ${color.border};
}

#gdf:hover > .qf-top,
#gdf:hover > .qf-bot,
#gdf.hover > .qf-top,
#gdf.hover > .qf-bot {
    visibility: visible;
}

#gdf > .favnote {
    float: right !important;
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    top: 1px;
    z-index: 20;
    opacity: 0.5;
}

#gdf > .favnote:hover {
    opacity: 1;
}

#gdf > .favnote:after {
    opacity: 0;
}

#gdf > .favnote:hover:after {
    display: block;
    padding: 0 5px;
    height: 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    background: #f4f4f4;
    color: #333;
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    position: absolute;
    top: -20px;
    left: 0px;
    transition: opacity 300ms cubic-bezier(1, -1, 1, -1);
    opacity: 1
}

/* ========================================= *\
 *  Fugue Icons v3.5.6 by Yusuke Kamiyamane  *
 *  http://p.yusukekamiyamane.com/           *
\* ========================================= */
#gdf > .favnote             { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABQ0lEQVR4AcWONZoVURBGTxXusgrcIcMhw3dCjC/hxewB9wR3SXAYJGKS5zLW91bBK9wd/u6+2ud8P/89AnDjsOwBZvBjKS1a7xd4k+EAZsyav2zvFkst3A08Y1aQUz85D2C5AKC39ymdyhG9dlBkyUY/D6BvBIINYkUtvlw0sNTG8iCpSAwNFQwMDMS3eO2pLWZsvbJfln3YQEARkTdOi3nYsOG8TUpDNJtNzpzYDizZXHlxbQqwMv7IGRVRVBUz+6pk+vSFmGVGjx7N3XStCfCRQES+J4kmb5l3gpRRQhDQdyX6ah3Mxw0Euh/fkYRg1OcNBMWRcHxPosPHfNIgoUgXFtz5rkR1RDDvBH39PhKdiIwAcccxcCPWMVvA7hk3Q3RkMG8FU2/d4Vm7tHk0P5FHz3nWZQUYA0wI2c8lAS1+Ny8BF2m6Eor51N8AAAAASUVORK5CYII='); }
#gdf > .favnote.plus        { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABl0lEQVR4AcWOA4xeQRRGz0xtM6gd1DbCmjFquw3qWGVUx6lt27Ztt+vdN3OnndWPddTv4frk479LAVzfp5YATcmfVrbu585HAK7uUTtadF03WEwszgk4i0iANYlYm4TYAIBPn14S/2P/TmBF2wHuHIAGEEEhyUjwy3/Y4A9i4hCbjAkMKSkBSUlJ+K9Nn6ODRZhxeZfqClA4E4BGKYWPIPhYqFBhMmRMCjExMZw+PB9oO+jHx6sVgB6FAaxFK6XRWiMiOUKaNGmFiKV48eI8MFdjACIASqk8Id5Jxk0mwPgiFaAByROi/+X+BkCT6UDhvzAnEbWPM15fpveTw8x6cx0bDvA0hQZyh9z6/Y3WHftx8/fXKAcGTbqD7CBT7p+m06VtYBx/7B+UgbGubHvWV1yjADav5MyIUbu6IjHgHA7BOfG5j7Q7soqy3RsRrVM7T95QQMW5Y1jWsDZNyEEbi5So81oVKglQcUSLUj+33IpPcSR9f+n2A5QAqgI18/wWl7pT81Uz52P6TQkKpClF1zChyHUfSddf7UXJLEn3VbsAAAAASUVORK5CYII='); }
#gdf > .favnote.arrow       { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABnUlEQVR4Ac2QA6weURCFt7bduHZc27YV1bZt+9m2bdu2bRvn7Tz8ZthJvsXdPd+ducz/UeF2/V6zmMnIaiFBqE0/i7YqdbSU/URz6Xc0l3xBY9F71OU9Q3X2PVRm3ASR4L8H9C/LGj5BsFU/y7YKBTQVvkBjwTM05D9Ffd5j1GTfR3naLRQnXUFhwkVEuG8BGt1A/7Os5QgCLfpZtVUoobnopUSJl+UyDub/+nlxBH6m/WzaK1XQWvKaJFI7oXEowxF4G/Wz66hSQ1vpG5kkJKAMR+Cu38+ho1oD7WXvZJLQwVKGI3DR6efUWaOJjvL3UiUfnF1hF2YAynAEDpr9XFCjzQo+SJWc0Q/DWYMIvFE9HccR2Kr2c0OtDjorPgpJXlrY4JiqD4GjhIo3lAqAjV9saxa/jz7NUBn/ZnxQbwWSUCfd41Srgw527y83/MkDriQAZ2K43E0GZj72C6f8+AfnGW3190yIKHbcu1O65IZSPS/LA4B51zTKx+14dpEEw1gms0yXhVEn9WKIkQf+nO/NyleDD6irsJzue+8CGCvzmWahQigAAAAASUVORK5CYII='); }
#gdf > .favnote.pencil      { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABwElEQVR4Ac2QA4yYMQCF23nRfEMwe4sz27Zt297Ztm3btm3btt/+XnJmvJfU/b6C/B+JdKB8XLGYYNlFhibcjlp11GiirUIGreVSaC0TR3OJEBoKfqE29xOqs96ClaTA02B7ubJ7kCDUhlp3VCmhpfgPmot+oanwJxoLvqMu9zMqM96hNOUFipOeIsrzMNDsAbafK3v6BMFW1KajSgWtJX/HlPhYb+0rlorUp08QYE7tOqvV0F7GxyTj3oQ9hzF9Al8T6tBVo4GOcv4JSUqtriJlAy0NpnQfYfE0pE5dtVrorBAcV5IS+gqu4hcBXl7YUepHWNz0qEt3nTa6KoXGlBTF34KF3kO0tLTg64nZOTqEHCEsTtrUDXW6nEB4VElJ4h0EWq/m+t8hLXwZCrzTgvv+wF6deqBeD91VIiNKypLvI8hmDYNhpboM6eEvwZg+gakc8UOjDZiE3aTnObWaYB9bkf4OwbabGQwb9TXIinyD9kplMKaXn/vlMdHVFCJhQ4u2IImzUKC1DFb+S+tVeElq7xpjGMsVMpMrPFxZMrQIPKRSaEyD7Hca9PAiuTBknaeHHSd4dpZafL1Ld4+24R9mFfDtXW/67AAAAABJRU5ErkJggg=='); }
#gdf > .favnote.exclamation { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB5ElEQVR4AcWQA4yfMQBHXzvbtm3b4RzNXow5mIPZWzTbtm3btre/1a/dXXN2uF9St6+v5b9HANw8IKYDNclYFjfuZi4mAlzfJ3Y1aLuit1YejNFgHLSO4KgAjhNEOxEAvnx5je/Xwd3AoqY9zAUACaA1Ah1CR/7Y4kRcaOVFOyFURBEORwgGg7Y06XK8t9aMvrpHtAXIHAdAIoSIYWrbZspkl22UCuN2uzl7dBLQtNevz9cLAB3sDsdBCiGRUqK1ThVSo0YjtHbInj07j9R1N9idcQBrIKVto0pcayEB33P+fD9J0PuC2DNxT1DRA3vA3pzUxPaDvs+UrT2eD48W233RZ5IYCGxJwcTneUuOfLXIlj0/uQrUIhT4FmcgYw2E7aYEAdfvF+QtXJ++Q7aTt2AtXH9eRgMyEWegkMQYJIV4XO/IlLUIRrnYsWMHfs9nNNkRgkJxf+APmKzIvIgsIIzBoMFoRFT5EfVxeYpW4fOf6xw6OJ4fwRtkypEVbSgxsJe9koITRrKganlqkCTZsoncJUsXKFupQf3cjnJRqdYtXj1qBAhe3Xv6bdUm32AB5ADyWJskWTlTLGzVrmKngkWyFsIYchfqhffXHgB+//T+vH/r0yFBGlk/l2Va05BUIiW3/wHmcuCUyEztWwAAAABJRU5ErkJggg=='); }

#gdf > .favnote:after             { width: 70px; content: "See your note"; }
#gdf > .favnote.plus:after        { width: 55px; content: "Add a note"; }
#gdf > .favnote.arrow:after       { width: 70px; content: "Save the note"; }
#gdf > .favnote.pencil:after      { width: 70px; content: "Edit your note"; }
#gdf > .favnote.exclamation:after { width: 300px; height: 60px !important; white-space: normal; content: "Note failed to load. Click to retry. WARNING: Changing favourite category while the note is not loaded will remove existing notes!"; }

#gdf > .favnote + .editor {
    position: absolute;
    height: 18px;
    background: ${color.bg_light} !important;
    padding: 10px;
    top: -1px;
    left: 132px;
    z-index: 10;
    border: 1px solid ${color.border};
    visibility: hidden;
}

#gdf > .favnote + .editor > input {
    margin: 0 0 0 30px;
    height: 12px;
}

#gdf > .favnote + .editor > input.notinput {
    border-color: transparent;
    background: none !important;
    color: inherit !important;
    cursor: default !important;
    outline: none !important;
    color: transparent !important;
    text-shadow: 0 0 0 ${color.border};
}

#gdf > .favnote + .editor.show { visibility: visible; }

#gdf.hover .fav {
    position: relative;
}

#gdf .hotkey-hint {
    position: absolute;
    top: 4px;
    right: 0;
    box-sizing: border-box;
    padding: 0 1px 0 2px;
    border: 1px solid #888;
    border-radius: 2px;
    background: #eee;
    color: #666 !important;
    font-family: monospace;
    font-size: 13px;
    box-shadow: -3px 0 2px 2px ${color.bg_light};
    visibility: hidden;
}

#gdf.hover .fav:hover .hotkey-hint {
    box-shadow: -3px 0 2px 2px ${color.bg};
}

#gdf.hover .hotkey-hint {
    visibility: visible;
}

// Debug msg
function dlog(msg) {
    if ( config.debug ) {
        console.log(`"EHGQF: ${msg}`);
    }
}

// Detect if page is favourite adding popup
function isFavouritePopupPage() {
    var x = location.search.match("addfav");
    var y = location.pathname.match("gallerypopups.php");
    if ( x && y ) return true;
    return false;
}

// Get the actual/current favourite category of the current gallery
function getCurrentFavID() {
    var curFavEl = document.querySelector("div[style*='g/fav.png);']");
    var curFavID;
    if ( curFavEl ) {
        curFavID = (curFavEl.attributes.style.value.match(/background-position:0px -(\d+)px/)[1] - 2 ) / 19;
    } else {
        curFavID = 10; // curFavEl does not exist if gallery is not yet marked as favourite of any favs
    }

dlog(curFavID);
    return curFavID;
}

// Get Favourite Notes remotely from the popup
function fetchFavouriteNotes(cb) {
    dlog("Beginning to check favnotes");

// Send XHR to Favourite Page
    var galID = location.pathname.match(/^\/\w\/(\d+)\//)[1];
    var token = location.pathname.match(/\/(\w+)\/$/)[1];
	var prot = location.protocol;
    var host = location.host;
    var url = `${prot}//${host}/gallerypopups.php?gid=${galID}&t=${token}&act=addfav`;

var xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.timeout = config.timeout;
    xhr.responseType = "document";
    xhr.send();

// And grab the favnotes
    xhr.onload = function() {
        if ( xhr.status == 200 ) {
            // grab it!
            var data = xhr.response;
            var favnoteEl = data.querySelector('textarea[name="favnote"]');
            var favnote;
            if (favnoteEl) {
                favnote = favnoteEl.value;
            } else {
                favnote = false;
            }
            dlog("Favnotes successfully found");
            cb(favnoteEl.value); // Fire callback function
        } else {
            dlog("XHR failed; notes not found");
            return false;
        }
    };

xhr.timeout = function() {
        dlog("XHR timed out; notes not found");
        return false;
    };

}

// Update the locally stored favourite labels
function updateFavouriteLabels() {
    dlog("Updating favourite labels");
    var favs = document.querySelectorAll('div[style="height:25px; cursor:pointer"]');
    for (var i=0; i<favs.length; i++) {
        var label = favs[i].children[2].textContent;
        localStorage.setItem(`EHGQF-fav${i}`, label);
        dlog(`Successfully set 'EHGQF-fav${i} to ${label}`);
    }
}

// Update the current/actual Favourite Category of the current Gallery
function updateCurrentFav(favID) {
    dlog('Updating current fav');
    var el;

if (favID == 'favdel') {
        el = `
        <div style="float:left">
            &nbsp; <a onclick="return false" href="#" id="favoritelink"><img src="http://ehgt.org/g/mr.gif"> Add to Favorites</a>
                   <div class="hotkey-hint">-</div>
        </div>
        `;
    } else {
        // Fetch the Labels of the 10 Fav items
        var favLabels = [];
        for (i=0; i<10; i++) {
            var label = localStorage.getItem(`EHGQF-fav${i}`);
            if ( !label ) label = `Favorites ${i}`;
            favLabels.push(label);
        }

// Calculate bg offset
        var offset = 2 + (favID*19);

// Build
        el = `
        <div id="fav" style="float:left; cursor:pointer">
            <div title="Read Later" style="background-image:url(http://ehgt.org/g/fav.png); background-position:0px -${offset}px;" class="i"></div>
        </div>
        <div style="float:left">&nbsp;
            <a onclick="return false" href="#" id="favoritelink">${favLabels[favID]}</a>
        </div>
        `;
    }

document.getElementById('gdf').innerHTML = el;
}

// Update favnote icon status
function updateFavnoteIcon(status) {
    dlog(`Updating favnote icon to ${status}`);
    var favnoteEl = document.querySelector('#gdf > .favnote');

// Clear all classes but .favnote
    favnoteEl.className = 'favnote';

// Add status
    favnoteEl.classList.add(status);
}

// Inject Stylesheet
function injectStylesheet() {
    dlog("Injecting stylesheet");
    var stylesheetEl = document.createElement('style');
    stylesheetEl.innerHTML = stylesheet;
    document.body.appendChild(stylesheetEl);
}

// Build and inject favnote UI; this needs to be separated because it's asynchronous
function injectFavnoteElements() {
    dlog("Injecting Favnote UI elements");

// Fetch the FavID of the current gallery
    var curFavID = getCurrentFavID();

// Fetch favnotes if current gallery was already in a fav category
    if ( curFavID != 10 ) {
        fetchFavouriteNotes(function(favnote){

// Determine icon type
            var favnoteStatus = '';
            if ( favnote === false ) favnoteStatus = 'exclamation';
            if ( favnote === "" )    favnoteStatus = 'plus';

// Build elements for Favnotes
            var favnoteEl = `
            <div class='favnote ${favnoteStatus}'></div>
            <div class="editor">
                <input type="text" size="${config.editor_size}" class="stdinput" value="${favnote}">
            </div>
            `;

// Inject
            var gdf = document.getElementById("gdf");
            gdf.insertAdjacentHTML('beforeend', favnoteEl);

// Add event listeners
            document.querySelector("#gdf > .favnote").addEventListener("click", favnoteClick);

dlog("Successfully injected Favnote UI ");
        });

}
}

// Build and inject UI; also hook event listeners
function injectQFElements() {
    var i;
    dlog("Injecting Quick Fav UI elements");

// Fetch the FavID of the current gallery
    var curFavID = getCurrentFavID();

// Fetch the Labels of the 10 Fav items
    var favLabels = [];
    for (i=0; i<10; i++) {
        var label = localStorage.getItem(`EHGQF-fav${i}`);
        if ( !label ) label = `Favorites ${i+1}`;
        favLabels.push(label);
    }

// Build fav item elements
    var favEl = [];
    for (i=0; i<10; i++) {
        var offset = 2 + (i*19);
        var el = `
        <div qfid='${i}' class='fav'>
            <div class="i" style="background-image:url(http://ehgt.org/g/fav.png); background-position:0px -${offset}px;"></div>
            &nbsp; <a id="favoritelink" href="#">${favLabels[i]}</a>
            <div class="hotkey-hint">${i}</div>
        </div>
        `;
        favEl.push(el);
    }

// Add the `remove favorites` fav item
    favEl.push(`
    <div qfid='favdel' class='fav'>
        <a id="favoritelink" href="#">Remove from Favorites</a>
    </div>
    `);

// Build top list
    var qfTopElContent = "";
    for (i=0; i<curFavID; i++) { qfTopElContent += favEl[i]; }
    var qfTopEl = `<div class='qf-top'>${qfTopElContent}</div>`;

// Build bottom list
    var qfBotElContent = "";
    for (i=curFavID+1; i<favEl.length; i++) { qfBotElContent += favEl[i]; }
    var qfBotEl = `<div class='qf-bot'>${qfBotElContent}</div>`;

// Inject Elements! Finally
    var gdf = document.getElementById("gdf");
    gdf.insertAdjacentHTML('beforeend', qfTopEl);
    gdf.insertAdjacentHTML('beforeend', qfBotEl);

// Add Event Listeners
    var favDOMEl = document.querySelectorAll("#gdf .fav");
    for(i=0; i<favDOMEl.length; i++) {
        favDOMEl[i].addEventListener("click", quickFavourite);
    }

// Disable `#gdf` click event; move it to its child element;
    gdf.children[0].onclick = gdf.onclick;
    gdf.children[1].onclick = gdf.onclick;
    gdf.onclick = "";

dlog("UI Injection successful!");
}

// Mark gallery as favourite
function quickFavourite(id) {
    dlog("quickFavourite() triggered!");

// Gather and build things
    var favnote = document.querySelector('.favnote + .editor > input').value;
    var favID;
    try { favID = this.attributes.qfid.value; } catch(e) {
          favID = id;
    }
    var galID = location.pathname.match(/^\/\w\/(\d+)\//)[1];
    var token = location.pathname.match(/\/(\w+)\/$/)[1];
    var prot = location.protocol;
    var host = location.host;
    var url = `${prot}//${host}/gallerypopups.php?gid=${galID}&t=${token}&act=addfav`;
    var dat = `apply=Add to Favorites&favcat=${favID}&favnote=${favnote}&update=1`;

// Prepare to send XHR
    var xhr = new XMLHttpRequest();
    xhr.open("POST", url, true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
    xhr.timeout = config.timeout;

// Remove Quick Favourite Elements to prevent sending multiple XHR
    document.querySelector('.qf-top').remove();
    document.querySelector('.qf-bot').remove();
    document.querySelector('.favnote').remove();
    document.querySelector('.editor').remove();

// Send XHR
    xhr.send(dat);

// Update UI if request was successful
    xhr.onload = function() {
        if (xhr.status == 200) {
            updateCurrentFav(favID);     // Update #gdf
        } else {
            dlog("Error occurred! Favorite was not updated!");
            alert("Error occurred! Favorite was not updated!");
        }

injectQFElements();              // Reinject Quick Favourite UI
        injectFavnoteElements();         // and Favnote UI
        disableHotkeys();
        dlog("quickFavourite() done!");  // Done!
    };

// Throw error if timeout occurred
    xhr.ontimeout = function(e) {
        dlog("Timeout occurred! Favorite was not updated!");
        alert("Timeout occurred! Favorite was not updated!");
        injectQFElements();
        dlog("quickFavourite() timed out!");
    };
}

// What happens when favnote icon is clicked
function favnoteClick() {
    var favnoteEl = this;
    var editorEl  = document.querySelector('#gdf > .favnote + .editor');
    var inputEl   = document.querySelector('#gdf > .favnote + .editor > input');

// Determine mode
    var mode;
    if ( favnoteEl.classList.length === 1 )                 mode = 'show';
    else if ( favnoteEl.classList.contains('arrow') )       mode = 'save';
    else if ( favnoteEl.classList.contains('exclamation') ) mode = 'reload';
    else                                                    mode = 'edit';

// Behave accordingly
    switch(mode) {
        case 'show':
            updateFavnoteIcon('pencil');            // marks the next action to edit
            editorEl.classList.add('show');
            inputEl.classList.add('notinput');
            break;
        case 'edit':
            updateFavnoteIcon('arrow');             // marks the next action to save
            editorEl.classList.add('show');
            inputEl.classList.remove('notinput');
            break;
        case 'save':
            var favID = getCurrentFavID();
            quickFavourite(favID);
            break;
        case 'reload':
            // an error occurred, attempt to reload favnotes
            document.querySelector('.favnote').remove();
            document.querySelector('.editor').remove();
            injectFavnoteElements();
            break;
        default:
            dlog("What is happening?");
            alert("A really strange error occurred. This part of code should be reached.");
            return;
    }
}

// Adds keypress event listener
function injectHotkeyListener() {
    document.addEventListener('keypress', hotkeyHandler);
    dlog("Listening to keypress events now");
}

// Processes keypresses
function hotkeyHandler(e) {
    let key = e.which;
    let char = String.fromCharCode(key);
    if (hotkeyInit) {
        if (e.keyCode == 27) {
            return;
        }

// 0-9 and "-"
        let favID;
        switch(char) {
        case("0"):
            favID = 0;
            break;
        case("1"):
            favID = 1;
            break;
        case("2"):
            favID = 2;
            break;
        case("3"):
            favID = 3;
            break;
        case("4"):
            favID = 4;
            break;
        case("5"):
            favID = 5;
            break;
        case("6"):
            favID = 6;
            break;
        case("7"):
            favID = 7;
            break;
        case("8"):
            favID = 8;
            break;
        case("9"):
            favID = 9;
            break;
        case("-"):
            favID = 'favdel';
            break;
        default:
            disableHotkeys();
            break;
        }
        if (favID) quickFavourite(favID);
    } else {
        if (char == "F") enableHotkeys();
    }
}

function enableHotkeys() {
    hotkeyInit = true;
    if(config.cheatsheet) showCheatSheet();
    dlog("Entering active hotkey favouriting mode");
}

function disableHotkeys() {
    if(config.cheatsheet) hideCheatSheet();
    hotkeyInit = false;
    dlog("Quitting active hotkey favouriting mode");
}

function showCheatSheet() {
    dlog("Showing Cheat Sheet");
    document.getElementById("gdf").classList.add("hover");
}

function hideCheatSheet() {
    dlog("Hiding Cheat Sheet");
    document.getElementById("gdf").classList.remove("hover");
}

// Main/init
function init() {
    if ( isFavouritePopupPage() ) {
        // We are in favourite popup page; update labels
        dlog("We are in favourite popup page");
        updateFavouriteLabels();
    } else {
        // We are in gallery page; inject quick favourite ui
        dlog("We are in Gallery page");
        injectStylesheet();
        injectQFElements();
        injectFavnoteElements();
        if (config.hotkeys) injectHotkeyListener();
    }
    dlog("Initialization finished!");
}

init();

Bearbeitung

Datei öffnen

// ==UserScript==
// @name         EH Gallery Quick Favourite
// @author       FabulousCupcake
// @namespace    http://fabulous.cupcake.jp.net/
// @version      v2.2.0
// @description  Upgrades the gallery favourite button to allow quick favouriting of a gallery.
// @include      /^https?://(ex|(?:g\.)?e-)hentai\.org/g/\d+?/\w{10}/?/
// @include      /^https?://(ex|(?:g\.)?e-)hentai\.org\/gallerypopups\.php\?.+&act=addfav/
// @grant        none
// ==/UserScript==

// Config
const config = {
    "debug": false,
    "editor_size": 60,      // Width of the favnotes input element in not-px unit
    "hotkeys": true,        // Enable hotkeys
    "cheatsheet": true      // Show cheatsheet after pressing Shift+F?
};

// Colors
var geh = {
    "border"      : "#5C0D12",
    "bg"          : "#E3E0D1",
    "bg_light"    : "#F8F6EE",
};
var exh = {
    "border"      : "#000000",
    "bg"          : "#4F535B",
    "bg_light"    : "#5F636B",
};
var color;
var hotkeyInit = false;

// Are we on fjords?
color = (location.host.substr(0,2) == "ex" ) ?
    color = exh :
    color = geh;

#gdf > div:nth-child(1),
#gdf > div:nth-child(2),
#gdf > div:nth-child(3) {
    display: inline !important;
    float: none !important;
}

#gdf > div:nth-child(2) > a {
    position: relative;
    top: -1px;
    line-height: 21px;
}

#gdf > #fav {
    padding-left: 5px;
}

#gdf > #fav > * {
    float: none !important;
    display: inline-block !important;
    margin: 0 !important;
    position: relative;
    top: 2px;
}

#gdf div.i {
    display: inline-block;
    margin: 0 !important;
}

#gdf a:hover {
    color: inherit !important;
}

.qf-top {
    border-bottom: none;
    padding-top: 5px;
    bottom: 33px;
}

.qf-bot {
    border-top: none;
    padding-bottom: 5px;
    top: 33px;
}

#gdf .fav {
    box-sizing: border-box;
    cursor: pointer;
    padding: 5px;
    text-align: left;
    width: 100%;
}

#gdf .fav:hover {
    background: ${color.bg};
}

#gdf:hover,
#gdf.hover {
    border: 1px solid ${color.border};
}

#gdf:hover > .qf-top,
#gdf:hover > .qf-bot,
#gdf.hover > .qf-top,
#gdf.hover > .qf-bot {
    visibility: visible;
}

#gdf > .favnote:hover {
    opacity: 1;
}

#gdf > .favnote:after {
    opacity: 0;
}

#gdf > .favnote + .editor > input {
    margin: 0 0 0 30px;
    height: 12px;
}

#gdf > .favnote + .editor.show { visibility: visible; }

#gdf.hover .fav {
    position: relative;
}

#gdf.hover .fav:hover .hotkey-hint {
    box-shadow: -3px 0 2px 2px ${color.bg};
}

#gdf.hover .hotkey-hint {
    visibility: visible;
}

/* ========================================================================= *\
* *  UTILITY FUNCTIONS
\* ========================================================================= */
// Debug msg
function dlog(msg) {
    if ( config.debug ) {
        console.log(`"EHGQF: ${msg}`);
    }
}

// Get the actual/current favourite category of the current gallery
function getPageFavId() {
    let idElement = document.querySelector("#fav .i");
    if ( !idElement ) return 10;

return (idElement.style.backgroundPositionY.match(/\d+/)[0] - 2)/19;
}

/* ========================================================================= *\
* *  UI INJECTIONS
\* ========================================================================= */
// Inject CSS
function injectStylesheet() {
    dlog("Injecting stylesheet");
    var stylesheetEl = document.createElement("style");
    stylesheetEl.innerHTML = stylesheet;
    document.body.appendChild(stylesheetEl);
}

// Build and inject FavNote UI
function injectFavnoteElements() {
    dlog("Injecting Favnote UI elements");

// Fetch the FavID of the current gallery
    var curFavID = getPageFavId();

// Fetch favnotes if current gallery was already in a fav category
    if ( curFavID != 10 ) {
        fetchFavouriteNotes( favnote => {

// Determine icon type
            var favnoteStatus = "";
            if ( favnote === false ) favnoteStatus = "exclamation";
            if ( favnote === "" )    favnoteStatus = "plus";

// Inject
            var gdf = document.getElementById("gdf");
            gdf.insertAdjacentHTML("beforeend", favnoteEl);

// Add event listeners
            document.querySelector("#gdf > .favnote").addEventListener("click", favnoteClick);

dlog("Successfully injected Favnote UI");
            return;
        });
    }
    dlog("FavID = 10: No notes to inject!");
}

// Build & Inject QF UI
function injectQFElements() {
    var i;
    dlog("Injecting Quick Fav UI elements");

// Fetch the FavID of the current gallery
    var curFavID = getPageFavId();

// Build fav item elements
    var favEl = [];
    for (i=0; i<10; i++) {
        var offset = 2 + (i*19);
        var el = `
        <div qfid='${i}' class='fav'>
            <div class="i" style="background-image:url(https://ehgt.org/g/fav.png); background-position:0px -${offset}px;"></div>
            &nbsp; <a id="favoritelink" href="#">${favLabels[i]}</a>
            <div class="hotkey-hint">${i}</div>
        </div>
        `;
        favEl.push(el);
    }

// Add the `remove favorites` fav item
    favEl.push(`
    <div qfid='favdel' class='fav'>
        <a id="favoritelink" href="#">Remove from Favorites</a>
        <div class="hotkey-hint">-</div>
    </div>
    `);

// Build top list
    var qfTopElContent = "";
    for (i=0; i<curFavID; i++) { qfTopElContent += favEl[i]; }
    var qfTopEl = `<div class='qf-top'>${qfTopElContent}</div>`;

// Build bottom list
    var qfBotElContent = "";
    for (i=curFavID+1; i<favEl.length; i++) { qfBotElContent += favEl[i]; }
    var qfBotEl = `<div class='qf-bot'>${qfBotElContent}</div>`;

// Inject Elements! Finally
    var gdf = document.getElementById("gdf");
    gdf.insertAdjacentHTML("beforeend", qfTopEl);
    gdf.insertAdjacentHTML("beforeend", qfBotEl);

// Add Event Listeners
    var favDOMEl = document.querySelectorAll("#gdf .fav");
    for(i=0; i<favDOMEl.length; i++) {
        favDOMEl[i].addEventListener("click", quickFavourite);
    }

// Disable `#gdf` click event; move it to its child element;
    gdf.children[0].onclick = gdf.onclick;
    gdf.children[1].onclick = gdf.onclick;
    gdf.onclick = "";

dlog("UI Injection successful!");
}

/* ========================================================================= *\
* *  QUICK FAVOURITE
\* ========================================================================= */
// Send Favouriting XHR request to EH server
function quickFavourite(id) {
    dlog("quickFavourite() triggered!");

// Gather and build things
    let favnoteEl = document.querySelector(".favnote + .editor > input");
    let favnote = (favnoteEl) ? favnoteEl.value : "";
    let favID;
    try { favID = this.attributes.qfid.value; } catch(e) {
        favID = id;
    }
    let galID = location.pathname.match(/^\/\w\/(\d+)\//)[1];
    let token = location.pathname.match(/\/(\w+)\/$/)[1];
    let prot = location.protocol;
    let host = location.host;
    let url = `${prot}//${host}/gallerypopups.php?gid=${galID}&t=${token}&act=addfav`;
    let dat = `apply=Add to Favorites&favcat=${favID}&favnote=${favnote}&update=1`;

// Prepare to send XHR
    let xhr = new XMLHttpRequest();
    xhr.open("POST", url, true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");

// Remove Quick Favourite Elements to prevent sending multiple XHR
    document.querySelector(".qf-top").remove();
    document.querySelector(".qf-bot").remove();
    if ( favnoteEl ) document.querySelector(".favnote").remove();
    if ( favnoteEl ) document.querySelector(".editor").remove();

// Send XHR
    xhr.send(dat);

injectQFElements();              // Reinject Quick Favourite UI
        injectFavnoteElements();         // and Favnote UI
        disableHotkeys();
        dlog("quickFavourite() done!");  // Done!
    };
}

// Update the current/actual Favourite Category of the current Gallery
function updateCurrentFav(favID) {
    dlog("Updating current fav with favID "+favID);

// If id is not specified, refresh
    if ( typeof favID == "undefined" ) {
        favID = getPageFavId();
        dlog("FavID set to " + favID);
    }

var el;

if (favID == "favdel" || favID === 10) {
        el = `
        <div style="float:left">
            &nbsp; <a onclick="return false" href="#" id="favoritelink"><img src="https://ehgt.org/g/mr.gif"> Add to Favorites</a>
                   <div class="hotkey-hint"></div>
        </div>
        `;
    } else {
        // Fetch the Labels of the 10 Fav items
        var favLabels = [];
        for (let i=0; i<10; i++) {
            var label = localStorage.getItem(`EHGQF-fav${i}`);
            if ( !label ) label = `Favorites ${i}`;
            favLabels.push(label);
        }

// Calculate bg offset
        var offset = 2 + (favID*19);

// Build
        el = `
        <div id="fav" style="float:left; cursor:pointer">
            <div title="Read Later" style="background-image:url(https://ehgt.org/g/fav.png); background-position:0px -${offset}px;" class="i"></div>
        </div>
        <div style="float:left">&nbsp;
            <a onclick="return false" href="#" id="favoritelink">${favLabels[favID]}</a>
        </div>
        `;
    }

document.getElementById("gdf").innerHTML = el;
}

/* ========================================================================= *\
* *  FAVOURITE NOTES
\* ========================================================================= */
// Get Favourite Notes remotely from the popup
function fetchFavouriteNotes(cb) {
    dlog("Beginning to check favnotes");

// Send XHR to Favourite Page
    var galID = location.pathname.match(/^\/\w\/(\d+)\//)[1];
    var token = location.pathname.match(/\/(\w+)\/$/)[1];
    var prot = location.protocol;
    var host = location.host;
    var url = `${prot}//${host}/gallerypopups.php?gid=${galID}&t=${token}&act=addfav`;

var xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.timeout = config.timeout;
    xhr.responseType = "document";
    xhr.send();

// And grab the favnotes
    xhr.onload = function() {
        if ( xhr.status == 200 ) {
            // grab it!
            var data = xhr.response;
            var favnoteEl = data.querySelector("textarea[name='favnote']");
            dlog("Favnotes successfully found");
            cb(favnoteEl.value); // Fire callback function
        } else {
            dlog("XHR failed; notes not found");
            return false;
        }
    };

xhr.timeout = function() {
        dlog("XHR timed out; notes not found");
        return false;
    };

}

// Update favnote icon status
function updateFavnoteIcon(status) {
    dlog(`Updating favnote icon to ${status}`);
    var favnoteEl = document.querySelector("#gdf > .favnote");

// Clear all classes but .favnote
    favnoteEl.className = "favnote";

// Add status
    favnoteEl.classList.add(status);
}

// FavNote click event handler
function favnoteClick() {
    var favnoteEl = this;
    var editorEl  = document.querySelector("#gdf > .favnote + .editor");
    var inputEl   = document.querySelector("#gdf > .favnote + .editor > input");

// Determine mode
    var mode;
    if ( favnoteEl.classList.length === 1 )                 mode = "show";
    else if ( favnoteEl.classList.contains("arrow") )       mode = "save";
    else if ( favnoteEl.classList.contains("exclamation") ) mode = "reload";
    else                                                    mode = "edit";

// Behave accordingly
    switch(mode) {
    case "show":
        updateFavnoteIcon("pencil");            // marks the next action to edit
        editorEl.classList.add("show");
        inputEl.classList.add("notinput");
        break;
    case "edit":
        updateFavnoteIcon("arrow");             // marks the next action to save
        editorEl.classList.add("show");
        inputEl.classList.remove("notinput");
        break;
    case "save":
        var favID = getPageFavId();
        quickFavourite(favID);
        break;
    case "reload":
        // an error occurred, attempt to reload favnotes
        document.querySelector(".favnote").remove();
        document.querySelector(".editor").remove();
        injectFavnoteElements();
        break;
    default:
        dlog("What is happening?");
        alert("A really strange error occurred. This part of code should be reached.");
        return;
    }
}

/* ========================================================================= *\
* *  FAVOURITE HOTKEYS
\* ========================================================================= */
// Adds keypress event listener
function injectHotkeyListener() {
    document.addEventListener("keypress", hotkeyHandler);
    dlog("Listening to keypress events now");
}

// Handles keypresses
function hotkeyHandler(e) {
    let key = e.which;
    let char = String.fromCharCode(key);
    if (hotkeyInit) {
        if (e.keyCode == 27) {
            return;
        }

// 0-9 and "-"
        let favID;
        switch(char) {
        case("0"):
            favID = 0;
            break;
        case("1"):
            favID = 1;
            break;
        case("2"):
            favID = 2;
            break;
        case("3"):
            favID = 3;
            break;
        case("4"):
            favID = 4;
            break;
        case("5"):
            favID = 5;
            break;
        case("6"):
            favID = 6;
            break;
        case("7"):
            favID = 7;
            break;
        case("8"):
            favID = 8;
            break;
        case("9"):
            favID = 9;
            break;
        case("-"):
            favID = "favdel";
            break;
        default:
            disableHotkeys();
            break;
        }
        if (typeof favID != "undefined") quickFavourite(favID);
    } else {
        if (char == "F") enableHotkeys();
    }
}

function enableHotkeys() {
    hotkeyInit = true;
    if(config.cheatsheet) showCheatSheet();
    dlog("Entering active hotkey favouriting mode");
}

function disableHotkeys() {
    if(config.cheatsheet) hideCheatSheet();
    hotkeyInit = false;
    dlog("Quitting active hotkey favouriting mode");
}

function showCheatSheet() {
    dlog("Showing Cheat Sheet");
    document.getElementById("gdf").classList.add("hover");
}

function hideCheatSheet() {
    dlog("Hiding Cheat Sheet");
    document.getElementById("gdf").classList.remove("hover");
}

/* ========================================================================= *\
* *  CORE LOGICS
\* ========================================================================= */
function checkSyncNecessity() {
    // >1w = stale
    let currentTime = new Date().getTime();
    let lastSyncTime = localStorage.getItem("EHGQF-lastSyncTime");
    let timeDelta = currentTime - lastSyncTime;
    if ( timeDelta > 1000*60*60*24*7  ) return true;

// setup
    let x = localStorage.getItem("EHGQF-setup");
    if (typeof x == "undefined") return true;

// constant page check
    let labelId = getPageFavId();
    if ( labelId == 10 ) return false;   // can't check if page isn't favourited yet

let pageLabel = document.querySelector("#favoritelink").textContent;
    let storedLabel = localStorage.getItem(`EHGQF-fav${labelId}`);
    if ( pageLabel != storedLabel ) return true;

dlog("No reason found to sync favourite labels");
    return false;
}

function syncFavouriteLabels() {
    dlog("Fetching fresh Favourite Labels!");

// Send XHR to Favourite Page
    var galID = location.pathname.match(/^\/\w\/(\d+)\//)[1];
    var token = location.pathname.match(/\/(\w+)\/$/)[1];
    var prot = location.protocol;
    var host = location.host;
    var url = `${prot}//${host}/gallerypopups.php?gid=${galID}&t=${token}&act=addfav`;

var xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.responseType = "document";
    xhr.send();

// And grab the favnotes
    xhr.onreadystatechange = function() {
        if ( xhr.readyState == 4 && xhr.status == 200 ) {
            let data = xhr.response;
            for(let i=0; i<=9; i++) {
                let label = data.querySelector(`div + div + div[onclick*='fav${i}']`).textContent;
                localStorage.setItem(`EHGQF-fav${i}`, label);
            }
            dlog("Favourite Labels Updated!");
            let time = new Date().getTime();
            localStorage.setItem("EHGQF-setup", 1);
            localStorage.setItem("EHGQF-lastSyncTime", time);
            updateCurrentFav();
            injectQFElements();
        }
    };
}

function init() {
    dlog("Initialization start!");
    if ( checkSyncNecessity() ) syncFavouriteLabels();
    injectStylesheet();
    injectQFElements();
    injectFavnoteElements();
    if (config.hotkeys) injectHotkeyListener();

dlog("Initialization finished!");
}

init();