mediawiki-extensions-Multim.../resources/mmv/ui/mmv.ui.stripeButtons.js
Simon Legner 21438d2b22 Remove FileRepoInfo API and Repo model
Repo was only used in two locations:
1. StripeButtons.set for `isCommons` - can be replaced by `descriptionUrl.includes('//commons.wikimedia.org/')`
2. EmbedFileFormatter.getSiteLink (unused)

Furthermore:
- Simplify StripeButtons (we only have one button)
- Unwrap info objects consisting of `ImageModel` and `Repo`
- Remove unused EmbedFileFormatter.getSiteLink
- Inline EmbedFileFormatter.getCaption and EmbedFileFormatter.getLinkUrl
- Fix JSDoc type `ImageModel`

Reduces mmv bundle size from 28012 to 27246.

Bug: T77349
Change-Id: Ia4388fe4d5e1d6112a992e826453cd5799a6a4b4
2024-05-31 08:13:08 +02:00

78 lines
2.5 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' );
/**
* Class for buttons which are placed on the metadata stripe (the always visible part of the
* metadata panel).
*/
class StripeButtons extends UiElement {
/**
* @param {jQuery} $container the title block (.mw-mmv-title-contain) which wraps the buttons and all
* other title elements
*/
constructor( $container ) {
super( $container );
this.$buttonContainer = $( '<div>' )
.addClass( 'mw-mmv-stripe-button-container' )
.appendTo( $container );
/**
* A button linking to the file description page.
*/
this.$descriptionPage = $( '<a>' )
.addClass( 'mw-mmv-stripe-button empty mw-mmv-description-page-button cdx-button cdx-button--weight-primary cdx-button--action-progressive cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled' )
// elements are right-floated so we use prepend instead of append to keep the order
.prependTo( this.$buttonContainer );
}
/**
* @inheritdoc
* @param {ImageModel} imageInfo
*/
set( imageInfo ) {
let descriptionUrl = imageInfo.descriptionUrl;
let isCommons = String( descriptionUrl ).includes( '//commons.wikimedia.org/' );
if ( imageInfo.pageID ) {
// The file has a local description page, override the description URL
descriptionUrl = imageInfo.title.getUrl();
isCommons = false;
}
this.$descriptionPage.empty()
.append( $( '<span>' ).addClass( 'cdx-button__icon' ) )
.append( mw.msg( 'multimediaviewer-repository-local' ) )
.attr( 'href', descriptionUrl )
.removeClass( 'empty' )
.toggleClass( 'mw-mmv-repo-button-commons', isCommons );
}
/**
* @inheritdoc
*/
empty() {
this.$descriptionPage.attr( { href: null, title: null, 'original-title': null } )
.addClass( 'empty' )
.removeClass( 'mw-mmv-repo-button-commons' );
}
}
module.exports = StripeButtons;