[TUTORIAL] Criar popover de logout

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

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

Mensagem por Pedxz em 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 Seta Branca Módulos Seta Branca HTML e Javascript Seta Branca Gestão dos códigos Javascript Seta Branca 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 <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

[TUTORIAL] Criar popover de logout Cwev1n9


Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2671
Pontos Ativos : 3379

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