

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 JavascriptAs 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 110111](https://i.servimg.com/u/f36/11/66/91/15/110111.gif) | 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 110210](https://i.servimg.com/u/f36/11/66/91/15/110210.gif) | 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 110310](https://i.servimg.com/u/f36/11/66/91/15/110310.gif) | 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 110410](https://i.servimg.com/u/f36/11/66/91/15/110410.gif) | 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
|
pedxz- Admineiro

- Membro desde : 13/01/2017
Mensagens : 7287
Pontos : 8533


Tópicos semelhantes
Tópicos semelhantes
Permissões neste sub-fórum
Não podes responder a tópicos