MediaWiki:Citizen.js

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

• Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
• Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
• Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5

/* Todo código JavaScript escrito aquí se cargará para todos los usuarios de la apariencia Citizen */

mw.hook('wikipage.content').add(function () {
	const drawer = document.querySelector('.citizen-drawer');
	if (!drawer || document.getElementById('tvrio-sidebar-icons')) return;

	const container = document.createElement('div');
	container.id = 'tvrio-sidebar-icons';
	container.style.display = 'flex';
	container.style.flexDirection = 'column';
	container.style.gap = '4px';
	container.style.marginTop = '4px';

	container.innerHTML = `
	<a class="citizen-cdx-button--size-large cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet"
		href="/Categor%C3%ADa:Canales_de_televisi%C3%B3n"
		title="Canales de televisión"
		aria-label="Canales de televisión">
		<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true">
			<rect x="2" y="3" width="16" height="11" rx="1" fill="none" stroke="currentColor" stroke-width="1.8"/>
			<line x1="7" y1="17" x2="13" y2="17" stroke="currentColor" stroke-width="1.8"/>
			<line x1="10" y1="14" x2="10" y2="17" stroke="currentColor" stroke-width="1.8"/>
		</svg>
	</a>

	<a class="citizen-cdx-button--size-large cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet"
		href="/Categor%C3%ADa:Estaciones_de_radio"
		title="Estaciones de radio"
		aria-label="Estaciones de radio">
		<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true">
			<rect x="2" y="6" width="16" height="10" rx="1" fill="none" stroke="currentColor" stroke-width="1.8"/>
			<circle cx="14.5" cy="11" r="2" fill="none" stroke="currentColor" stroke-width="1.8"/>
			<line x1="4" y1="8" x2="8" y2="4" stroke="currentColor" stroke-width="1.8"/>
			<line x1="5" y1="11" x2="10" y2="11" stroke="currentColor" stroke-width="1.8"/>
			<line x1="5" y1="13.5" x2="10" y2="13.5" stroke="currentColor" stroke-width="1.8"/>
		</svg>
	</a>
	
	<a class="citizen-cdx-button--size-large cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet"
	href="/Categor%C3%ADa:Prensa_escrita"
	title="Prensa escrita"
	aria-label="Prensa escrita">
	<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true">
		<rect x="3" y="3" width="14" height="14" rx="1" fill="none" stroke="currentColor" stroke-width="1.8"/>
		<line x1="6" y1="7" x2="14" y2="7" stroke="currentColor" stroke-width="1.8"/>
		<line x1="6" y1="10" x2="14" y2="10" stroke="currentColor" stroke-width="1.8"/>
		<line x1="6" y1="13" x2="11" y2="13" stroke="currentColor" stroke-width="1.8"/>
	</svg>
</a>

<a class="citizen-cdx-button--size-large cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet"
	href="/Categor%C3%ADa:Canales_de_streaming"
	title="Canales de streaming"
	aria-label="Canales de streaming">
	<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true">
		<rect x="2" y="4" width="16" height="10" rx="1" fill="none" stroke="currentColor" stroke-width="1.8"/>
		<polygon points="8,7 13,9 8,11" fill="currentColor"/>
		<line x1="7" y1="16" x2="13" y2="16" stroke="currentColor" stroke-width="1.8"/>
		<line x1="10" y1="14" x2="10" y2="16" stroke="currentColor" stroke-width="1.8"/>
	</svg>
</a>

	`;

	drawer.after(container);
});