MediaWiki:Common.js

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.

/* Multi-Tier Category Breadcrumbs (Home › Section › Collection/Topic › Page/File) */
( function () {
    var conf = mw.config.get([
        'wgAction',
        'wgNamespaceNumber',
        'wgPageName',
        'wgTitle',
        'wgIsMainPage',
        'wgMainPageTitle',
        'wgCategories'
    ]);
    // Only run on standard page views (skip edit forms, history, special pages)
    if ( !conf || conf.wgAction !== 'view' || conf.wgNamespaceNumber < 0 ) {
        return;
    }
    var mainPageTitle = conf.wgMainPageTitle || 'Main Page';
    var homeUrl = mw.util.getUrl( mainPageTitle );
    var isHome = conf.wgIsMainPage || ( conf.wgPageName === mainPageTitle.replace( / /g, '_' ) );
    if ( isHome ) {
        return;
    }
    var currentTitle = conf.wgTitle.replace( /_/g, ' ' );
    var categories = conf.wgCategories || [];
    // Top-level hub categories
    var TOP_SECTIONS = [
        'Letters',
        'Instruments',
        'Photographs',
        'Documents',
        'Biographies',
        'Family'
    ];
    var topSection = null;
    var subSection = null;
    // 1. Find the top-level section if present
    for ( var i = 0; i < TOP_SECTIONS.length; i++ ) {
        var sec = TOP_SECTIONS[i];
        for ( var c = 0; c < categories.length; c++ ) {
            if ( categories[c].toLowerCase() === sec.toLowerCase() ) {
                topSection = sec;
                break;
            }
        }
        if ( topSection ) {
            break;
        }
    }
    // 2. Find any secondary category (like "Lamson") that isn't the top section
    for ( var k = 0; k < categories.length; k++ ) {
        var catName = categories[k].replace( /_/g, ' ' );
        if ( !topSection || catName.toLowerCase() !== topSection.toLowerCase() ) {
            subSection = catName;
            break;
        }
    }
    // Prevent duplicates if viewing the section or collection page itself
    if ( topSection && currentTitle.toLowerCase() === topSection.toLowerCase() ) {
        topSection = null;
    }
    if ( subSection && currentTitle.toLowerCase() === subSection.toLowerCase() ) {
        subSection = null;
    }
    // Build the breadcrumb bar
    var $nav = $( '<div class="mw-dynamic-breadcrumbs" aria-label="Breadcrumb navigation"></div>' );
    // 1. Home / Main Page
    $nav.append( $( '<a>' ).addClass( 'crumb-link' ).attr( 'href', homeUrl ).text( 'Main Page' ) );
    // 2. Top-level Section (e.g. Letters)
    if ( topSection ) {
        $nav.append( $( '<span>' ).addClass( 'crumb-sep' ).text( '›' ) );
        $nav.append( $( '<a>' ).addClass( 'crumb-link' ).attr( 'href', mw.util.getUrl( topSection ) ).text( topSection ) );
    }
    // 3. Sub-level Collection / Person (e.g. Lamson)
    if ( subSection ) {
        $nav.append( $( '<span>' ).addClass( 'crumb-sep' ).text( '›' ) );
        $nav.append( $( '<a>' ).addClass( 'crumb-link' ).attr( 'href', mw.util.getUrl( subSection ) ).text( subSection ) );
    }
    // 4. Current File or Article Title
    $nav.append( $( '<span>' ).addClass( 'crumb-sep' ).text( '›' ) );
    $nav.append( $( '<span>' ).addClass( 'crumb-current' ).text( currentTitle ) );
    // Inject above title in Timeless skin
    $( function () {
        var $heading = $( '#firstHeading' );
        if ( $heading.length ) {
            $nav.insertBefore( $heading );
        } else {
            $( '#mw-content-text' ).prepend( $nav );
        }
    } );
}() );

/* Open optimal reading resolution preview instead of tiny thumb or original massive scan */
$( function() {
    if ( mw.config.get( 'wgNamespaceNumber' ) === 6 ) { // File namespace
        var $previewLink = $( '.fullImageLink a' );
        var $resLinks = $( '.mw-filepage-resolutioninfo a' );
        if ( $previewLink.length && $resLinks.length ) {
            var bestHref = null;
            var bestWidth = 0;
            $resLinks.each( function() {
                var text = $( this ).text(); // e.g. "1,504 × 2,048 pixels"
                var match = text.replace(/,/g, '').match(/(\d+)\s*×/);
                if ( match ) {
                    var w = parseInt( match[1], 10 );
                    // Look for the largest intermediate preview up to ~1800px wide
                    if ( w > bestWidth && w <= 1800 ) {
                        bestWidth = w;
                        bestHref = $( this ).attr( 'href' );
                    }
                }
            } );
            // If found a great size, or fall back to the largest available intermediate
            if ( !bestHref && $resLinks.length ) {
                bestHref = $resLinks.last().attr( 'href' );
            }
            if ( bestHref ) {
                $previewLink.attr( 'href', bestHref );
            }
        }
    }
} );

/* Inject Universal GEWAME Umbrella Header */
$( function () {
    if ( $( '#gewame-universal-bar' ).length ) {
        return;
    }

    var isLoggedIn = document.cookie.indexOf( 'gewame_logged_in=1' ) !== -1;
    var currentUrl = encodeURIComponent( window.location.href );

    var authLink = isLoggedIn
        ? '<a href="https://gewame.com/sso-logout.php?redirect_to=' + currentUrl + '" class="gw-nav-link gw-btn-auth">LOG OUT</a>'
        : '<a href="https://gewame.com/wp-login.php?action=register" class="gw-nav-link gw-btn-auth">REGISTER</a>' +
          '<a href="https://gewame.com/wp-login.php?redirect_to=' + currentUrl + '" class="gw-nav-link gw-btn-auth">LOG IN</a>';

    var headerHtml =
        '<div id="gewame-universal-bar">' +
            '<div class="gw-bar-inner">' +
                '<a href="https://gewame.com/" class="gw-brand" title="GEWAME — The Taylor Archive">' +
                    '<span class="gw-brand-title">GEWAME</span>' +
                    '<span class="gw-brand-sep">|</span>' +
                    '<span class="gw-brand-sub">The Taylor Archive</span>' +
                '</a>' +
                                '<nav class="gw-nav">' +
                    '<a href="https://gewame.com/wiki/" class="gw-nav-link gw-active">WIKI</a>' +
                    '<a href="https://gewame.com/tree/" class="gw-nav-link">FAMILY TREE</a>' +
                    '<a href="https://gewame.com/forum/" class="gw-nav-link">FORUM</a>' +
                    authLink +
                '</nav>' +

            '</div>' +
        '</div>';

    $( 'body' ).prepend( headerHtml );
} );

/* Random Featured Video on the Videos page */
$(function() {
    // Only run on the main Videos page
    if (mw.config.get('wgPageName') !== 'Videos') return;

    var videoList = [
        {
            id: 'f9WcK-Peclk',
            caption: 'Taylor Instrument Companies — Rochester Business Hall of Fame Induction (2012).'
        },
        {
            id: 'tLAQtuhGc0Q',
            caption: 'Starky: Training at Taylor Instrument Company — Oral History.'
        }
        /* Add new videos here as you upload them:
        ,{ id: 'YOUTUBE_ID', caption: 'Short description here.' }
        */
    ];

    var randomVideo = videoList[Math.floor(Math.random() * videoList.length)];
    
    // Update the iframe and caption
    var $iframe = $('#gw-featured-player iframe');
    if ($iframe.length) {
        $iframe.attr('src', 'https://www.youtube-nocookie.com/embed/' + randomVideo.id);
        $('#gw-featured-caption').text(randomVideo.caption);
    }
});
/* ===================================================
   GEWAME Archival Booklet Reader Engine
   =================================================== */
$(function() {
    var $readers = $('.gw-book-reader');
    if (!$readers.length) return;

    $readers.each(function() {
        var $reader = $(this);
        var $fallback = $reader.find('.gw-book-fallback');
        var $images = $fallback.find('img');

        if (!$images.length) return;

        // Collect page image sources
        var pages = [];
        $images.each(function() {
            pages.push($(this).attr('src'));
        });

        // Hide static fallback and inject interactive stage
        $fallback.hide();

        var currentIndex = 0;

        var $stage = $('<div class="gw-book-stage">' +
            '<div class="gw-book-click-left" title="Previous page"></div>' +
            '<img class="gw-book-page-img" src="' + pages[0] + '" alt="Page 1" />' +
            '<div class="gw-book-click-right" title="Next page"></div>' +
        '</div>');

        var $toolbar = $('<div class="gw-book-toolbar">' +
            '<button class="gw-book-btn gw-btn-prev">‹ Previous</button>' +
            '<span class="gw-book-counter">Page 1 of ' + pages.length + '</span>' +
            '<button class="gw-book-btn gw-btn-next">Next ›</button>' +
        '</div>' +
        '<div class="gw-book-hint">Use ‹ / › buttons, click page sides, or use Left / Right arrow keys</div>');

        $reader.append($stage).append($toolbar);

        var $img = $stage.find('.gw-book-page-img');
        var $counter = $reader.find('.gw-book-counter');
        var $btnPrev = $reader.find('.gw-btn-prev');
        var $btnNext = $reader.find('.gw-btn-next');

        function updatePage(index) {
            if (index < 0 || index >= pages.length) return;
            currentIndex = index;

            $img.css('opacity', '0.4');
            var nextSrc = pages[currentIndex];
            var temp = new Image();
            temp.onload = function() {
                $img.attr('src', nextSrc).css('opacity', '1');
            };
            temp.src = nextSrc;

            $counter.text('Page ' + (currentIndex + 1) + ' of ' + pages.length);
            $btnPrev.prop('disabled', currentIndex === 0);
            $btnNext.prop('disabled', currentIndex === pages.length - 1);
        }

        updatePage(0);

        // Click handlers
        $btnPrev.on('click', function() { updatePage(currentIndex - 1); });
        $btnNext.on('click', function() { updatePage(currentIndex + 1); });
        $stage.find('.gw-book-click-left').on('click', function() { updatePage(currentIndex - 1); });
        $stage.find('.gw-book-click-right').on('click', function() { updatePage(currentIndex + 1); });

        // Keyboard arrow navigation
        $(document).on('keydown', function(e) {
            // Only trigger if reader is in viewport and not inside an input
            if ($(e.target).is('input, textarea')) return;
            if (e.which === 37) { // Left arrow
                updatePage(currentIndex - 1);
            } else if (e.which === 39) { // Right arrow
                updatePage(currentIndex + 1);
            }
        });

        // Touch swipe support for mobile
        var touchStartX = 0;
        $stage.on('touchstart', function(e) {
            touchStartX = e.originalEvent.touches[0].clientX;
        });
        $stage.on('touchend', function(e) {
            var touchEndX = e.originalEvent.changedTouches[0].clientX;
            var diff = touchStartX - touchEndX;
            if (Math.abs(diff) > 40) {
                if (diff > 0) {
                    updatePage(currentIndex + 1); // Swipe left -> next
                } else {
                    updatePage(currentIndex - 1); // Swipe right -> prev
                }
            }
        });
    });
});