Ir al contenido

Diferencia entre revisiones de «MediaWiki:Common.js»

De Caballipedia
Sin resumen de edición
Sin resumen de edición
Línea 1: Línea 1:
$(function () {
$(function () {
   const skin = mw.config.get('skin');
   const skin = mw.config.get('skin');
Línea 51: Línea 52:
         fetch('/trigger-jobs.php')
         fetch('/trigger-jobs.php')
           .then(res => res.text())
           .then(res => res.text())
          .then(msg => {
            const lines = msg.trim().split('\n').map(line => `<span>${line}</span>`).join(' &nbsp;•&nbsp; ');
        .then(msg => {
            $('#runjobs-msg').html(`
          $('#runjobs-msg').html(`
              <div style="font-size: 90%; display: flex; align-items: center; gap: 1em;">
            <div style="font-size: 90%; display: flex; align-items: center; gap: 1em;">
                ${lines}
              ${msg.trim()}
                <button id="runjobs-close">Aceptar</button>
              <button id="runjobs-close">Aceptar</button>
              </div>
            </div>
            `);
          `);
       
          $('#runjobs-close').on('click', () => {
            $('#runjobs-msg').remove();
          });
        })


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

Revisión del 23:42 24 jun 2025


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

  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);
    }
  }
});