mirror of
https://github.com/Universal-Omega/PortableInfobox.git
synced 2024-11-15 20:09:44 +00:00
285 lines
8.2 KiB
PHP
285 lines
8.2 KiB
PHP
<?php
|
|
|
|
namespace Wikia\PortableInfobox\Helpers;
|
|
|
|
use \Wikia\Logger\WikiaLogger;
|
|
|
|
class PortableInfoboxRenderServiceHelper {
|
|
const LOGGER_LABEL = 'portable-infobox-render-not-supported-type';
|
|
//todo: https://wikia-inc.atlassian.net/browse/DAT-3075
|
|
//todo: figure out what to do when user changes default infobox width via custom theming
|
|
const DESKTOP_THUMBNAIL_WIDTH = 270;
|
|
const MOBILE_THUMBNAIL_WIDTH = 360;
|
|
const MINIMAL_HERO_IMG_WIDTH = 300;
|
|
const MAX_DESKTOP_THUMBNAIL_HEIGHT = 500;
|
|
|
|
function __construct() {}
|
|
|
|
/**
|
|
* creates special data structure for horizontal group from group data
|
|
*
|
|
* @param array $groupData
|
|
* @return array
|
|
*/
|
|
public function createHorizontalGroupData( $groupData ) {
|
|
$horizontalGroupData = [
|
|
'labels' => [],
|
|
'values' => [],
|
|
'renderLabels' => false
|
|
];
|
|
|
|
foreach ( $groupData as $item ) {
|
|
$data = $item[ 'data' ];
|
|
|
|
if ( $item[ 'type' ] === 'data' ) {
|
|
array_push( $horizontalGroupData[ 'labels' ], $data[ 'label' ] );
|
|
array_push( $horizontalGroupData[ 'values' ], $data[ 'value' ] );
|
|
|
|
if ( !empty( $data[ 'label' ] ) ) {
|
|
$horizontalGroupData[ 'renderLabels' ] = true;
|
|
}
|
|
} else if ( $item[ 'type' ] === 'header' ) {
|
|
$horizontalGroupData[ 'header' ] = $data[ 'value' ];
|
|
}
|
|
}
|
|
|
|
return $horizontalGroupData;
|
|
}
|
|
|
|
/**
|
|
* check if infobox item is a title, title inside the hero module or a label
|
|
* and if so, remove from it HTML tags.
|
|
* If label after sanitization is empty- contain only image- do not
|
|
* sanitize it.
|
|
*
|
|
* @param string $type type of infobox item
|
|
* @param array $data infobox item data
|
|
* @return array infobox $data with sanitized title param if needed
|
|
*/
|
|
public function sanitizeInfoboxFields( $type, $data ) {
|
|
if ( $type === 'data' ) {
|
|
$sanitizedLabel = $this->sanitizeElementData( $data[ 'label' ], '<a>' );
|
|
|
|
if ( !empty( $sanitizedLabel) ) {
|
|
$data[ 'label' ] = $sanitizedLabel;
|
|
}
|
|
} else if ( $type === 'horizontal-group-content' ) {
|
|
foreach ( $data[ 'labels' ] as $key => $label ) {
|
|
$sanitizedLabel = $this->sanitizeElementData( $label, '<a>' );
|
|
if ( !empty( $sanitizedLabel ) ) {
|
|
$data[ 'labels' ][ $key ] = $sanitizedLabel;
|
|
}
|
|
}
|
|
} else if ( $type === 'title' ) {
|
|
$data[ 'value' ] = $this->sanitizeElementData( $data[ 'value' ] );
|
|
} else if ( $type === 'hero-mobile' && !empty( $data[ 'title' ][ 'value' ] ) ) {
|
|
$data[ 'title' ][ 'value' ] = $this->sanitizeElementData( $data[ 'title' ][ 'value' ] );
|
|
}
|
|
|
|
return $data;
|
|
}
|
|
|
|
/**
|
|
* process single title or label
|
|
*
|
|
* @param $elementText
|
|
* @param string $allowedTags
|
|
* @return string
|
|
*/
|
|
private function sanitizeElementData( $elementText, $allowedTags = null ) {
|
|
$elementTextAfterTrim = trim( strip_tags( $elementText, $allowedTags ) );
|
|
|
|
if ( $elementTextAfterTrim !== $elementText ) {
|
|
WikiaLogger::instance()->info( 'Striping HTML tags from infobox element' );
|
|
$elementText = $elementTextAfterTrim;
|
|
}
|
|
return $elementText;
|
|
}
|
|
|
|
/**
|
|
* extends image data
|
|
*
|
|
* @param array $data
|
|
*
|
|
* @return bool|array
|
|
*/
|
|
public function extendImageData( $data ) {
|
|
$thumbnail = $this->getThumbnail( $data[ 'name' ] );
|
|
$ref = null;
|
|
|
|
if ( !$thumbnail ) {
|
|
return false;
|
|
}
|
|
|
|
wfRunHooks( 'PortableInfoboxRenderServiceHelper::extendImageData', [ $data, &$ref ] );
|
|
$dimensions = self::getImageSizesToDisplay( $thumbnail );
|
|
|
|
$data[ 'ref' ] = $ref;
|
|
$data[ 'height' ] = $dimensions[ 'height' ];
|
|
$data[ 'width' ] = $dimensions[ 'width' ];
|
|
$data[ 'thumbnail' ] = $thumbnail->getUrl();
|
|
$data[ 'key' ] = urlencode( $data[ 'key' ] );
|
|
$data[ 'media-type' ] = $data[ 'isVideo' ] ? 'video' : 'image';
|
|
|
|
return $data;
|
|
}
|
|
|
|
/**
|
|
* checks if infobox data item is valid hero component data.
|
|
* If image is smaller than MINIMAL_HERO_IMG_WIDTH const, doesn't render the hero module.
|
|
*
|
|
* @param array $item - infobox data item
|
|
* @param array $heroData - hero component data
|
|
*
|
|
* @return bool
|
|
*/
|
|
public function isValidHeroDataItem( $item, $heroData ) {
|
|
$type = $item[ 'type' ];
|
|
|
|
if ( $type === 'title' && !array_key_exists( 'title', $heroData ) ) {
|
|
return true;
|
|
}
|
|
|
|
if ( $type === 'image' && !array_key_exists( 'image', $heroData ) && count( $item[ 'data' ] ) === 1 ) {
|
|
$imageWidth = $this->getFileWidth( $item[ 'data' ][ 0 ][ 'name' ] );
|
|
|
|
if ( $imageWidth >= self::MINIMAL_HERO_IMG_WIDTH ) {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* required for testing mobile template rendering
|
|
* @return bool
|
|
*/
|
|
public function isWikiaMobile() {
|
|
return \F::app()->checkSkin( 'wikiamobile' );
|
|
}
|
|
|
|
/**
|
|
* check if item type is supported and logs unsupported types
|
|
*
|
|
* @param string $type - template type
|
|
* @param array $templates - array of supported templates
|
|
*
|
|
* @return bool
|
|
*/
|
|
public function isTypeSupportedInTemplates( $type, $templates ) {
|
|
$isValid = true;
|
|
|
|
if ( !isset( $templates[ $type ] ) ) {
|
|
WikiaLogger::instance()->info( self::LOGGER_LABEL, [
|
|
'type' => $type
|
|
] );
|
|
|
|
$isValid = false;
|
|
}
|
|
|
|
return $isValid;
|
|
}
|
|
|
|
/**
|
|
* return real width of the image.
|
|
* @param Title $title
|
|
* @return int number
|
|
*/
|
|
private function getFileWidth( $title ) {
|
|
$file = \WikiaFileHelper::getFileFromTitle( $title );
|
|
|
|
if ( $file ) {
|
|
return $file->getWidth();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @desc create a thumb of the image from file title.
|
|
* @param Title $title
|
|
* @return bool|MediaTransformOutput
|
|
*/
|
|
private function getThumbnail( $title ) {
|
|
$file = \WikiaFileHelper::getFileFromTitle( $title );
|
|
|
|
if ( $file ) {
|
|
$size = $this->getImageSizesForThumbnailer( $file );
|
|
$thumb = $file->transform( $size );
|
|
|
|
if ( !is_null( $thumb ) && !$thumb->isError() ) {
|
|
return $thumb;
|
|
}
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* @desc get image size to be passed to a thumbnailer.
|
|
*
|
|
* Return size according to the width and height limitations:
|
|
* Height on desktop cannot be bigger than 500px
|
|
* Width have to be adjusted to const for mobile or desktop infobox
|
|
* if $wgPortableInfoboxCustomImageWidth is set, do not change max height
|
|
* and set width to $wgPortableInfoboxCustomImageWidth.
|
|
* @param $image
|
|
* @return array width and height
|
|
*/
|
|
public function getImageSizesForThumbnailer( $image ) {
|
|
global $wgPortableInfoboxCustomImageWidth;
|
|
|
|
if ( $this->isWikiaMobile() ) {
|
|
$width = self::MOBILE_THUMBNAIL_WIDTH;
|
|
$height = null;
|
|
} else if ( empty( $wgPortableInfoboxCustomImageWidth ) ) {
|
|
$height = min( self::MAX_DESKTOP_THUMBNAIL_HEIGHT, $image->getHeight() );
|
|
$width = self::DESKTOP_THUMBNAIL_WIDTH;
|
|
} else {
|
|
$height = $image->getHeight();
|
|
$width = $wgPortableInfoboxCustomImageWidth;
|
|
}
|
|
|
|
return [ 'height' => $height, 'width' => $width ];
|
|
}
|
|
|
|
/**
|
|
* @desc if it's not a request from mobile skin and wgPortableInfoboxCustomImageWidth
|
|
* is set, the $thumbnail->getWidth() can return some big value - we need
|
|
* to adjust it to DESKTOP_THUMBNAIL_WIDTH to look good in the infobox.
|
|
* Also, the $height have to be adjusted here to make image look good in infobox.
|
|
* @param $thumbnail \MediaTransformOutput
|
|
* @return array width and height which will be displayed i.e. in the width
|
|
* and height properties of the img tag
|
|
*/
|
|
public function getImageSizesToDisplay( $thumbnail ) {
|
|
global $wgPortableInfoboxCustomImageWidth;
|
|
|
|
if ( !$this->isWikiaMobile() && !empty( $wgPortableInfoboxCustomImageWidth ) ) {
|
|
if ( $this->isThumbAboveMaxAspectRatio( $thumbnail ) ) {
|
|
$height = min( self::MAX_DESKTOP_THUMBNAIL_HEIGHT, $thumbnail->getHeight() );
|
|
$width = min( self::DESKTOP_THUMBNAIL_WIDTH, $height * $thumbnail->getWidth() /
|
|
$thumbnail->getHeight() );
|
|
} else {
|
|
$width = min( self::DESKTOP_THUMBNAIL_WIDTH, $thumbnail->getWidth() );
|
|
$height = min( self::MAX_DESKTOP_THUMBNAIL_HEIGHT, $width * $thumbnail->getHeight() /
|
|
$thumbnail->getWidth() );
|
|
}
|
|
} else {
|
|
$width = $thumbnail->getWidth();
|
|
$height = $thumbnail->getHeight();
|
|
}
|
|
|
|
return [ 'height' => $height, 'width' => $width ];
|
|
}
|
|
|
|
/**
|
|
* @desc checks if thumbnail aspect ratio is bigger than max aspect ratio (tall and thin images)
|
|
* @param $thumbnail \MediaTransformOutput
|
|
* @return bool
|
|
*/
|
|
private function isThumbAboveMaxAspectRatio( $thumbnail ) {
|
|
return $thumbnail->getHeight() / $thumbnail->getWidth() > self::MAX_DESKTOP_THUMBNAIL_HEIGHT /
|
|
self::DESKTOP_THUMBNAIL_WIDTH;
|
|
}
|
|
}
|