5 * This program is free software; you can redistribute it and/or modify
6 * it under the terms of the GNU General Public License as published by
7 * the Free Software Foundation; either version 2 of the License, or
8 * (at your option) any later version.
10 * This program is distributed in the hope that it will be useful,
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 * GNU General Public License for more details.
15 * You should have received a copy of the GNU General Public License along
16 * with this program; if not, write to the Free Software Foundation, Inc.,
17 * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
18 * http://www.gnu.org/copyleft/gpl.html
23 class TraditionalImageGallery
extends ImageGalleryBase
{
25 * Return a HTML representation of the image gallery
27 * For each image in the gallery, display
30 * - the additional text provided when adding the image
31 * - the size of the image
36 if ( $this->mPerRow
> 0 ) {
37 $maxwidth = $this->mPerRow
* ( $this->mWidths +
$this->getAllPadding() );
38 $oldStyle = $this->mAttribs
['style'] ??
'';
39 # _width is ignored by any sane browser. IE6 doesn't know max-width
40 # so it uses _width instead
41 $this->mAttribs
['style'] = "max-width: {$maxwidth}px;_width: {$maxwidth}px;" .
45 $attribs = Sanitizer
::mergeAttributes(
46 [ 'class' => 'gallery mw-gallery-' . $this->mMode
], $this->mAttribs
);
48 $modules = $this->getModules();
50 if ( $this->mParser
) {
51 $this->mParser
->getOutput()->addModules( $modules );
52 $this->mParser
->getOutput()->addModuleStyles( 'mediawiki.page.gallery.styles' );
54 $this->getOutput()->addModules( $modules );
55 $this->getOutput()->addModuleStyles( 'mediawiki.page.gallery.styles' );
57 $output = Xml
::openElement( 'ul', $attribs );
58 if ( $this->mCaption
) {
59 $output .= "\n\t<li class='gallerycaption'>{$this->mCaption}</li>";
62 if ( $this->mShowFilename
) {
63 // Preload LinkCache info for when generating links
64 // of the filename below
65 $lb = new LinkBatch();
66 foreach ( $this->mImages
as $img ) {
67 $lb->addObj( $img[0] );
72 $lang = $this->getRenderLang();
73 # Output each image...
74 foreach ( $this->mImages
as $pair ) {
75 // "text" means "caption" here
77 list( $nt, $text, $alt, $link ) = $pair;
80 if ( $nt->getNamespace() === NS_FILE
) {
82 if ( $this->mParser
instanceof Parser
) {
83 # Give extensions a chance to select the file revision for us
85 Hooks
::run( 'BeforeParserFetchFileAndTitle',
86 [ $this->mParser
, $nt, &$options, &$descQuery ] );
87 # Fetch and register the file (file title may be different via hooks)
88 list( $img, $nt ) = $this->mParser
->fetchFileAndTitle( $nt, $options );
90 $img = wfFindFile( $nt );
96 $params = $this->getThumbParams( $img );
97 // $pair[4] is per image handler options
98 $transformOptions = $params +
$pair[4];
103 # We're dealing with a non-image, spit out the name and be done with it.
104 $thumbhtml = "\n\t\t\t" . '<div class="thumb" style="height: '
105 . ( $this->getThumbPadding() +
$this->mHeights
) . 'px;">'
106 . htmlspecialchars( $nt->getText() ) . '</div>';
108 if ( $this->mParser
instanceof Parser
) {
109 $this->mParser
->addTrackingCategory( 'broken-file-category' );
111 } elseif ( $this->mHideBadImages
112 && wfIsBadImage( $nt->getDBkey(), $this->getContextTitle() )
114 # The image is blacklisted, just show it as a text link.
115 $thumbhtml = "\n\t\t\t" . '<div class="thumb" style="height: ' .
116 ( $this->getThumbPadding() +
$this->mHeights
) . 'px;">' .
119 htmlspecialchars( $nt->getText() )
123 $thumb = $img->transform( $transformOptions );
125 # Error generating thumbnail.
126 $thumbhtml = "\n\t\t\t" . '<div class="thumb" style="height: '
127 . ( $this->getThumbPadding() +
$this->mHeights
) . 'px;">'
128 . htmlspecialchars( $img->getLastError() ) . '</div>';
130 /** @var MediaTransformOutput $thumb */
131 $vpad = $this->getVPad( $this->mHeights
, $thumb->getHeight() );
135 'desc-query' => $descQuery,
137 'custom-url-link' => $link
140 // In the absence of both alt text and caption, fall back on
141 // providing screen readers with the filename as alt text
142 if ( $alt == '' && $text == '' ) {
143 $imageParameters['alt'] = $nt->getText();
146 $this->adjustImageParameters( $thumb, $imageParameters );
148 Linker
::processResponsiveImages( $img, $thumb, $transformOptions );
150 # Set both fixed width and min-height.
151 $thumbhtml = "\n\t\t\t"
152 . '<div class="thumb" style="width: '
153 . $this->getThumbDivWidth( $thumb->getWidth() ) . 'px;">'
154 # Auto-margin centering for block-level elements. Needed
155 # now that we have video handlers since they may emit block-
156 # level elements as opposed to simple <img> tags. ref
157 # http://css-discuss.incutio.com/?page=CenteringBlockElement
158 . '<div style="margin:' . $vpad . 'px auto;">'
159 . $thumb->toHtml( $imageParameters ) . '</div></div>';
161 // Call parser transform hook
162 /** @var MediaHandler $handler */
163 $handler = $img->getHandler();
164 if ( $this->mParser
&& $handler ) {
165 $handler->parserTransformHook( $this->mParser
, $img );
170 // @todo Code is incomplete.
171 // $linkTarget = Title::newFromText( MediaWikiServices::getInstance()->
172 // getContentLanguage()->getNsText( MediaWikiServices::getInstance()->
173 // getNamespaceInfo()->getUser() ) . ":{$ut}" );
174 // $ul = Linker::link( $linkTarget, $ut );
178 if ( $this->mShowDimensions
) {
179 $meta[] = $img->getDimensionsString();
181 if ( $this->mShowBytes
) {
182 $meta[] = htmlspecialchars( $lang->formatSize( $img->getSize() ) );
184 } elseif ( $this->mShowDimensions ||
$this->mShowBytes
) {
185 $meta[] = $this->msg( 'filemissing' )->escaped();
187 $meta = $lang->semicolonList( $meta );
192 $textlink = $this->mShowFilename ?
193 $this->getCaptionHtml( $nt, $lang ) :
196 $galleryText = $textlink . $text . $meta;
197 $galleryText = $this->wrapGalleryText( $galleryText, $thumb );
199 $gbWidth = $this->getGBWidth( $thumb ) . 'px';
200 if ( $this->getGBWidthOverwrite( $thumb ) ) {
201 $gbWidth = $this->getGBWidthOverwrite( $thumb );
203 # Weird double wrapping (the extra div inside the li) needed due to FF2 bug
204 # Can be safely removed if FF2 falls completely out of existence
205 $output .= "\n\t\t" . '<li class="gallerybox" style="width: '
207 . '<div style="width: ' . $gbWidth . '">'
210 . "\n\t\t</div></li>";
212 $output .= "\n</ul>";
219 * @param Language $lang
220 * @return string HTML
222 protected function getCaptionHtml( Title
$nt, Language
$lang ) {
223 // Preloaded into LinkCache in toHTML
224 return Linker
::linkKnown(
227 is_int( $this->getCaptionLength() ) ?
228 $lang->truncateForVisual( $nt->getText(), $this->getCaptionLength() ) :
232 'class' => 'galleryfilename' .
233 ( $this->getCaptionLength() === true ?
' galleryfilename-truncate' : '' )
239 * Add the wrapper html around the thumb's caption
241 * @param string $galleryText The caption
242 * @param MediaTransformOutput|bool $thumb The thumb this caption is for
243 * or false for bad image.
246 protected function wrapGalleryText( $galleryText, $thumb ) {
247 # ATTENTION: The newline after <div class="gallerytext"> is needed to
248 # accommodate htmltidy which in version 4.8.6 generated crackpot html in
249 # its absence, see: https://phabricator.wikimedia.org/T3765
252 return "\n\t\t\t" . '<div class="gallerytext">' . "\n"
258 * How much padding the thumb has between the image and the inner div
259 * that contains the border. This is for both vertical and horizontal
260 * padding. (However, it is cut in half in the vertical direction).
263 protected function getThumbPadding() {
268 * @note GB stands for gallerybox (as in the <li class="gallerybox"> element)
272 protected function getGBPadding() {
277 * Get how much extra space the borders around the image takes up.
279 * For this mode, it is 2px borders on each side + 2px implied padding on
280 * each side from the stylesheet, giving us 2*2+2*2 = 8.
283 protected function getGBBorders() {
288 * Length (in characters) to truncate filename to in caption when using "showfilename" (if int).
289 * A value of 'true' will truncate the filename to one line using CSS, while
290 * 'false' will disable truncating.
294 protected function getCaptionLength() {
295 return $this->mCaptionLength
;
301 * @return int Number of pixels of whitespace surrounding the thumbnail.
303 protected function getAllPadding() {
304 return $this->getThumbPadding() +
$this->getGBPadding() +
$this->getGBBorders();
308 * Get vertical padding for a thumbnail
310 * Generally this is the total height minus how high the thumb is.
312 * @param int $boxHeight How high we want the box to be.
313 * @param int $thumbHeight How high the thumbnail is.
314 * @return int Vertical padding to add on each side.
316 protected function getVPad( $boxHeight, $thumbHeight ) {
317 return ( $this->getThumbPadding() +
$boxHeight - $thumbHeight ) / 2;
321 * Get the transform parameters for a thumbnail.
323 * @param File $img The file in question. May be false for invalid image
326 protected function getThumbParams( $img ) {
328 'width' => $this->mWidths
,
329 'height' => $this->mHeights
334 * Get the width of the inner div that contains the thumbnail in
335 * question. This is the div with the class of "thumb".
337 * @param int $thumbWidth The width of the thumbnail.
338 * @return int Width of inner thumb div.
340 protected function getThumbDivWidth( $thumbWidth ) {
341 return $this->mWidths +
$this->getThumbPadding();
345 * Computed width of gallerybox <li>.
347 * Generally is the width of the image, plus padding on image
348 * plus padding on gallerybox.
350 * @note Important: parameter will be false if no thumb used.
351 * @param MediaTransformOutput|bool $thumb MediaTransformObject object or false.
352 * @return int Width of gallerybox element
354 protected function getGBWidth( $thumb ) {
355 return $this->mWidths +
$this->getThumbPadding() +
$this->getGBPadding();
359 * Allows overwriting the computed width of the gallerybox <li> with a string,
362 * Generally is the width of the image, plus padding on image
363 * plus padding on gallerybox.
365 * @note Important: parameter will be false if no thumb used.
366 * @param MediaTransformOutput|bool $thumb MediaTransformObject object or false.
367 * @return bool|string Ignored if false.
369 protected function getGBWidthOverwrite( $thumb ) {
374 * Get a list of modules to include in the page.
376 * Primarily intended for subclasses.
378 * @return array Modules to include
380 protected function getModules() {
385 * Adjust the image parameters for a thumbnail.
387 * Used by a subclass to insert extra high resolution images.
388 * @param MediaTransformOutput $thumb The thumbnail
389 * @param array &$imageParameters Array of options
391 protected function adjustImageParameters( $thumb, &$imageParameters ) {