mydealz Deal-Management: Deals filtern und ausblenden, alle Einstellungen per UI verwalten.
当前为
// ==UserScript==
// @name mydealz Script 1.7.2
// @namespace http://tampermonkey.net/
// @version 1.7.2
// @description mydealz Deal-Management: Deals filtern und ausblenden, alle Einstellungen per UI verwalten.
// @author Moritz Baumeister (https://www.mydealz.de/profile/BobBaumeister), Flo (https://www.mydealz.de/profile/Basics0119)
// @license MIT
// @match https://www.mydealz.de/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=mydealz.de
// @grant none
// ==/UserScript==
// Versions-Änderungen:
// Fix: Touch-Screen Geräte: Der 'Deal ausblenden' Button wird nun wieder korrekt angezeigt.
// Einbinden von Font Awesome für Icons
const fontAwesomeLink = document.createElement('link');
fontAwesomeLink.rel = 'stylesheet';
fontAwesomeLink.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css';
document.head.appendChild(fontAwesomeLink);
// --- 1. Initial Setup ---
const EXCLUDE_WORDS_KEY = 'excludeWords';
const EXCLUDE_MERCHANTS_KEY = 'excludeMerchantIDs';
const HIDDEN_DEALS_KEY = 'hiddenDeals';
// Load data immediately
let excludeWords, excludeMerchantIDs, hiddenDeals;
try {
excludeWords = JSON.parse(localStorage.getItem(EXCLUDE_WORDS_KEY)) || [];
excludeMerchantIDs = JSON.parse(localStorage.getItem(EXCLUDE_MERCHANTS_KEY)) || [];
hiddenDeals = JSON.parse(localStorage.getItem(HIDDEN_DEALS_KEY)) || [];
console.log('[INIT-1] Loaded data from localStorage');
console.log('[INIT-2] Configuration:', {
excludeWords,
excludeMerchantIDs,
hiddenDeals
});
} catch (error) {
console.error('[ERROR] Failed to load configuration:', error);
excludeWords = [];
excludeMerchantIDs = [];
hiddenDeals = [];
}
// --- 1. Core Functions ---
function processArticles() {
console.log('[DEBUG] Processing articles with config:', {
excludeWords: excludeWords.length,
excludeMerchantIDs: excludeMerchantIDs.length,
hiddenDeals: hiddenDeals.length
});
const deals = document.querySelectorAll('article.thread--deal, article.thread--voucher');
deals.forEach(deal => {
const dealId = deal.getAttribute('id');
// Check if manually hidden
if (hiddenDeals.includes(dealId)) {
console.log(`[DEBUG] Deal ${dealId} is in hidden list`);
hideDeal(deal);
return;
}
// Check if should be hidden by rules
if (shouldExcludeArticle(deal)) {
console.log(`[DEBUG] Hiding deal ${dealId} by rules`);
hideDeal(deal);
return;
}
// Show deal if not excluded
deal.style.display = 'block';
deal.style.opacity = '1';
});
}
// Define observer
const observer = new MutationObserver((mutations) => {
mutations.forEach(mutation => {
if (mutation.addedNodes.length) {
processArticles();
addSettingsButton();
addHideButtons();
}
});
});
// Initialize everything
(function init() {
processArticles();
addSettingsButton();
addHideButtons();
observer.observe(document.body, {
childList: true,
subtree: true
});
})();
// --- 2. Hilfsfunktionen ---
function shouldExcludeArticle(article) {
const titleElement = article.querySelector('.thread-title');
const merchantLink = article.querySelector('a[href*="merchant-id="]');
if (titleElement && excludeWords.some(word => titleElement.textContent.toLowerCase().includes(word.toLowerCase()))) {
return true;
}
if (merchantLink) {
const merchantIDMatch = merchantLink.getAttribute('href').match(/merchant-id=(\d+)/);
if (merchantIDMatch) {
const merchantID = merchantIDMatch[1];
if (excludeMerchantIDs.includes(merchantID)) {
return true;
}
}
}
return false;
}
function hideDeal(deal) {
deal.style.display = 'none';
}
// Funktion zum Speichern der ausgeblendeten Deals
function saveHiddenDeals() {
localStorage.setItem(HIDDEN_DEALS_KEY, JSON.stringify(hiddenDeals));
}
// Speichern der `excludeWords` und `excludeMerchantIDs`
function saveExcludeWords(words) {
localStorage.setItem('excludeWords', JSON.stringify(words));
}
function loadExcludeWords() {
return JSON.parse(localStorage.getItem('excludeWords')) || [];
}
function saveExcludeMerchants(merchants) {
localStorage.setItem(EXCLUDE_MERCHANTS_KEY, JSON.stringify(merchants));
}
// Fügt Event Listener hinzu, um Auto-Speichern zu ermöglichen
function addAutoSaveListeners() {
// Event Listener für Eingabefelder
const excludeWordsInput = document.getElementById('excludeWordsInput');
excludeWordsInput.addEventListener('input', () => {
const newWords = excludeWordsInput.value.split('\n').map(w => w.trim()).filter(Boolean);
saveExcludeWords(newWords);
excludeWords = newWords;
processArticles();
});
const excludeMerchantIDsInput = document.getElementById('excludeMerchantIDsInput');
excludeMerchantIDsInput.addEventListener('input', () => {
const newMerchantIDs = excludeMerchantIDsInput.value.split('\n').map(id => id.trim()).filter(Boolean);
saveExcludeMerchants(newMerchantIDs);
excludeMerchantIDs = newMerchantIDs;
processArticles();
});
}
// Remove highlighting-related event listeners
// UI-Button zum Öffnen der Einstellungen wird nur einmal erstellt
const settingsButton = document.createElement('button');
settingsButton.innerHTML = '⚙️';
settingsButton.style.padding = '10px';
settingsButton.style.background = 'transparent'; // Hintergrund transparent machen
settingsButton.style.color = 'white';
settingsButton.style.border = 'none';
settingsButton.style.borderRadius = '5px';
settingsButton.style.cursor = 'pointer';
// UI-Button zum Verbergen der Deals wird nur einmal erstellt
const hideButton = document.createElement('button');
hideButton.innerHTML = '❌';
hideButton.style.marginLeft = '10px';
hideButton.title = 'Deal verbergen'; // Tooltip hinzufügen
hideButton.style.padding = '10px';
hideButton.style.background = 'transparent'; // Hintergrund transparent machen
hideButton.style.color = 'white';
hideButton.style.border = 'none';
hideButton.style.borderRadius = '5px';
hideButton.style.cursor = 'pointer';
// Funktion, um das Verbergen der Deals zu ermöglichen
hideButton.addEventListener('click', function(event) {
const deal = event.target.closest('article');
if (deal) {
const dealId = deal.getAttribute('id');
hiddenDeals.push(dealId);
saveHiddenDeals();
hideDeal(deal);
}
});
function addSettingsButton() {
const deals = document.querySelectorAll('article:not([data-settings-added])');
deals.forEach(deal => {
if (deal.hasAttribute('data-settings-added')) return;
const settingsBtn = document.createElement('button');
settingsBtn.innerHTML = '⚙️';
settingsBtn.className = 'vote-button overflow--visible';
settingsBtn.title = 'Einstellungen';
settingsBtn.style.cssText = `
border: none;
cursor: pointer;
height: 32px;
width: 32px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
padding: 0;
background: transparent;
`;
const settingsContainer = document.createElement('div');
settingsContainer.className = 'vote-box border color--border-TranslucentPrimary bRad--a bRad--circle fadeOuterEdge--r';
settingsContainer.style.cssText = `
display: flex;
align-items: center;
justify-content: center;
margin-left: 8px;
height: 32px;
width: 32px;
border-radius: 50%;
background: #f2f2f2;
border: 1px solid #e4e4e4;
padding: 4px;
`;
settingsBtn.addEventListener('click', createSettingsUI);
settingsContainer.appendChild(settingsBtn);
const voteBox = deal.querySelector('.vote-box');
if (voteBox) {
voteBox.parentNode.insertBefore(settingsContainer, voteBox.nextSibling);
deal.setAttribute('data-settings-added', 'true');
}
});
}
function addHideButtons() {
const deals = document.querySelectorAll('article:not([data-button-added])');
deals.forEach(deal => {
if (deal.hasAttribute('data-button-added')) return;
const voteTemp = deal.querySelector('.cept-vote-temp');
if (!voteTemp) return;
// Remove popover
const popover = voteTemp.querySelector('.popover-origin');
if (popover) popover.remove();
const hideButtonContainer = document.createElement('div');
hideButtonContainer.style.cssText = `
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
z-index: 10001;
pointer-events: none;
`;
const hideButton = document.createElement('button');
hideButton.innerHTML = '❌';
hideButton.className = 'vote-button overflow--visible';
hideButton.title = 'Deal verbergen';
hideButton.style.cssText = `
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 10002;
background: rgba(255, 255, 255, 0.9);
border: none;
border-radius: 50%;
cursor: pointer;
padding: 8px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: all;
`;
// Touch device handling
if ('ontouchstart' in window) {
let buttonVisible = false;
voteTemp.addEventListener('touchstart', (e) => {
e.preventDefault();
e.stopPropagation();
if (!buttonVisible) {
buttonVisible = true;
hideButtonContainer.style.display = 'block';
} else {
// Second touch on container: hide deal
const dealId = deal.getAttribute('id');
hiddenDeals.push(dealId);
saveHiddenDeals();
hideDeal(deal);
}
}, true);
// Reset visibility when touch moves outside
voteTemp.addEventListener('touchend', () => {
if (!buttonVisible) {
hideButtonContainer.style.display = 'none';
}
}, true);
} else {
// Desktop hover behavior
voteTemp.addEventListener('mouseenter', () => {
hideButtonContainer.style.display = 'block';
}, true);
voteTemp.addEventListener('mouseleave', () => {
hideButtonContainer.style.display = 'none';
}, true);
hideButton.onclick = (e) => {
e.preventDefault();
e.stopPropagation();
const dealId = deal.getAttribute('id');
hiddenDeals.push(dealId);
saveHiddenDeals();
hideDeal(deal);
return false;
};
}
hideButtonContainer.appendChild(hideButton);
voteTemp.appendChild(hideButtonContainer);
deal.setAttribute('data-button-added', 'true');
});
}
// HTML Decoder Funktion hinzufügen
function decodeHtml(html) {
const txt = document.createElement('textarea');
txt.innerHTML = html;
return txt.value;
}
// --- 3. Backup- und Restore-Funktionen ---
function backupData() {
const backup = {
excludeWords: excludeWords,
excludeMerchantIDs: excludeMerchantIDs
};
// Create timestamp for filename
const now = new Date();
const timestamp = now.getFullYear() + '-' +
String(now.getMonth() + 1).padStart(2, '0') + '-' +
String(now.getDate()).padStart(2, '0') + '_' +
String(now.getHours()).padStart(2, '0') + '.' +
String(now.getMinutes()).padStart(2, '0');
const blob = new Blob([JSON.stringify(backup, null, 2)], { type: 'application/json' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = `mydealz_backup_${timestamp}.json`;
a.click();
URL.revokeObjectURL(url);
}
// Restore-Funktion
function restoreData(event) {
const file = event.target.files[0];
if (file && file.type === 'application/json') {
const reader = new FileReader();
reader.onload = function(e) {
const restoredData = JSON.parse(e.target.result);
if (restoredData.excludeWords && restoredData.excludeMerchantIDs) {
// Wiederhergestellte Daten in den localStorage speichern
saveExcludeWords(restoredData.excludeWords);
saveExcludeMerchants(restoredData.excludeMerchantIDs);
// Arrays aktualisieren
excludeWords.length = 0;
excludeWords.push(...restoredData.excludeWords);
excludeMerchantIDs.length = 0;
excludeMerchantIDs.push(...restoredData.excludeMerchantIDs);
// UI-Felder mit neuen Daten füllen
document.getElementById('excludeWordsInput').value = restoredData.excludeWords.join('\n');
document.getElementById('excludeMerchantIDsInput').value = restoredData.excludeMerchantIDs.join('\n');
// Deals erneut prüfen
processArticles();
} else {
alert('Die Backup-Datei ist nicht im richtigen Format.');
}
};
reader.readAsText(file);
} else {
alert('Bitte wählen Sie eine gültige JSON-Datei aus.');
}
}
// --- 4. Benutzeroberfläche (UI) ---
let settingsDiv = null;
let isSettingsOpen = false;
function createSettingsUI() {
if (isSettingsOpen) return;
isSettingsOpen = true;
// Re-process articles when opening settings
console.log('[DEBUG] Opening settings - reprocessing articles');
processArticles();
const currentExcludeWords = JSON.parse(localStorage.getItem(EXCLUDE_WORDS_KEY)) || [];
const currentExcludeMerchantIDs = JSON.parse(localStorage.getItem(EXCLUDE_MERCHANTS_KEY)) || [];
settingsDiv = document.createElement('div');
settingsDiv.style.position = 'fixed';
settingsDiv.style.bottom = '10px';
settingsDiv.style.right = '10px';
settingsDiv.style.padding = '15px';
settingsDiv.style.background = '#f9f9f9';
settingsDiv.style.border = '1px solid #ccc';
settingsDiv.style.borderRadius = '5px';
settingsDiv.style.zIndex = '1000';
settingsDiv.style.maxWidth = '300px';
settingsDiv.style.overflow = 'auto';
settingsDiv.innerHTML = `
<h4 style="margin-bottom: 10px;">Einstellungen zum Ausblenden</h4>
<div style="margin-bottom: 15px;">
<label for="excludeWordsInput" style="font-weight: bold;">Schlagworte</label>
<textarea id="excludeWordsInput" rows="2" style="width: 80%; margin-top: 5px; padding: 5px; border: 1px solid #ccc; border-radius: 3px; background: #f0f0f0;">${currentExcludeWords.join('\n')}</textarea>
</div>
<div style="margin-bottom: 15px;">
<label for="excludeMerchantIDsInput" style="font-weight: bold;">Händler IDs</label>
<textarea id="excludeMerchantIDsInput" rows="2" style="width: 100%; margin-top: 5px; padding: 5px; border: 1px solid #ccc; border-radius: 3px; background: #f0f0f0;">${currentExcludeMerchantIDs.join('\n')}</textarea>
</div>
<div style="text-align: right;">
<button id="saveSettingsButton" style="padding: 8px 12px; background: none; border: none; cursor: pointer;" title="Speichern">
<i class="fas fa-save"></i>
</button>
<button id="createBackupButton" style="padding: 8px 12px; background: none; border: none; cursor: pointer;" title="Backup erstellen">
<i class="fas fa-file-export"></i>
</button>
<button id="restoreBackupButton" style="padding: 8px 12px; background: none; border: none; cursor: pointer;" title="Wiederherstellen">
<i class="fas fa-file-import"></i>
</button>
<input type="file" id="restoreFileInput" style="display: none;" />
<button id="closeSettingsButton" style="padding: 8px 12px; background: none; border: none; cursor: pointer;" title="Schließen">
<i class="fas fa-times"></i>
</button>
</div>
`;
document.body.appendChild(settingsDiv);
// Speichern der Einstellungen
document.getElementById('saveSettingsButton').addEventListener('click', () => {
const newWords = document.getElementById('excludeWordsInput').value.split('\n').map(w => w.trim()).filter(Boolean);
const newMerchantIDs = document.getElementById('excludeMerchantIDsInput').value.split('\n').map(id => id.trim()).filter(Boolean);
// Auto-Speichern aktivieren
addAutoSaveListeners();
// Exclude-Listen speichern
saveExcludeWords(newWords);
saveExcludeMerchants(newMerchantIDs);
// Konfiguration aktualisieren
excludeWords = newWords;
excludeMerchantIDs = newMerchantIDs;
// Nach dem Speichern der Einstellungen die Deals erneut überprüfen
processArticles();
});
// Backup/Restore Event Listeners
document.getElementById('createBackupButton').addEventListener('click', backupData);
document.getElementById('restoreBackupButton').addEventListener('click', () => {
document.getElementById('restoreFileInput').click();
});
document.getElementById('restoreFileInput').addEventListener('change', restoreData);
// Close Settings
document.getElementById('closeSettingsButton').addEventListener('click', () => {
isSettingsOpen = false;
settingsDiv.remove();
});
}
// Initial processing and observer setup
document.addEventListener('DOMContentLoaded', () => {
console.log('[INIT] Starting initial processing');
processArticles();
});
// Add initialization logging
console.log('[DEBUG] Initial excludeMerchantIDs:', excludeMerchantIDs);
document.addEventListener('DOMContentLoaded', () => {
console.log('[INIT-3] DOMContentLoaded - Adding buttons');
addSettingsButton();
addHideButtons();
});
window.addEventListener('load', () => {
console.log('[INIT-4] Window loaded - Processing deals');
processArticles();
});
function initObserver() {
console.log('[INIT-5] Setting up observer');
observer.observe(document.body, {
childList: true,
subtree: true
});
}
// Call initial setup
document.addEventListener('DOMContentLoaded', () => {
console.log('[INIT-6] Starting initialization');
processArticles();
initObserver();
});