Diferencia entre revisiones de «MediaWiki:Citizen.js»
Página de la interfaz de MediaWiki
Más acciones
Página creada con «→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…» |
Sin resumen de edición |
||
| (No se muestran 2 ediciones intermedias del mismo usuario) | |||
| Línea 7: | Línea 7: | ||
const container = document.createElement('div'); | const container = document.createElement('div'); | ||
container.id = 'tvrio-sidebar-icons'; | container.id = 'tvrio-sidebar-icons'; | ||
container.innerHTML = ` | 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" | <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" | href="/Categor%C3%ADa:Canales_de_televisi%C3%B3n" | ||
title="Canales de televisión"> | 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> | ||
<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" | <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" | href="/Categor%C3%ADa:Estaciones_de_radio" | ||
title="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> | ||
<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); | drawer.after(container); | ||
}); | }); | ||
Revisión actual - 01:44 2 ago 2026
/* 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.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);
});