mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-12-11 15:56:14 +00:00
d82910fbb3
Bug: T337030 Change-Id: I833c7e91230272b82a2512fd55f1c7c0f61233b4
147 lines
3.9 KiB
JavaScript
147 lines
3.9 KiB
JavaScript
/*
|
|
* This file is part of the MediaWiki extension MediaViewer.
|
|
*
|
|
* MediaViewer 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.
|
|
*
|
|
* MediaViewer 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 MediaViewer. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
const UiElement = require( './mmv.ui.js' );
|
|
|
|
( function () {
|
|
var SBP;
|
|
|
|
/**
|
|
* Class for buttons which are placed on the metadata stripe (the always visible part of the
|
|
* metadata panel).
|
|
*
|
|
* @class StripeButtons
|
|
* @extends UiElement
|
|
* @constructor
|
|
* @param {jQuery} $container the title block (.mw-mmv-title-contain) which wraps the buttons and all
|
|
* other title elements
|
|
*/
|
|
function StripeButtons( $container ) {
|
|
UiElement.call( this, $container );
|
|
|
|
this.$buttonContainer = $( '<div>' )
|
|
.addClass( 'mw-mmv-stripe-button-container' )
|
|
.appendTo( $container );
|
|
|
|
/**
|
|
* This holds the actual buttons.
|
|
*
|
|
* @property {Object.<string, jQuery>}
|
|
*/
|
|
this.buttons = {};
|
|
|
|
this.initDescriptionPageButton();
|
|
}
|
|
OO.inheritClass( StripeButtons, UiElement );
|
|
SBP = StripeButtons.prototype;
|
|
|
|
/**
|
|
* Creates a new button on the metadata stripe.
|
|
*
|
|
* @protected
|
|
* @param {string} cssClass CSS class name for the button
|
|
* @return {jQuery} Button
|
|
*/
|
|
SBP.createButton = function ( cssClass ) {
|
|
var $button;
|
|
|
|
// eslint-disable-next-line mediawiki/class-doc
|
|
$button = $( '<a>' )
|
|
.addClass( 'mw-mmv-stripe-button empty ' + cssClass )
|
|
// elements are right-floated so we use prepend instead of append to keep the order
|
|
.prependTo( this.$buttonContainer )
|
|
.attr( 'tabindex', '0' );
|
|
|
|
return $button;
|
|
};
|
|
|
|
/**
|
|
* Creates a button linking to the file description page.
|
|
*
|
|
* @protected
|
|
*/
|
|
SBP.initDescriptionPageButton = function () {
|
|
this.buttons.$descriptionPage = this.createButton(
|
|
'empty mw-mmv-description-page-button mw-ui-big mw-ui-button mw-ui-progressive'
|
|
);
|
|
};
|
|
|
|
/**
|
|
* Runs code for each button, similarly to $.each.
|
|
*
|
|
* @protected
|
|
* @param {function(jQuery, string)} callback a function that will be called with each button
|
|
*/
|
|
SBP.eachButton = function ( callback ) {
|
|
var buttonName;
|
|
for ( buttonName in this.buttons ) {
|
|
callback( this.buttons[ buttonName ], buttonName );
|
|
}
|
|
};
|
|
|
|
/**
|
|
* @inheritdoc
|
|
* @param {Image} imageInfo
|
|
* @param {Repo} repoInfo
|
|
*/
|
|
SBP.set = function ( imageInfo, repoInfo ) {
|
|
this.eachButton( function ( $button ) {
|
|
$button.removeClass( 'empty' );
|
|
} );
|
|
|
|
this.setDescriptionPageButton( imageInfo, repoInfo );
|
|
};
|
|
|
|
/**
|
|
* Updates the button linking to the file page.
|
|
*
|
|
* @protected
|
|
* @param {Image} imageInfo
|
|
* @param {Repo} repoInfo
|
|
*/
|
|
SBP.setDescriptionPageButton = function ( imageInfo, repoInfo ) {
|
|
var $button = this.buttons.$descriptionPage,
|
|
isCommons = repoInfo.isCommons(),
|
|
descriptionUrl = imageInfo.descriptionUrl;
|
|
|
|
if ( repoInfo.isLocal === false && imageInfo.pageID ) {
|
|
// The file has a local description page, override the description URL
|
|
descriptionUrl = imageInfo.title.getUrl();
|
|
isCommons = false;
|
|
}
|
|
|
|
$button.text( mw.message( 'multimediaviewer-repository-local' ).text() )
|
|
.attr( 'href', descriptionUrl );
|
|
|
|
$button.toggleClass( 'mw-mmv-repo-button-commons', isCommons );
|
|
};
|
|
|
|
/**
|
|
* @inheritdoc
|
|
*/
|
|
SBP.empty = function () {
|
|
this.eachButton( function ( $button ) {
|
|
$button.addClass( 'empty' );
|
|
} );
|
|
|
|
this.buttons.$descriptionPage.attr( { href: null, title: null, 'original-title': null } )
|
|
.removeClass( 'mw-mmv-repo-button-commons' );
|
|
};
|
|
|
|
module.exports = StripeButtons;
|
|
}() );
|