[TUTORIAL] Criar popover de logout

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

[TUTORIAL] Criar popover de logout

Mensagem por Pedxz em 18/08/18, 04:39 pm

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 Seta Branca Módulos Seta Branca HTML e Javascript Seta Branca Gestão dos códigos Javascript Seta Branca Criar um novo javascript

Seta 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.
Seta Tìtulo - Cria um título para identificar o script a ser modificado mais tarde na lista de scripts do fórum.
Seta 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.
Seta 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 <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



avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 1981
Pontos Ativos : 2502

Ver perfil do usuário https://pedxz.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


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