MediaWiki:Common.js: Unterschied zwischen den Versionen

Version vom 7. September 2025, 00:07 Uhr

/* Unified Consent System JavaScript v250826r1 
 * Single file for both EN and DE versions
 * Automatically detects language based on domain
 */
/* Common JavaScript - Keep only consent system if needed */

// Language detection helper
function getCurrentLanguage() {
    var hostname = window.location.hostname;
    return (hostname === 'de.transformal.com' || 
            hostname === 'de.olaflangmack.info' ||
            hostname === 'de.mediawiki.transformal.com') ? 'de' : 'en';
}

// Localized strings
var strings = {
    en: {
        journalingEnabled: 'Journaling enabled',
        journalingDisabled: 'Journaling disabled',
        proofOfWorkEnabled: 'Proof-of-work enabled',
        proofOfWorkDisabled: 'Proof-of-work disabled',
        preferencesSaved: 'Your preferences are being saved',
        checkboxLabel: 'Enabled'
    },
    de: {
        journalingEnabled: 'Aufzeichnungen zugelassen',
        journalingDisabled: 'Aufzeichnungen nicht zugelassen',
        proofOfWorkEnabled: 'Proof-of-work zugelassen',
        proofOfWorkDisabled: 'Proof-of-work nicht zugelassen',
        preferencesSaved: 'Ihre Einstellungen werden gespeichert',
        checkboxLabel: 'Erlaubt'
    }
};

function getString(key) {
    var lang = getCurrentLanguage();
    return strings[lang][key] || strings.en[key];
}

// Handle consent acquisition box - 90-day reminder for everyone
$(document).ready(function() {
    var consentBox = document.getElementById('consent-acquisition-box');
    if (!consentBox) return;
    
    // Check if dismissed within last 90 days
    var dismissedUntil = localStorage.getItem('consent-acquisition-dismissed-until');
    var now = Date.now();
    
    if (dismissedUntil && parseInt(dismissedUntil) > now) {
        // Still within 90-day dismissal period
        consentBox.style.display = 'none';
    } else {
        // Show box - dismissal expired or never dismissed
        consentBox.style.display = 'block';
        consentBox.classList.add('show');
    }
    
    consentBox.addEventListener('click', function() {
        sessionStorage.setItem('consent-acquisition-dismissed', 'true');
        // ADD THIS LINE:
        localStorage.setItem('consent-acquisition-dismissed-until', Date.now() + (90 * 24 * 60 * 60 * 1000));
        var targetPage = getCurrentLanguage() === 'de' ? 
            '/wiki/Transformal_GmbH:Analyseeinstellungen' : 
            '/wiki/Transformal_GmbH:Analyses_preferences';
        window.location.href = targetPage;
    });
});

// Convert template placeholders to actual checkboxes
$(function() {
    $('.consent-option').each(function() {
        var $option = $(this);
        if ($option.find('.consent-checkbox').length > 0) return;
        
        var consentId = $option.find('.consent-data').text().trim();
        var status = $option.find('.consent-status-data').text().trim();
        
        var $checkboxRow = $option.find('.checkbox-row');
        if (!$checkboxRow.length) return;
        
        var $container = $('<span class="checkbox-container"></span>');
        var $checkbox = $('<input>', {
            type: 'checkbox',
            id: consentId,
            class: 'consent-checkbox'
        });
        
        if (status === 'disabled') {
            $checkbox.prop('disabled', true);
        }
        
        var label = $option.find('.checkbox-placeholder').attr('data-label') || getString('checkboxLabel');
        var $label = $('<label>', {
          'for': consentId,
          text: ' ' + label,
          style: 'cursor: pointer;'
        });
        
        $container.append($checkbox).append($label);
        $checkboxRow.append($container);
        $checkboxRow.find('.checkbox-placeholder').remove();
        
        var saved = localStorage.getItem(consentId) === 'true';
        $checkbox.prop('checked', saved);
        
        $checkbox.on('change', function() {
            localStorage.setItem(consentId, this.checked);
            if (typeof handleConsentChange === 'function') {
              handleConsentChange(consentId, this.checked);
            }
            if (typeof showConsentFeedback === 'function') {
                showConsentFeedback(consentId, this.checked);
            }
        });
    });
});

// Handle consent changes for different features
function handleConsentChange(feature, enabled) {
    if (feature === 'matomo-consent') {
        if (enabled) {
            if (window._paq) {
                // Enable enhanced tracking
                _paq.push(['setCookieConsentGiven']);
                _paq.push(['setConsentGiven']);
                // Track this page view again with full details
                _paq.push(['trackPageView']);
                _paq.push(['enableHeartBeatTimer']);
                _paq.push(['trackVisibleContentImpressions']);
            }
        } else {
            if (window._paq) {
                // Revert to anonymous tracking only
                _paq.push(['forgetCookieConsentGiven']);
                _paq.push(['forgetConsentGiven']);
                // Note: Already tracked pages remain in this session
            }
        }
    }
}

// Show feedback when consent changes
function showConsentFeedback(feature, enabled) {
    var feedbackDiv = document.getElementById('consent-feedback');
    if (!feedbackDiv) return;
    
    var message = '';
    if (feature === 'matomo-consent') {
        message = enabled ? getString('journalingEnabled') : getString('journalingDisabled');
    } else if (feature === 'altcha-consent') {
        message = enabled ? getString('proofOfWorkEnabled') : getString('proofOfWorkDisabled');
    }
    
    if (message) {
        feedbackDiv.innerHTML = message + ' &ndash; ' + getString('preferencesSaved');
        feedbackDiv.style.display = 'block';
        
        setTimeout(function() {
            feedbackDiv.style.display = 'none';
        }, 3000);
    }
}