Jump to content

MediaWiki:Common.js

From SOJI ELECTRONICS
Revision as of 03:57, 19 May 2026 by Admin (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
(function () {
    function esc(text) {
        return String(text || "").replace(/[&<>"]/g, function (m) {
            return { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" }[m];
        });
    }

    function renderLink(item, extraClass) {
        var cls = extraClass ? ' class="' + extraClass + '"' : "";
        var href = item.href ? esc(item.href) : "#";
        return '<a' + cls + ' href="' + href + '">' + esc(item.label) + "</a>";
    }

    function buildFooter(data) {
        var columns = (data.columns || []).map(function (col) {
            var items = (col.items || []).map(function (item) {
                return "<li>" + renderLink(item, "soji-footer-link") + "</li>";
            }).join("");

            return [
                '<section class="soji-footer-col">',
                "<h2>" + esc(col.title) + "</h2>",
                "<ul>" + items + "</ul>",
                "</section>"
            ].join("");
        }).join("");

        var policies = (data.policies || []).map(function (item, i) {
            return (i ? '<span class="soji-footer-sep">|</span>' : "") +
                renderLink(item, "soji-footer-link");
        }).join("");

        var social = (data.social || []).map(function (item) {
            var href = item.href ? esc(item.href) : "#";
            return '<a class="soji-footer-social-item" href="' + href + '" aria-label="' + esc(item.label) + '">' +
                esc(item.short || item.label.charAt(0)) + "</a>";
        }).join("");

        var subscribe = data.subscribe
            ? renderLink(data.subscribe, "soji-footer-subscribe")
            : "";

        return [
            '<section id="soji-site-footer" class="soji-site-footer">',
            '<div class="soji-footer-shell">',
            '<div class="soji-footer-grid">' + columns + "</div>",
            '<div class="soji-footer-bottom">',
            '<div class="soji-footer-meta">',
            '<div class="soji-footer-policy-row">' + policies + "</div>",
            '<div class="soji-footer-copy">' + esc(data.copyright || "") + "</div>",
            "</div>",
            '<div class="soji-footer-actions">',
            subscribe,
            '<div class="soji-footer-social">',
            '<span class="soji-footer-social-label">Connect</span>',
            '<div class="soji-footer-social-list">' + social + "</div>",
            "</div>",
            "</div>",
            "</div>",
            "</div>",
            "</section>"
        ].join("");
    }

    function injectFooter(data) {
        var footer = document.getElementById("footer");
        if (!footer || document.getElementById("soji-site-footer")) return;
        footer.insertAdjacentHTML("beforebegin", buildFooter(data));
        document.body.classList.add("has-soji-footer");
    }

    function init() {
        fetch("/index.php?title=MediaWiki:FooterData.json&action=raw")
            .then(function (r) { return r.text(); })
            .then(function (text) { return JSON.parse(text); })
            .then(injectFooter)
            .catch(function (err) { console.error("Footer load failed:", err); });
    }

    if (document.readyState === "loading") {
        document.addEventListener("DOMContentLoaded", init);
    } else {
        init();
    }
})();

$(function () {
    if (mw.config.get('wgNamespaceNumber') < 0) return;

    var title = mw.config.get('wgTitle');
    var pageName = mw.config.get('wgPageName').replace(/_/g, ' ');

    // Page Main Page: không cần breadcrumb
    if (pageName === 'Main Page') return;

    // Lấy category trực tiếp của page hoặc của category page hiện tại
    var initialCats = mw.config.get('wgCategories') || [];
    if (!initialCats.length) return;

    var api = new mw.Api();
    var chain = [];
    var seen = {};

    // Đi ngược lên cây qua API
    function walkUp(catName) {
        if (!catName || seen[catName] || catName === 'Main Page') {
            return $.Deferred().resolve();
        }
        seen[catName] = true;
        chain.unshift(catName);

        return api.get({
            action: 'query',
            titles: 'Category:' + catName,
            prop: 'categories',
            cllimit: 1,
            format: 'json',
            formatversion: 2
        }).then(function (data) {
            var pages = (data.query && data.query.pages) || [];
            if (!pages.length || !pages[0].categories) return;
            var parent = pages[0].categories[0].title.replace(/^Category:/, '');
            return walkUp(parent);
        });
    }

    walkUp(initialCats[0]).then(function () {
        var parts = [
            '<a href="' + mw.util.getUrl('Main Page') + '">Main Page</a>'
        ];
        chain.forEach(function (c) {
            parts.push('<a href="' + mw.util.getUrl(c) + '">' + c + '</a>');
        });
        parts.push('<strong>' + title + '</strong>');

        var html = '<nav class="custom-breadcrumb">' + parts.join(' &gt; ') + '</nav>';
        $('#mw-content-text').before(html);
    });
});

$(function () {
    // Tự động thêm target="_blank" cho mọi link tới file .pdf
    $('a[href$=".pdf"], a[href*=".pdf?"], a[href*="/file/"][href*=".pdf"]').each(function () {
        $(this).attr('target', '_blank');
        $(this).attr('rel', 'noopener noreferrer');
        // Thêm icon PDF nhỏ
        if (!$(this).find('.pdf-icon').length) {
            $(this).append(' <span class="pdf-icon" title="Open PDF in new tab">📄</span>');
        }
    });
});

$(function () {
    // Force "View" links to open in new tab
    $('.doc-view a').attr({
        target: '_blank',
        rel: 'noopener noreferrer'
    });

    // Force "Download" links to trigger file download
    $('.doc-download a').each(function () {
        var $a = $(this);
        var href = $a.attr('href');
        // Extract filename from URL
        var match = href.match(/\/([^\/]+\.(?:pdf|zip|doc|docx|xls|xlsx))$/i);
        if (match) {
            $a.attr('download', match[1]);
        } else {
            $a.attr('download', '');
        }
    });
});

/* ============================================
 * Auto-collapse TOC sub-headings on page load
 * Only show H2 (main Heading) by default
 * ============================================ */
$(function () {
    var attempts = 0;
    var maxAttempts = 15;

    function collapseAllTOC() {
        // Find all expanded toggle buttons in TOC
        var $toggles = $('.vector-toc-toggle[aria-expanded="true"]');
        
        if ($toggles.length > 0) {
            $toggles.each(function () {
                // Click toggle to collapse (triggers Vue.js handler)
                this.click();
            });
        } else if (attempts < maxAttempts) {
            // TOC chưa render xong, retry
            attempts++;
            setTimeout(collapseAllTOC, 100);
        }
    }

    collapseAllTOC();
});

/* ============================================
 * Sync chevron arrow with collapsible state
 * ============================================ */
$(function () {
    $('.category-block-toggle span[class*="mw-customtoggle-cb-"]').each(function () {
        var $toggle = $(this);
        var match = $toggle.attr('class').match(/mw-customtoggle-(\S+)/);
        if (!match) return;

        var $target = $('#mw-customcollapsible-' + match[1]);
        if (!$target.length) return;

        function syncArrow() {
            if ($target.hasClass('mw-collapsed')) {
                $toggle.removeClass('is-expanded');
            } else {
                $toggle.addClass('is-expanded');
            }
        }

        // Initial state
        syncArrow();

        // Update on click
        $toggle.on('click', function () {
            setTimeout(syncArrow, 50);
        });
    });
});

/* ============================================
 * Pending Changes Badge for Reviewers
 * Show notification of pending changes count
 * ============================================ */
$(function () {
    // Chỉ show cho user có quyền review (reviewer, sysop, admin)
    var userGroups = mw.config.get('wgUserGroups') || [];
    var hasReviewRights = userGroups.some(function (g) {
        return ['reviewer', 'sysop', 'bureaucrat'].indexOf(g) !== -1;
    });

    if (!hasReviewRights) {
        return;
    }

    // Fetch pending count from API
    function fetchPendingCount() {
        new mw.Api().get({
            action: 'query',
            list: 'oldreviewedpages',
            ornamespace: '0|14',
            orfilterredir: 'nonredirects',
            orlimit: 500,
            format: 'json'
        }).done(function (data) {
            var pages = (data.query && data.query.oldreviewedpages) || [];
            updateBadge(pages.length);
        }).fail(function (err) {
            console.log('Failed to fetch pending changes:', err);
        });
    }

    // Update or create badge in sidebar
    function updateBadge(count) {
        var $badge = $('#pending-reviews-badge');

        if (!$badge.length) {
            // Tạo badge mới — tìm sidebar và prepend
            var badgeHtml =
                '<div id="pending-reviews-badge" style="' +
                'padding: 12px 16px;' +
                'margin: 12px 8px;' +
                'background: #fff3e0;' +
                'border: 1px solid #f57c00;' +
                'border-left: 4px solid #e65100;' +
                'border-radius: 4px;' +
                'cursor: pointer;' +
                'transition: background 0.2s;' +
                '">' +
                '<a href="' + mw.util.getUrl('Special:PendingChanges') + '" style="' +
                'color: #e65100;' +
                'text-decoration: none;' +
                'font-weight: 600;' +
                'font-size: 0.95em;' +
                'display: block;' +
                '">' +
                '⚠️ <span id="pending-count" style="' +
                'display: inline-block;' +
                'background: #e65100;' +
                'color: white;' +
                'padding: 2px 10px;' +
                'border-radius: 12px;' +
                'margin: 0 6px;' +
                'font-weight: 700;' +
                '">0</span>' +
                'pending review' +
                '</a>' +
                '</div>';

            // Try multiple sidebar selectors (Vector 2022 + legacy)
            var $sidebar = $('#mw-panel .vector-main-menu-content')
                .add('#mw-panel-toc-list')
                .add('#mw-panel')
                .add('.vector-main-menu')
                .first();

            if ($sidebar.length) {
                $sidebar.prepend(badgeHtml);
                $badge = $('#pending-reviews-badge');
            } else {
                // Fallback: insert at top of body
                $('body').prepend(
                    '<div style="position:fixed;top:60px;right:20px;z-index:9999;">' +
                    badgeHtml + '</div>'
                );
                $badge = $('#pending-reviews-badge');
            }
        }

        $('#pending-count').text(count);

        if (count === 0) {
            $badge.hide();
        } else {
            $badge.show();
        }
    }

    // Initial fetch
    fetchPendingCount();

    // Refresh every 60 seconds
    setInterval(fetchPendingCount, 60000);

    // Also refresh on focus (when user comes back to tab)
    $(window).on('focus', fetchPendingCount);
});

/* ============================================================
 *  Placeholder auto-hide
 *  Logic: section nào có user content → ẩn placeholder trong section đó
 *         section trống chỉ có placeholder → vẫn hiển thị (làm hint)
 * ============================================================ */
( function ( $ ) {
    'use strict';

    function hidePlaceholdersInFilledSections() {
        var $headings = $( '.mw-parser-output h1, .mw-parser-output h2' );
        if ( !$headings.length ) return;

        $headings.each( function ( i ) {
            var $h = $( this );
            var $nextH = $headings.eq( i + 1 );
            var $sectionEls = $nextH.length ? $h.nextUntil( $nextH ) : $h.nextAll();

            // Đọc text trong section, loại trừ text của placeholder
            var contentText = '';
            $sectionEls.each( function () {
                var $clone = $( this ).clone();
                $clone.find( '.soji-placeholder' ).remove();
                contentText += $clone.text();
            });

            // Nếu section có user content (ngoài placeholder) → ẩn placeholder
            if ( contentText.trim().length > 0 ) {
                $sectionEls.find( '.soji-placeholder' ).hide();
            }
        });

        // Xử lý riêng placeholder trong table cell:
        // Nếu cell có content khác → ẩn placeholder của cell đó
        $( '.soji-placeholder:visible' ).each( function () {
            var $ph = $( this );
            var $cell = $ph.closest( 'td, th' );
            if ( $cell.length ) {
                var $clone = $cell.clone();
                $clone.find( '.soji-placeholder' ).remove();
                if ( $clone.text().trim().length > 0 ) {
                    $ph.hide();
                }
            }
        });
    }

    $( hidePlaceholdersInFilledSections );

})( jQuery );

/* ============================================================
 *  Edit summary helper
 *  Show hint placeholder in edit summary field
 * ============================================================ */
( function ( $, mw ) {
    'use strict';

    $( function () {
        if ( mw.config.get( 'wgAction' ) !== 'edit' && mw.config.get( 'wgAction' ) !== 'submit' ) return;

        var $summary = $( '#wpSummary' );
        if ( !$summary.length ) return;

        // Add placeholder hint
        $summary.attr( 'placeholder',
            'Describe your changes (will appear in Revision History — e.g., "Updated electrical specs", "Fixed typo in safety section")'
        );

        // Add character counter
        var $counter = $( '<div class="fw-summary-counter" style="font-size:0.85em; color:#666; margin-top:4px;"></div>' );
        $summary.after( $counter );

        function updateCounter() {
            var len = $summary.val().length;
            var color = len < 10 ? '#d33' : len < 30 ? '#f80' : '#0a0';
            $counter.html(
                '<span style="color:' + color + '">' + len + '</span> characters ' +
                ( len < 10 ? '(too short — describe what changed)' :
                  len < 30 ? '(acceptable — be more specific)' :
                  '(good — descriptive)' )
            );
        }

        $summary.on( 'input keyup', updateCounter );
        updateCounter();
    } );

} )( jQuery, mediaWiki );

/* Show "Last updated: dd/mm/yyyy by Author" sau title */
( function ( $, mw ) {
    'use strict';

    $( function () {
        var $title = $( '.mw-first-heading, #firstHeading' ).first();
        if ( !$title.length ) return;
        if ( !mw.config.get( 'wgArticleId' ) ) return;  // skip new pages

        new mw.Api().get( {
            action: 'query',
            prop: 'revisions',
            titles: mw.config.get( 'wgPageName' ),
            rvprop: 'timestamp|user',
            rvlimit: 1,
            formatversion: 2
        } ).done( function ( data ) {
            var rev = data.query.pages[ 0 ].revisions[ 0 ];
            if ( !rev ) return;

            var d = new Date( rev.timestamp );
            var date = ( '0' + d.getDate() ).slice( -2 ) + '/' +
                       ( '0' + ( d.getMonth() + 1 ) ).slice( -2 ) + '/' +
                       d.getFullYear();

            var $badge = $(
                '<div class="last-updated-badge" style="font-size:0.85em; color:#72777d; margin-top:4px;">' +
                '⏱ Last updated: ' + date + ' by ' + rev.user +
                '</div>'
            );
            $title.after( $badge );
        } );
    } );

} )( jQuery, mediaWiki );

/* ============================================================
 *  Auto Revision History Table
 * ============================================================ */
( function ( $, mw ) {
    'use strict';

    function formatVersion( n ) {
        var major = Math.floor( ( n - 1 ) / 10 ) + 1;
        var minor = ( n - 1 ) % 10;
        return major + '.' + minor;
    }

    function formatDate( isoTimestamp ) {
        var d = new Date( isoTimestamp );
        var dd = ( '0' + d.getDate() ).slice( -2 );
        var mm = ( '0' + ( d.getMonth() + 1 ) ).slice( -2 );
        return dd + '/' + mm + '/' + d.getFullYear();
    }

    function escapeHtml( str ) {
        return ( str || '' )
            .replace( /&/g, '&amp;' )
            .replace( /</g, '&lt;' )
            .replace( />/g, '&gt;' )
            .replace( /"/g, '&quot;' );
    }

    function renderRevisionHistory() {
        var $containers = $( '.revision-history-auto' );
        console.log( '[RevHistory] Found containers:', $containers.length );
        
        if ( !$containers.length ) {
            console.log( '[RevHistory] No .revision-history-auto on this page' );
            return;
        }

        var pageName = mw.config.get( 'wgPageName' );
        console.log( '[RevHistory] Fetching for:', pageName );

        new mw.Api().get( {
            action: 'query',
            prop: 'revisions',
            titles: pageName,
            rvprop: 'timestamp|user|comment',
            rvlimit: 'max',
            rvdir: 'newer',
            formatversion: 2
        } ).done( function ( data ) {
            console.log( '[RevHistory] API response:', data );
            
            var page = data.query.pages[ 0 ];
            if ( !page || !page.revisions ) {
                $containers.html( '<em>No revision history available.</em>' );
                return;
            }

            var revisions = page.revisions;
            console.log( '[RevHistory] Got', revisions.length, 'revisions' );
            
            var rows = [];

            revisions.forEach( function ( rev, i ) {
                var version = formatVersion( i + 1 );
                var date    = formatDate( rev.timestamp );
                var author  = escapeHtml( rev.user || 'unknown' );
                var desc    = ( i === 0 )
                    ? 'Initial release'
                    : ( escapeHtml( rev.comment ) || '<em>(no edit summary)</em>' );

                rows.push(
                    '<tr><td>' + date + '</td>' +
                    '<td><strong>v' + version + '</strong></td>' +
                    '<td>' + author + '</td>' +
                    '<td>' + desc + '</td></tr>'
                );
            } );

            rows.reverse();

            var html =
                '<table class="wikitable" style="width:100%">' +
                '<thead><tr>' +
                '<th style="width:15%">Date</th>' +
                '<th style="width:10%">Version</th>' +
                '<th style="width:20%">Author</th>' +
                '<th>Description</th>' +
                '</tr></thead>' +
                '<tbody>' + rows.join( '' ) + '</tbody>' +
                '</table>';

            $containers.html( html );
            console.log( '[RevHistory] Rendered successfully' );
        } ).fail( function ( err, errInfo ) {
            console.error( '[RevHistory] API failed:', err, errInfo );
            $containers.html(
                '<em style="color:#d33">Failed to load revision history.</em>'
            );
        } );
    }

    $( renderRevisionHistory );

} )( jQuery, mediaWiki );
SOJI Electronics
Retrieved from "https://wiki.sojielectronics.com/index.php?title=MediaWiki:Common.js&oldid=750"