Detalhes da questão

Endereço do fórum: http://brasil-rpg.forumeiros.com
Versão do fórum: AwesomeBB

Descrição

Segui o [TUTORIAL] Criar popover de logout e para minha infelicidade ele não funcionou

Olá @vcapelli,

Eu utilizo em meu forum uma versão um pouco mais antiga, experimente: Aqui

Mas caso prefira essa passada, comete.

Atenciosamente,
Sleep

Mas esse seria de login, eu estava a procura de logout

Olá @vcapelli,

Atualizei o código, porém não ficará muito bom na versão #awesomeBB, veja:

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

Atenciosamente,
pedxz.

Aquele ícone que havia na imagem do tutorial não é possível adicionar, nem que seja uma imagem pelo menos?

Erro meu, desculpe, atualizei o código em cima

Está magnífico! Obrigado