Confirmar para terminar sessão no fórum

Ir para baixo

Tutorial Confirmar para terminar sessão no fórum

Mensagem por tikky 18.08.18 20:39

Confirmar para terminar sessão no fórum
Terminar a sessão no fórum pode ser rápido e com poucos cliques. Caso seja daqueles que acidentalmente clica em "Sair" acidentalmente este código é para si. Confirme antes de sair!

Confirmar para terminar sessão no fórum
Tutoriais, dicas e astúcias

Criação de uma página JavaScript

Códigos JavaScript possibilitam personalizar e dar funcionalidade extra aos fóruns sem muito esforço. Através dos nossos tutoriais, dicas e astúcias compartilhamos códigos seguros para os utilizadores dos fóruns gratuitos Forumeiros.

Repare: nem todos os códigos encontrados na internet funcionam nos fóruns gratuitos Forumeiros então tenha atenção ao utilizar, pois pode causar problemas..

Painel administrativo Seta Branca Módulos Seta Branca HTML e JavaScript Seta Branca Gestão dos códigos JavaScript Seta Branca Criar um novo JavaScript

Confirmar para terminar sessão no fórum Javaac10

Habilitar o gerenciamento dos códigos JavaScriptPermite ativar ou desativar todas as páginas JavaScript criadas pelo administrador do fórum. Este recurso não tem qualquer impacto nos scripts nativos do fórum!
TituloCria um título para rápida identificação do script na lista de Códigos JavaScript.
InvestimentoLimita o efeito do código a uma especifica página do fórum. Neste caso invista "Em todas as páginas".
Código JavaScriptCole o seguinte código
Código:
(function($) {
  'use strict';
 
  var config = {
      url: 'https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.7.1/sweetalert2.all.min.js',
      lang: {
        title: 'Terminar sessão',
        text: 'Terminar sessão da tua conta?',
        logout: 'Terminar sessão',
        cancel: 'Cancelar'
      },
      $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,
              icon: 'info',
              showCancelButton: true,
              confirmButtonColor: '#3085d6',
              cancelButtonColor: '#d33',
              confirmButtonText: config.lang.logout,
              cancelButtonText: config.lang.cancel,
            }).then((result) => {
              if (result.value) {
 
                  $.get('/login?logout=1', function(e) {
                    const logoutTid = $("[name='tid']", e).val();
                    const logoutKey = $("[name='key']", e).val();
 
                    window.location.href = '/login?logout=1&tid=' + logoutTid + '&key=' + logoutKey;
                  });
 
              }
            });
 
        });
      });
 
  });
 
}(jQuery));

Notas

Usa o sweetalert saiba mais sobre lendo a documentação. O código é personalizável.
Qualquer configuração básica pode ser rapidamente alterada como:
  • O texto apresentado
    Código:
          lang: {
            title: 'Terminar sessão',
            text: 'Terminar sessão da tua conta?',
            logout: 'Terminar sessão',
            cancel: 'Cancelar'
          },
  • A cor dos botões: confirmButtonColor botão de confirmar e cancelButtonColor para cancelar
    Código:
    confirmButtonColor: '#3085d6',
    cancelButtonColor: '#d33',
  • O ícone de informação (pré-definido no código). Disponíveis: info (informação - !), question (pergunta - ?), error (erro - x), success (sucesso - ✓)
    Código:
    icon: 'info',
Recomendação - O resto não mencionado não deve ser alterado nem apagado.

Resultado

Confirmar para terminar sessão no fórum Cwev1n9


tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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