מדיה ויקי:Common.js: הבדלים בין גרסאות בדף

מתוך אוצר מהרי''ט
קפיצה לניווט קפיצה לחיפוש
Admin (שיחה | תרומות)
אין תקציר עריכה
Admin (שיחה | תרומות)
אין תקציר עריכה
שורה 64: שורה 64:
     }
     }


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


שורה 76: שורה 76:
     }
     }


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


שורה 88: שורה 88:
     }
     }


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


שורה 126: שורה 126:
             '</div>';
             '</div>';


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



גרסה מ־21:25, 1 בנובמבר 2025

// קוד קיים - משאירים אותו
(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();
    });

})();