[TUTORIAL] Criar popover de logout

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Admineiro

[TUTORIAL] Criar popover de logout Empty [TUTORIAL] Criar popover de logout

Mensagem por pedxz 18.08.18 20:39

Criar um popover de logout
Com este tutorial, ao clicar no botão para se desconectar, uma popover irá aparecer.

Criar um popover de logout
TUTORIAIS, DICAS E ASTÚCIAS

Instalação do código Javascript

As páginas javascript ativas em seu fórum possibilita inserir scripts e jQuery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

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

[TUTORIAL] Criar popover de logout Javaac10
[TUTORIAL] Criar popover de logout 110111Seta 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.
[TUTORIAL] Criar popover de logout 110210Seta Tìtulo - Cria um título para identificar o script a ser modificado mais tarde na lista de scripts do fórum.
[TUTORIAL] Criar popover de logout 110310Seta 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.
[TUTORIAL] Criar popover de logout 110410Seta 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.

Após isso, adicione o código:
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

[TUTORIAL] Criar popover de logout Cwev1n9


pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6418
Pontos ativos : 7577

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissão neste fórum:
Você não pode responder aos tópicos