mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-26 16:40:33 +00:00
15d95fc24a
Changes: * Code is moved from SkinVector to SkinVectorLegacy verbatim since it is now only needed by SkinVectorLegacy so we remove it: ** This step broke MainMenu rendering so this was captured in VectorComponentMainMenu ** The isLegacy code no longer makes sense and is removed in a follow up * storybook no longer run on CI Authors: Bernard Wang and Jon Robson Bug: T321102 Bug: T319349 Change-Id: Ib424ca1c767161fdae8c0aeedfe662b7fa039ff6
194 lines
5.2 KiB
PHP
194 lines
5.2 KiB
PHP
<?php
|
|
|
|
namespace MediaWiki\Skins\Vector;
|
|
|
|
/**
|
|
* @ingroup Skins
|
|
* @package Vector
|
|
* @internal
|
|
*/
|
|
class SkinVectorLegacy extends SkinVector {
|
|
/** @var int */
|
|
private const MENU_TYPE_DEFAULT = 0;
|
|
/** @var int */
|
|
private const MENU_TYPE_TABS = 1;
|
|
/** @var int */
|
|
private const MENU_TYPE_DROPDOWN = 2;
|
|
private const MENU_TYPE_PORTAL = 3;
|
|
|
|
/**
|
|
* Whether or not the legacy version of the skin is being used.
|
|
*
|
|
* @return bool
|
|
*/
|
|
protected function isLegacy(): bool {
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* Show the ULS button if it's modern Vector, languages in header is enabled,
|
|
* and the ULS extension is enabled. Hide it otherwise.
|
|
* There is no point in showing the language button if ULS extension is unavailable
|
|
* as there is no ways to add languages without it.
|
|
* @return bool
|
|
*/
|
|
protected function shouldHideLanguages(): bool {
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
protected function isLanguagesInContentAt( $location ) {
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* Performs updates to all portlets.
|
|
*
|
|
* @param array $data
|
|
* @return array
|
|
*/
|
|
private function decoratePortletsData( array $data ) {
|
|
foreach ( $data['data-portlets'] as $key => $pData ) {
|
|
$data['data-portlets'][$key] = $this->decoratePortletData(
|
|
$key,
|
|
$pData
|
|
);
|
|
}
|
|
$mainMenuData = $data['data-portlets-sidebar'];
|
|
$mainMenuData['data-portlets-first'] = $this->decoratePortletData(
|
|
'navigation', $mainMenuData['data-portlets-first']
|
|
);
|
|
$rest = $mainMenuData['array-portlets-rest'];
|
|
foreach ( $rest as $key => $pData ) {
|
|
$rest[$key] = $this->decoratePortletData(
|
|
$pData['id'], $pData
|
|
);
|
|
}
|
|
$mainMenuData['array-portlets-rest'] = $rest;
|
|
$data['data-portlets-main-menu'] = $mainMenuData;
|
|
return $data;
|
|
}
|
|
|
|
/**
|
|
* Performs the following updates to portlet data:
|
|
* - Adds concept of menu types
|
|
* - Marks the selected variant in the variant portlet
|
|
* - modifies tooltips of personal and user-menu portlets
|
|
* @param string $key
|
|
* @param array $portletData
|
|
* @return array
|
|
*/
|
|
private function decoratePortletData(
|
|
string $key,
|
|
array $portletData
|
|
): array {
|
|
$isIconDropdown = false;
|
|
switch ( $key ) {
|
|
case 'data-user-menu':
|
|
$type = self::MENU_TYPE_DROPDOWN;
|
|
$isIconDropdown = true;
|
|
break;
|
|
case 'data-actions':
|
|
case 'data-variants':
|
|
case 'data-sticky-header-toc':
|
|
$type = self::MENU_TYPE_DROPDOWN;
|
|
break;
|
|
case 'data-views':
|
|
case 'data-associated-pages':
|
|
case 'data-namespaces':
|
|
$type = self::MENU_TYPE_TABS;
|
|
break;
|
|
case 'data-notifications':
|
|
case 'data-personal':
|
|
case 'data-user-page':
|
|
case 'data-vector-user-menu-overflow':
|
|
$type = self::MENU_TYPE_DEFAULT;
|
|
break;
|
|
case 'data-languages':
|
|
$type = $this->isLanguagesInContent() ?
|
|
self::MENU_TYPE_DROPDOWN : self::MENU_TYPE_PORTAL;
|
|
break;
|
|
default:
|
|
$type = self::MENU_TYPE_PORTAL;
|
|
break;
|
|
}
|
|
|
|
$isDropdown = $type === self::MENU_TYPE_DROPDOWN;
|
|
if ( $isDropdown && !$isIconDropdown ) {
|
|
$portletData['class'] .= ' vector-menu-dropdown-noicon';
|
|
}
|
|
|
|
if ( $key === 'data-personal' && $this->isLegacy() ) {
|
|
// Set tooltip to empty string for the personal menu for both logged-in and logged-out users
|
|
// to avoid showing the tooltip for legacy version.
|
|
$portletData['html-tooltip'] = '';
|
|
$portletData['class'] .= ' vector-user-menu-legacy';
|
|
}
|
|
|
|
// Special casing for Variant to change label to selected.
|
|
// Hopefully we can revisit and possibly remove this code when the language switcher is moved.
|
|
if ( $key === 'data-variants' ) {
|
|
$portletData = $this->updateVariantsMenuLabel( $portletData );
|
|
}
|
|
|
|
$portletData = $this->updatePortletClasses(
|
|
$portletData,
|
|
$type
|
|
);
|
|
|
|
return $portletData + [
|
|
'is-dropdown' => $isDropdown,
|
|
'is-portal' => $type === self::MENU_TYPE_PORTAL,
|
|
];
|
|
}
|
|
|
|
/**
|
|
* Helper for applying Vector menu classes to portlets
|
|
*
|
|
* @param array $portletData returned by SkinMustache to decorate
|
|
* @param int $type representing one of the menu types (see MENU_TYPE_* constants)
|
|
* @return array modified version of portletData input
|
|
*/
|
|
private function updatePortletClasses(
|
|
array $portletData,
|
|
int $type = self::MENU_TYPE_DEFAULT
|
|
) {
|
|
$extraClasses = [
|
|
self::MENU_TYPE_DROPDOWN => 'vector-menu-dropdown',
|
|
self::MENU_TYPE_TABS => 'vector-menu-tabs',
|
|
self::MENU_TYPE_PORTAL => 'vector-menu-portal portal',
|
|
self::MENU_TYPE_DEFAULT => '',
|
|
];
|
|
if ( $this->isLegacy() ) {
|
|
$extraClasses[self::MENU_TYPE_TABS] .= ' vector-menu-tabs-legacy';
|
|
}
|
|
$portletData['class'] .= ' ' . $extraClasses[$type];
|
|
|
|
if ( !isset( $portletData['heading-class'] ) ) {
|
|
$portletData['heading-class'] = '';
|
|
}
|
|
if ( $type === self::MENU_TYPE_DROPDOWN ) {
|
|
$portletData = Hooks::updateDropdownMenuData( $portletData );
|
|
}
|
|
|
|
$portletData['class'] = trim( $portletData['class'] );
|
|
$portletData['heading-class'] = trim( $portletData['heading-class'] );
|
|
return $portletData;
|
|
}
|
|
|
|
/**
|
|
* @inheritDoc
|
|
*/
|
|
public function getTemplateData(): array {
|
|
$parentData = $this->decoratePortletsData( parent::getTemplateData() );
|
|
|
|
// SkinVector sometimes serves new Vector as part of removing the
|
|
// skin version user preference. To avoid T302461 we need to unset it here.
|
|
// This shouldn't be run on SkinVector22.
|
|
unset( $parentData['data-toc'] );
|
|
return $parentData;
|
|
}
|
|
}
|