. * * @file * @ingroup Skins */ namespace MediaWiki\Skins\Citizen; use Html; use Linker; use MediaWiki\Skins\Citizen\Partials\BodyContent; use MediaWiki\Skins\Citizen\Partials\Drawer; use MediaWiki\Skins\Citizen\Partials\Footer; use MediaWiki\Skins\Citizen\Partials\Header; use MediaWiki\Skins\Citizen\Partials\Metadata; use MediaWiki\Skins\Citizen\Partials\PageTools; use MediaWiki\Skins\Citizen\Partials\Tagline; use MediaWiki\Skins\Citizen\Partials\Theme; use MediaWiki\Skins\Citizen\Partials\Title; use Sanitizer; use SkinMustache; /** * Skin subclass for Citizen * @ingroup Skins */ class SkinCitizen extends SkinMustache { use GetConfigTrait; /** * Overrides template, styles and scripts module * * @inheritDoc */ public function __construct( $options = [] ) { // Add skin-specific features $this->buildSkinFeatures( $options ); parent::__construct( $options ); } /** * @return array Returns an array of data used by Citizen skin. * @throws MWException */ public function getTemplateData(): array { $data = []; $out = $this->getOutput(); $title = $out->getTitle(); $parentData = parent::getTemplateData(); $header = new Header( $this ); $drawer = new Drawer( $this ); $pageTitle = new Title( $this ); $tagline = new Tagline( $this ); $bodycontent = new BodyContent( $this ); $footer = new Footer( $this ); $tools = new PageTools( $this ); // Naming conventions for Mustache parameters. // // Value type (first segment): // - Prefix "is" or "has" for boolean values. // - Prefix "msg-" for interface message text. // - Prefix "html-" for raw HTML. // - Prefix "data-" for an array of template parameters that should be passed directly // to a template partial. // - Prefix "array-" for lists of any values. // // Source of value (first or second segment) // - Segment "page-" for data relating to the current page (e.g. Title, WikiPage, or OutputPage). // - Segment "hook-" for any thing generated from a hook. // It should be followed by the name of the hook in hyphenated lowercase. // // Conditionally used values must use null to indicate absence (not false or ''). $data += [ // Booleans 'toc-enabled' => $out->isTOCEnabled(), // Data objects 'data-header' => [ 'data-personal-menu' => $header->buildPersonalMenu(), ], 'data-sitestats' => $drawer->getSiteStatsData(), // HTML strings 'html-title-heading--formatted' => $pageTitle->buildTitle( $parentData, $title ), 'html-citizen-jumptotop' => $this->msg( 'citizen-jumptotop' )->text() . ' [home]', 'html-body-content--formatted' => $bodycontent->buildBodyContent(), 'html-tagline' => $tagline->getTagline(), // Messages // Needed to be parsed here as it should be wikitext 'msg-citizen-footer-desc' => $this->msg( "citizen-footer-desc" )->inContentLanguage()->parse(), 'msg-citizen-footer-tagline' => $this->msg( "citizen-footer-tagline" )->inContentLanguage()->parse(), // Decorate data provided by core 'data-search-box' => $header->decorateSearchBoxData( $parentData['data-search-box'] ), 'data-portlets-sidebar' => $drawer->decorateSidebarData( $parentData['data-portlets-sidebar'] ), 'data-footer' => $footer->decorateFooterData( $parentData['data-footer'] ), ]; $data += $tools->getPageToolsData( $parentData ); // Show some portlet labels // NOTE: This is only placed here temporarily if ( $parentData['data-portlets']['data-variants']['is-empty'] === false ) { $parentData['data-portlets']['data-variants']['has-label'] = true; } return array_merge( $parentData, $data ); } /** * Change access to public, as it is used in partials * * @return array */ final public function buildPersonalUrlsPublic() { return parent::buildPersonalUrls(); } /** * Change access to public, as it is used in partials * * @param Title $title * @param string $html body text * @return string */ final public function wrapHTMLPublic( $title, $html ) { return parent::wrapHTML( $title, $html ); } /** * Polyfill for 1.35 from SkinTemplate * * @since 1.36 * @stable for overriding * @param string $name of the portal e.g. p-personal the name is personal. * @param array $items that are accepted input to Skin::makeListItem * @return array data that can be passed to a Mustache template that * represents a single menu. */ public function getPortletData( $name, array $items ) { // Monobook and Vector historically render this portal as an element with ID p-cactions // This inconsistency is regretful from a code point of view // However this ensures compatibility with gadgets. // In future we should port p-#cactions to #p-actions and drop this rename. if ( $name === 'actions' ) { $name = 'cactions'; } // user-menu is the new personal tools, without the notifications. // A lot of user code and gadgets relies on it being named personal. // This allows it to function as a drop-in replacement. if ( $name === 'user-menu' ) { $name = 'personal'; } $legacyClasses = ''; if ( $name === 'category-normal' ) { // retain historic category IDs and classes $id = 'mw-normal-catlinks'; $legacyClasses .= ' mw-normal-catlinks'; } elseif ( $name === 'category-hidden' ) { // retain historic category IDs and classes $id = 'mw-hidden-catlinks'; $legacyClasses .= ' mw-hidden-catlinks mw-hidden-cats-hidden'; } else { $id = Sanitizer::escapeIdForAttribute( "p-$name" ); } $data = [ 'id' => $id, 'class' => 'mw-portlet ' . Sanitizer::escapeClass( "mw-portlet-$name" ) . $legacyClasses, 'html-tooltip' => Linker::tooltip( $id ), 'html-items' => '', // Will be populated by SkinAfterPortlet hook. 'html-after-portal' => '', 'html-before-portal' => '', ]; // Run the SkinAfterPortlet // hook and if content is added appends it to the html-after-portal // for output. // Currently in production this supports the wikibase 'edit' link. $content = $this->getAfterPortlet( $name ); if ( $content !== '' ) { $data['html-after-portal'] = Html::rawElement( 'div', [ 'class' => [ 'after-portlet', Sanitizer::escapeClass( "after-portlet-$name" ), ], ], $content ); } foreach ( $items as $key => $item ) { $data['html-items'] .= $this->makeListItem( $key, $item ); } $data['label'] = $this->getPortletLabel( $name ); $data['is-empty'] = count( $items ) === 0 && $content === ''; $data['class'] .= $data['is-empty'] ? ' emptyPortlet' : ''; return $data; } /** * Polyfill for 1.35 from SkinTemplate * * @since 1.36 * @param string $name of the portal e.g. p-personal the name is personal. * @return string that is human readable corresponding to the menu */ public function getPortletLabel( $name ) { // For historic reasons for some menu items, // there is no language key corresponding with its menu key. $mappings = [ 'tb' => 'toolbox', 'personal' => 'personaltools', 'lang' => 'otherlanguages', ]; $msgObj = $this->msg( $mappings[ $name ] ?? $name ); // If no message exists fallback to plain text (T252727) $labelText = $msgObj->exists() ? $msgObj->text() : $name; return $labelText; } /** * @inheritDoc * * Manually disable some site-wide tools in TOOLBOX * They are re-added in the drawer * * TODO: Remove this hack when Desktop Improvements separate page and site tools * * @return array */ protected function buildNavUrls() { $urls = parent::buildNavUrls(); $urls['upload'] = false; $urls['specialpages'] = false; return $urls; } /** * Set up optional skin features * * @param array &$options */ private function buildSkinFeatures( array &$options ) { $out = $this->getOutput(); $title = $out->getTitle(); $metadata = new Metadata( $this ); $skinTheme = new Theme( $this ); // Add metadata $metadata->addMetadata(); // Add theme handler $skinTheme->setSkinTheme( $options ); // Collapsible sections // Load in content pages if ( $title !== null && $title->isContentPage() ) { // Load Citizen collapsible sections modules if enabled if ( $this->getConfigValue( 'CitizenEnableCollapsibleSections' ) === true ) { $options['scripts'][] = 'skins.citizen.scripts.sections'; $options['styles'][] = 'skins.citizen.styles.sections'; $options['styles'][] = 'skins.citizen.icons.sections'; } } // Table of content highlight $options['styles'][] = 'skins.citizen.styles.toc'; // CJK fonts if ( $this->getConfigValue( 'CitizenEnableCJKFonts' ) === true ) { $options['styles'][] = 'skins.citizen.styles.fonts.cjk'; } // Drawer sitestats if ( $this->getConfigValue( 'CitizenEnableDrawerSiteStats' ) === true ) { $options['styles'][] = 'skins.citizen.styles.sitestats'; } // Drawer subsearch if ( $this->getConfigValue( 'CitizenEnableDrawerSubSearch' ) === true ) { $options['scripts'][] = 'skins.citizen.scripts.drawer'; } // Debug styles if ( $this->getConfigValue( 'ShowDebug' ) === true || $this->getConfigValue( 'ShowExceptionDetails' ) === true ) { $options['styles'][] = 'skins.citizen.styles.debug'; } } }