מדיה ויקי:Common.js

הערה: לאחר הפרסום, ייתכן שיהיה צורך לנקות את זיכרון המטמון (cache) של הדפדפן כדי להבחין בשינויים.

• פיירפוקס / ספארי: להחזיק את המקש Shift בעת לחיצה על טעינה מחדש (Reload) או ללחוץ על צירוף המקשים Ctrl-F5 או Ctrl-R (במחשב מק: ⌘-R).
• גוגל כרום: ללחוץ על צירוף המקשים Ctrl-Shift-R (במחשב מק: ⌘-Shift-R).
• אדג': להחזיק את המקש Ctrl בעת לחיצה על רענן (Refresh) או ללחוץ על צירוף המקשים Ctrl-F5.

// קוד קיים - משאירים אותו
(function () {
    var userLang = mw.config.get('wgUserLanguage');
    var pageName = mw.config.get('wgPageName');

    if (pageName === 'רבי_יואל_טייטלבוים' && userLang === 'yi') {
        window.location.href = mw.util.getUrl('רבי_יואל_טייטלבוים/yi');
    }

    if (pageName === 'רבי_יואל_טייטלבוים/yi' && userLang === 'he') {
        window.location.href = mw.util.getUrl('רבי_יואל_טייטלבוים');
    }
})();

// תוכן עניינים - גרסה משופרת
mw.hook('wikipage.content').add(function ($content) {
    var $toc = $('#toc');
    if ($toc.length) {
        var $window = $(window);
        var $header = $('#firstHeading');

        function updateTocPosition() {
            var scrollTop = $window.scrollTop();
            var headerHeight = $header.offset().top + $header.outerHeight();

            $toc.css('top', scrollTop > headerHeight ? '0' : '220px');
        }

        $window.on('scroll resize', updateTocPosition);
        updateTocPosition(); // קריאה ראשונית
    }
});

// ========== בקרי מראה (Appearance Controls) ==========
(function() {
    'use strict';

    // פונקציות עזר לניהול העדפות
    var AppearancePrefs = {
        get: function(key, defaultVal) {
            try {
                var val = localStorage.getItem('otzar-' + key);
                return val !== null ? val : defaultVal;
            } catch(e) {
                return defaultVal;
            }
        },
        set: function(key, val) {
            try {
                localStorage.setItem('otzar-' + key, val);
            } catch(e) {}
        }
    };

    // טעינת העדפות שמורות
    function loadPreferences() {
        var fontSize = AppearancePrefs.get('fontSize', 'medium');
        var theme = AppearancePrefs.get('theme', 'light');
        var fontFamily = AppearancePrefs.get('fontFamily', 'david');

        applyFontSize(fontSize);
        applyTheme(theme);
        applyFontFamily(fontFamily);
    }

    // החלת גודל טקסט - רק על אזור התוכן
    function applyFontSize(size) {
        var $content = $('#content, .mw-parser-output');
        $content.removeClass('text-small text-medium text-large text-xlarge');
        $content.addClass('text-' + size);
        AppearancePrefs.set('fontSize', size);

        // עדכון בחירה בתפריט
        $('.appearance-option[data-type="fontSize"]').removeClass('active');
        $('.appearance-option[data-type="fontSize"][data-value="' + size + '"]').addClass('active');
    }

    // החלת ערכת צבעים - רק על אזור התוכן
    function applyTheme(theme) {
        var $content = $('#content, .mw-parser-output, .mw-body');
        $content.removeClass('theme-light theme-dark theme-sepia');
        $content.addClass('theme-' + theme);
        AppearancePrefs.set('theme', theme);

        // עדכון בחירה בתפריט
        $('.appearance-option[data-type="theme"]').removeClass('active');
        $('.appearance-option[data-type="theme"][data-value="' + theme + '"]').addClass('active');
    }

    // החלת גופן - רק על אזור התוכן
    function applyFontFamily(font) {
        var $content = $('#content, .mw-parser-output');
        $content.removeClass('font-david font-frank font-arial');
        $content.addClass('font-' + font);
        AppearancePrefs.set('fontFamily', font);

        // עדכון בחירה בתפריט
        $('.appearance-option[data-type="fontFamily"]').removeClass('active');
        $('.appearance-option[data-type="fontFamily"][data-value="' + font + '"]').addClass('active');
    }

    // יצירת תפריט מראה
    function createAppearanceMenu() {
        var html =
            '<div id="appearance-panel" class="vector-menu vector-menu-portal portal" role="navigation">' +
            '  <h3 class="vector-menu-heading"><span>מראה</span></h3>' +
            '  <div class="vector-menu-content">' +
            '    <ul class="vector-menu-content-list">' +
            '      <li class="appearance-section">גודל טקסט:</li>' +
            '      <li class="appearance-option" data-type="fontSize" data-value="small">קטן</li>' +
            '      <li class="appearance-option" data-type="fontSize" data-value="medium">בינוני</li>' +
            '      <li class="appearance-option" data-type="fontSize" data-value="large">גדול</li>' +
            '      <li class="appearance-option" data-type="fontSize" data-value="xlarge">גדול מאוד</li>' +
            '      <li class="appearance-divider"></li>' +
            '      <li class="appearance-section">ערכת צבעים:</li>' +
            '      <li class="appearance-option" data-type="theme" data-value="light">בהיר</li>' +
            '      <li class="appearance-option" data-type="theme" data-value="dark">כהה</li>' +
            '      <li class="appearance-option" data-type="theme" data-value="sepia">ספיה</li>' +
            '      <li class="appearance-divider"></li>' +
            '      <li class="appearance-section">גופן:</li>' +
            '      <li class="appearance-option" data-type="fontFamily" data-value="david">דוד</li>' +
            '      <li class="appearance-option" data-type="fontFamily" data-value="frank">פרנק</li>' +
            '      <li class="appearance-option" data-type="fontFamily" data-value="arial">אריאל</li>' +
            '    </ul>' +
            '  </div>' +
            '</div>';

        // הוספת התפריט לראש סרגל הצד השמאלי
        var $sidebar = $('#mw-panel');
        if ($sidebar.length) {
            $sidebar.prepend(html);
        }

        // הוספת מאזינים לאירועים
        $('.appearance-option').on('click', function() {
            var $this = $(this);
            var type = $this.data('type');
            var value = $this.data('value');

            if (type === 'fontSize') {
                applyFontSize(value);
            } else if (type === 'theme') {
                applyTheme(value);
            } else if (type === 'fontFamily') {
                applyFontFamily(value);
            }
        });
    }

    // אתחול
    $(function() {
        createAppearanceMenu();
        loadPreferences();
    });

})();