Ir al contenido

MediaWiki:Common.js

De Caballipedia

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
// Añadir clase al <body> si el usuario NO ha iniciado sesión
$(document).ready(function () {
  if (mw.config.get('wgUserName') === null) {
    document.body.classList.add('anon-user');
  }
});

$(function () {
  const skin = mw.config.get('skin');
  const user = mw.config.get('wgUserName');

  // 🛠️ Ocultar elementos si el usuario NO ha iniciado sesión y la skin es Vector-2022
  if (user === null && skin === 'vector-2022') {
    console.log("🛠️ Ocultando elementos para usuarios anónimos en Vector-2022");

    // Ocultar menú herramientas completo, botón incluido
    $('#vector-page-tools, #vector-page-tools-dropdown-checkbox, label[for="vector-page-tools-dropdown-checkbox"]').hide();

    // Ocultar pestañas de historial y vista principal
    $('#ca-view, #ca-history').hide();

    // Ocultar pestañas de tipo de contenido ("Artículo", "Categoría", etc.)
    $('#ca-nstab-main, #ca-nstab-category, #ca-nstab-special, #ca-nstab-image').closest('li').hide();
  }

  // 👤 Configuración personalizada para usuarios logueados con skin Vector-2022
  if (user !== null && skin === 'vector-2022') {
    console.log("🔧 Configurando interfaz personalizada");

    function ocultarElementosUsuario() {
      $('#pt-watchlist-2').hide();
      $('#pt-mytalk').hide();
      $('#ca-talk').hide();
    }

    ocultarElementosUsuario();
    const observer = new MutationObserver(ocultarElementosUsuario);
    observer.observe(document.body, { childList: true, subtree: true });

    // 🔹 Añadir botón "Ejecutar tareas"
    mw.util.addPortletLink(
      'p-tb',
      '#',
      'Ejecutar tareas',
      'pt-runjobs',
      'Ejecutar tareas pendientes desde el navegador'
    );

    $('#pt-runjobs').on('click', function (e) {
      e.preventDefault();

      if ($('#runjobs-msg').length) return;

      const heading = document.querySelector('#firstHeading');
      if (!heading) return;

      const $msg = $(`
        <div id="runjobs-msg" style="margin: 1em 0; font-size: 90%; display: flex; align-items: center; gap: 1em;">
          ¿Ejecutar las tareas pendientes ahora?
          <button id="runjobs-confirm">✅ Sí</button>
          <button id="runjobs-cancel">❌ No</button>
        </div>
      `);
      $(heading).after($msg);

      $('#runjobs-cancel').on('click', () => {
        $('#runjobs-msg').remove();
      });

      $('#runjobs-confirm').on('click', () => {
        $('#runjobs-msg').html('⏳ Ejecutando tareas...');

        fetch('/trigger-jobs.php')
          .then(res => res.text())
          .then(msg => {
            $('#runjobs-msg').html(`
              <div style="font-size: 90%; display: flex; align-items: center; gap: 1em;">
                ${msg.trim()}
                <button id="runjobs-close">Aceptar</button>
              </div>
            `);

            $('#runjobs-close').on('click', () => {
              $('#runjobs-msg').remove();
            });
          })
          .catch(err => {
            $('#runjobs-msg').html(`
              <div style="display: flex; align-items: center; gap: 1em; font-size: 90%;">
                ❌ Error de red: ${err}
                <button id="runjobs-close">Aceptar</button>
              </div>
            `);

            $('#runjobs-close').on('click', () => {
              $('#runjobs-msg').remove();
            });
          });
      });
    });

    // 🔹 Mover el botón debajo de "Reemplazar texto"
    const runJobsItem = $('#pt-runjobs').closest('li');
    const target = $('a:contains("Reemplazar texto")').closest('li');
    if (runJobsItem.length && target.length) {
      runJobsItem.insertAfter(target);
    }
  }
});