mediawiki-skins-Citizen/includes/Partials/Theme.php
alistair3149 6633f89033
fix: fix display of theme toggle button if set to auto (#261)
Co-authored-by: Hannes <hannes@octofox.de>
2021-01-31 12:38:37 -05:00

86 lines
3 KiB
PHP

<?php
/**
* Citizen - A responsive skin developed for the Star Citizen Wiki
*
* This file is part of Citizen.
*
* Citizen 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 3 of the License, or
* (at your option) any later version.
*
* Citizen 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 Citizen. If not, see <https://www.gnu.org/licenses/>.
*
* @file
* @ingroup Skins
*/
declare( strict_types=1 );
namespace Citizen\Partials;
use MediaWiki\MediaWikiServices;
/**
* Theme switcher partial of Skin Citizen
*/
final class Theme extends Partial {
/**
* Sets the corresponding theme class on the <html> element
* If the theme is set to auto, the theme switcher script will be added
*
* @param array &$options
*/
public function setSkinTheme( array &$options ) {
// Set theme to site theme
$theme = $this->getConfigValue( 'CitizenThemeDefault' ) ?? 'auto';
// Set theme to user theme if registered
if ( $this->out->getUser()->isRegistered() ) {
$theme = MediaWikiServices::getInstance()->getUserOptionsLookup()->getOption(
$this->out->getUser(),
'CitizenThemeUser',
'auto'
);
}
$cookieTheme = $this->out->getRequest()->getCookie( 'skin-citizen-theme', null, 'auto' );
if ( $cookieTheme !== 'auto' ) {
$theme = $cookieTheme;
}
// Add HTML class based on theme set
$this->out->addHtmlClasses( 'skin-citizen-' . $theme );
if ( $this->out->getRequest()->getCookie( 'skin-citizen-theme-override' ) === null ) {
// Only set the theme cookie if the theme wasn't overridden by the user through the button
$this->out->getRequest()->response()->setCookie( 'skin-citizen-theme', $theme, 0, [
'httpOnly' => false,
] );
}
// Script content at 'skins.citizen.scripts.theme/inline.js
// @phpcs:ignore Generic.Files.LineLength.TooLong
$this->out->getOutput()->addHeadItem( 'theme-switcher', '<script>window.switchTheme=()=>{var e=t=>["auto","dark","light"].map(e=>t+e);const t=document.getElementById("theme-toggle");try{const c=document.cookie.match(/skin-citizen-theme=(dark|light|auto)/);var n=null!==c?c.pop():null;null!==n&&(document.documentElement.classList.remove(...e("skin-citizen-")),document.documentElement.classList.add("skin-citizen-"+n),t.classList.remove(...e("theme-toggle")),t.classList.add("theme-toggle-"+n))}catch(e){}},window.switchTheme();</script>' );
// Add styles and scripts module
if ( $theme === 'auto' ) {
$options['scripts'] = array_merge(
$options['scripts'],
[ 'skins.citizen.scripts.theme' ]
);
}
$options['styles'] = array_merge(
$options['styles'],
[ 'skins.citizen.styles.theme' ]
);
}
}