mediawiki-extensions-Multim.../resources/mmv.ui.reuse.shareembed/mmv.ui.reuse.share.js
Simon Legner e0aa14529c Change attribution and download interface
- Use Codex styles for mmv.ui.reuse
- Replace unofficial component dropdown with Codex Select and Button
components.
- Drop OOUI dependencies

Bug: T340258
Change-Id: I539d1b5f0d7e3c02f767807da57324ea6a36ad5b
2024-05-05 05:16:19 +00:00

76 lines
2 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/>.
*/
const { getMediaHash } = require( 'mmv.head' );
const { Utils } = require( 'mmv.ui.ondemandshareddependencies' );
const { UiElement } = require( 'mmv' );
( function () {
/**
* Represents the file reuse dialog and link to open it.
*/
class Share extends UiElement {
/**
* @param {jQuery} $container
*/
constructor( $container ) {
super( $container );
this.utils = new Utils();
this.utils.createHeader( mw.message( 'multimediaviewer-share-tab' ).text() )
.appendTo( $container );
const $body = $( '<div>' )
.addClass( 'cdx-dialog__body mw-mmv-pt-0' )
.appendTo( $container );
[ this.$pageInput, this.$pageInputDiv ] = this.utils.createInputWithCopy(
mw.message( 'multimediaviewer-reuse-copy-share' ).text(),
mw.message( 'multimediaviewer-reuse-loading-placeholder' ).text()
);
this.$pageInput.attr( 'title', mw.message( 'multimediaviewer-share-explanation' ).text() );
this.$pageInputDiv.appendTo( $body );
}
/**
* Shows the pane.
*/
show() {
super.show();
}
/**
* @inheritdoc
* @param {Image} image
*/
set( image ) {
const url = image.descriptionUrl + getMediaHash( image.title );
this.$pageInput.val( url );
}
/**
* @inheritdoc
*/
empty() {
this.$pageInput.val( '' );
}
}
module.exports = Share;
}() );