槌基百科

MediaWiki:Gadget-ViewerMode.js：修订间差异

←上一编辑下一编辑→
Fix portlet ID for Vector 2022
直接注入DOM，修复Vector 2022兼容性，补全我的博客图标
第1行： 第1行：
/**
/**
  * ViewerMode gadget — toggles a "visitor view" for editors.
  * ViewerMode gadget — lets editors preview the site as a regular visitor.
* Hides all editing UI so editors can preview the site as a regular visitor.
* Also fixes the missing icon on the "我的博客" menu item.
  */
  */
( function () {
( function () {
     'use strict';
     'use strict';


     if ( !mw.user.isAllowed( 'edit' ) ) {
    // Only run for logged-in users
     if ( mw.user.isAnon() ) {
         return;
         return;
     }
     }
第13行： 第14行：
     var active = localStorage.getItem( STORAGE_KEY ) === '1';
     var active = localStorage.getItem( STORAGE_KEY ) === '1';


     // Apply class immediately to prevent flash of edit elements on load
     // Apply class immediately on load to prevent flash of edit elements
     if ( active ) {
     if ( active ) {
         document.documentElement.classList.add( 'viewer-mode' );
         document.documentElement.classList.add( 'viewer-mode' );
    }
    function applyMode() {
        if ( active ) {
            document.documentElement.classList.add( 'viewer-mode' );
        } else {
            document.documentElement.classList.remove( 'viewer-mode' );
        }
        updateButton();
     }
     }


第30行： 第22行：
         active = !active;
         active = !active;
         localStorage.setItem( STORAGE_KEY, active ? '1' : '0' );
         localStorage.setItem( STORAGE_KEY, active ? '1' : '0' );
         applyMode();
         document.documentElement.classList.toggle( 'viewer-mode', active );
        updateButton();
     }
     }


     function updateButton() {
     function updateButton() {
         var link = document.getElementById( 'pt-viewer-mode' );
         var label = document.querySelector( '#pt-viewer-mode .viewer-mode-label' );
         if ( !link ) { return; }
         if ( !label ) { return; }
         var a = link.querySelector( 'a' );
         label.textContent = active ? '编辑者模式' : '读者模式';
        if ( active ) {
        var icon = document.querySelector( '#pt-viewer-mode .vector-icon' );
            a.textContent = '⚙ 编辑者模式';
         if ( icon ) {
            a.title = '切换回编辑者模式（当前：读者视图）';
             icon.className = active
            a.style.fontWeight = 'bold';
                ? 'vector-icon mw-ui-icon-userContributions mw-ui-icon-wikimedia-userContributions'
         } else {
                : 'vector-icon mw-ui-icon-eye mw-ui-icon-wikimedia-eye';
             a.textContent = '👁 读者模式';
            a.title = '切换到读者模式，预览访客视图';
            a.style.fontWeight = '';
         }
         }
     }
     }


     mw.loader.using( [ 'mediawiki.util' ] ).then( function () {
     $( function () {
         // Vector 2022 uses p-vector-user-menu-overflow for extra user menu items
        // --- Fix missing icon on 我的博客 ---
         var portlets = [ 'p-vector-user-menu-overflow', 'p-personal' ];
        var blogLink = document.querySelector( '#pt-simpleblog_myblog a' );
         var portletLink = null;
        if ( blogLink && !blogLink.querySelector( '.vector-icon' ) ) {
            var blogIcon = document.createElement( 'span' );
            blogIcon.className = 'vector-icon mw-ui-icon-article mw-ui-icon-wikimedia-article';
            blogLink.insertBefore( blogIcon, blogLink.firstChild );
            blogLink.insertBefore( document.createTextNode( '\u00a0' ), blogIcon.nextSibling );
        }
 
         // --- Add viewer-mode toggle to personal menu ---
         var menuList = document.querySelector( '#p-personal .vector-menu-content-list' );
        if ( !menuList ) { return; }
 
        // Only show toggle if user has any edit controls on this page
        // (safe for all logged-in users; harmless if no edit controls exist)
        var li = document.createElement( 'li' );
        li.id = 'pt-viewer-mode';
         li.className = 'mw-list-item';


         for ( var i = 0; i < portlets.length; i++ ) {
         var a = document.createElement( 'a' );
            portletLink = mw.util.addPortletLink(
        a.href = '#';
                portlets[ i ],
        a.title = active ? '切换回编辑者模式' : '切换到读者模式，预览访客视图';
                '#',
 
                active ? '⚙ 编辑者模式' : '👁 读者模式',
        var iconSpan = document.createElement( 'span' );
                'pt-viewer-mode',
        iconSpan.className = active
                active ? '切换回编辑者模式（当前：读者视图）' : '切换到读者模式，预览访客视图'
            ? 'vector-icon mw-ui-icon-userContributions mw-ui-icon-wikimedia-userContributions'
            );
            : 'vector-icon mw-ui-icon-eye mw-ui-icon-wikimedia-eye';
            if ( portletLink ) {
 
                break;
        var textSpan = document.createElement( 'span' );
             }
        textSpan.className = 'viewer-mode-label';
         }
        textSpan.textContent = active ? '编辑者模式' : '读者模式';
 
        a.appendChild( iconSpan );
        a.appendChild( document.createTextNode( '\u00a0' ) );
        a.appendChild( textSpan );
 
        a.addEventListener( 'click', function ( e ) {
            e.preventDefault();
             toggle();
        } );
 
         li.appendChild( a );


         if ( portletLink ) {
         // Insert before the logout item, or append at end
            portletLink.querySelector( 'a' ).addEventListener( 'click', function ( e ) {
        var logoutItem = document.getElementById( 'pt-logout' );
                e.preventDefault();
        if ( logoutItem ) {
                toggle();
            menuList.insertBefore( li, logoutItem );
             } );
        } else {
             menuList.appendChild( li );
         }
         }
        applyMode();
     } );
     } );
}() );
}() );
检索自“https://chuihub.com/index.php/MediaWiki:Gadget-ViewerMode.js”