[TUTORIAL] Criar popover de logout

Instalação do código 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 <UP_09.05.2020>
 *  See more: http://ajuda.forumeiros.com
*/
(function($) {
    'use strict';
 
    var config = {
        url: 'https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/8.11.8/sweetalert2.all.min.js',
        lang: {
            title: 'Tens a certeza?',
            text: 'Queres mesmo sair do fórum?',
            logout: 'Sair'
        },
        $class: [
            'a[href^="/login?logout=1"]',
            '#fa_toolbar a[style*="pointer"]',
            'a[id="logout"]',
            'a[href*="logout"]'
        ]
    };
 
    $(function() {
 
        if (!_userdata.session_logged_in && $('a[id="logout"]')) return;
 
        $.getScript(config.url, function() {
            $(config.$class.join(',')).on('click', function(event) {
 
                event.preventDefault();
                event.stopPropagation();
 
                Swal.fire({
                    title: config.lang.title,
                    text: config.lang.text,
                    type: 'info',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: config.lang.logout
                }).then((result) => {
                    if (result.value) {
                        window.location.href = (_board.tpl_version == "awesomebb" ? _userdata.page_logout : $('a[id="logout"]').attr('href'));
                    }
                });
 
            });
        });
 
    });
 
}(jQuery));

Resultado do tutorial