| Server IP : 167.235.224.122 / Your IP : 216.73.216.110 Web Server : Apache/2.4.58 (Ubuntu) System : Linux newplayground 6.8.0-136-generic #136-Ubuntu SMP PREEMPT_DYNAMIC Wed Jul 1 21:33:11 UTC 2026 aarch64 User : deploy ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/html/wiki/resources/src/ |
Upload File : |
/*!
* Implement AJAX navigation for multi-page images so the user may browse without a full page reload.
*/
( function () {
let jqXhr, $multipageimage, $spinner,
cacheOrder = [];
const cache = {};
/* Fetch the next page, caching up to 10 last-loaded pages.
* @param {string} url
* @return {jQuery.Promise}
*/
function fetchPageData( url ) {
if ( jqXhr && jqXhr.abort ) {
// Prevent race conditions and piling up pending requests
jqXhr.abort();
}
jqXhr = undefined;
// Try the cache
if ( cache[ url ] ) {
// Update access freshness
cacheOrder.splice( cacheOrder.indexOf( url ), 1 );
cacheOrder.push( url );
return $.Deferred().resolve( cache[ url ] ).promise();
}
// TODO Don't fetch the entire page. Ideally we'd only fetch the content portion or the data
// (thumbnail urls) and update the interface manually.
jqXhr = $.ajax( url ).then( ( data ) => $( data ).find( '.mw-filepage-multipage' ).contents() );
// Handle cache updates
jqXhr.done( ( $contents ) => {
jqXhr = undefined;
// Cache the newly loaded page
cache[ url ] = $contents;
cacheOrder.push( url );
// Remove the oldest entry if we're over the limit
if ( cacheOrder.length > 10 ) {
delete cache[ cacheOrder[ 0 ] ];
cacheOrder = cacheOrder.slice( 1 );
}
} );
return jqXhr.promise();
}
/* Fetch the next page and use jQuery to swap the table.multipageimage contents.
* @param {string} url
* @param {boolean} [hist=false] Whether this is a load triggered by history navigation (if
* true, this function won't push a new history state, for the browser did so already).
*/
function switchPage( url, hist ) {
// Start fetching data (might be cached)
const promise = fetchPageData( url );
// Add a new spinner if one doesn't already exist and the data is not already ready
if ( !$spinner && promise.state() !== 'resolved' ) {
$spinner = $.createSpinner( {
size: 'large',
type: 'block'
} )
// Copy the old content dimensions equal so that the current scroll position is not
// lost between emptying the table is and receiving the new contents.
.css( {
height: $multipageimage.outerHeight(),
width: $multipageimage.outerWidth()
} );
$multipageimage.empty().append( $spinner );
}
promise.done( ( $contents ) => {
$spinner = undefined;
// Replace table contents
$multipageimage.empty().append( $contents.clone() );
bindPageNavigation( $multipageimage );
// Fire hook because the page's content has changed
mw.hook( 'wikipage.content' ).fire( $multipageimage );
// Update browser history and address bar. But not if we came here from a history
// event, in which case the url is already updated by the browser.
if ( !hist ) {
history.pushState( { tag: 'mw-pagination' }, document.title, url );
}
} );
}
function bindPageNavigation( $container ) {
$container.find( '.mw-filepage-multipage-navigation' ).one( 'click', 'a', function ( e ) {
// Generate the same URL on client side as the one generated in ImagePage::openShowImage.
// We avoid using the URL in the link directly since it could have been manipulated (T68608)
const page = mw.util.getParamValue( 'page', this.href );
const url = mw.util.getUrl( null, page ? { page: page } : {} );
switchPage( url );
e.preventDefault();
} );
$container.find( 'form[name="pageselector"]' ).one( 'change submit', function ( e ) {
switchPage( this.action + '?' + $( this ).serialize() );
e.preventDefault();
} );
}
$( () => {
if ( mw.config.get( 'wgCanonicalNamespace' ) !== 'File' ) {
return;
}
$multipageimage = $( '.mw-filepage-multipage' );
if ( !$multipageimage.length ) {
return;
}
bindPageNavigation( $multipageimage );
// Update the url using the History API
history.replaceState( { tag: 'mw-pagination' }, '' );
$( window ).on( 'popstate', ( e ) => {
const state = e.originalEvent.state;
if ( state && state.tag === 'mw-pagination' ) {
switchPage( location.href, true );
}
} );
} );
}() );