mediawiki-extensions-Multim.../resources/mmv.bootstrap/mmv.lightboximage.js
TheDJ 24ee9dc48d Revert "Revert "Add position handling to URLs""
This reverts commit 5b89420182.

Reason for revert: restore previously reverted patch

Bug: T64039
Change-Id: Iac4486ae785f308d2a572f383073cfb73c7cb523
2024-05-21 19:09:16 +00:00

74 lines
2.7 KiB
JavaScript

/*
* This file is part of the MediaWiki extension MultimediaViewer.
*
* MultimediaViewer is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 2 of the License, or
* (at your option) any later version.
*
* MultimediaViewer is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with MultimediaViewer. If not, see <http://www.gnu.org/licenses/>.
*/
( function () {
/**
* Represents an image on the page.
*/
class LightboxImage {
/**
* @param {string} fileLink Link to the file - generally a thumb URL
* @param {string} filePageLink Link to the File: page
* @param {mw.Title} fileTitle Represents the File: page
* @param {number} index Which number file this is
* @param {number} position The relative position of this image to others with same file
* @param {HTMLImageElement} thumb The thumbnail that represents this image on the page
* @param {string} [caption] The caption, if any.
*/
constructor( fileLink, filePageLink, fileTitle, index, position, thumb, caption ) {
/** @property {string} Link to the file - generally a thumb URL */
this.src = fileLink;
/** @property {string} filePageLink URL to the image's file page */
this.filePageLink = filePageLink;
/** @property {mw.Title} filePageTitle Title of the image's file page */
this.filePageTitle = fileTitle;
/** @property {number} index What number this image is in the array of indexed images */
this.index = index;
/** @property {number} position The relative position of this image to others with same file */
this.position = position;
/** @property {HTMLImageElement} thumbnail The <img> element that holds the already-loaded thumbnail of the image */
this.thumbnail = thumb;
/** @property {string} caption The caption of the image, if any */
this.caption = caption;
}
/** @return {string} The alt text of the image */
get alt() {
return $( this.thumbnail ).attr( 'alt' );
}
/** @return {number} Width of the full-sized file (read from HTML data attribute, might be missing) */
get originalWidth() {
return parseInt( $( this.thumbnail ).data( 'file-width' ), 10 );
}
/** @return {number} originalHeight Height of the full-sized file (read from HTML data attribute, might be missing) */
get originalHeight() {
return parseInt( $( this.thumbnail ).data( 'file-height' ), 10 );
}
}
module.exports = LightboxImage;
}() );