[TUTORIAL] Criar popover de logout

Instalação do código Javascript

Painel de Controle Módulos HTML e Javascript Gestão dos códigos Javascript Criar um novo javascript

Habilitar o gerenciamento dos códigos Javascript - Permite ativar os scripts personalizados criados pelo administrador no fórum. Este recurso não tem qualquer impacto nos scripts nativos do fórum.

Tìtulo - Cria um título para identificar o script a ser modificado mais tarde na lista de scripts do fórum.

Investimento - Define o local em específico que este script será executado. Você pode investir o script para vários locais no fórum (Todas as páginas) ou pode definir para certos locais disponíveis na tela de investimento. Neste caso, estaremos investindo em todas as páginas.

Código Javascript - Espaço destinado a receber o script que será ativado pelo administrador. Antes de aplicar o script ao fórum, é importante revisá-lo para ter certeza de seu funcionamento.

Código:

/**
 *  SweetAlert - Logout by Pedxz
 *  Created June 29, 2018 <1.0>
 *  See more: http://ajuda.forumeiros.com
*/
$(document).ready(function () {
 
  var href = $('.linklist').find('a[id="logout"]').attr('href'), session = _userdata.session_logged_in;
 
  if ( session != 1 ) {
    return
    }
 
  $('a[href*="logout"],a[href="login?logout"]').removeAttr('href').css('cursor','pointer');
  $('head').append('<script src="https://cdn.jsdelivr.net/npm/sweetalert2"></script>');
  $('body').on('click', 'a[id="logout"], #fa_toolbar a[style*="pointer"]', function () {
    swal({
      title: 'Tens a certeza?',
      text: "Queres mesmo sair do fórum?",
      type: 'info',
      showCancelButton: true,
      confirmButtonColor: '#3085d6',
      cancelButtonColor: '#d33',
      confirmButtonText: 'Sair'
    }).then((result) => {
      if (result.value) {
      window.location.href = href;
    }
  })
 });
 
});

Resultado do tutorial