[TUTORIAL] Log in com e-mail

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

[TUTORIAL] Log in com e-mail Empty [TUTORIAL] Log in com e-mail

Mensagem por Kyo Panda em 02.05.17 13:54

Log in com e-mail
Permite que os usuários façam log in com o e-mail ao invés do nome de usuário.

Log in com e-mail
TUTORIAIS, DICAS E ASTÚCIAS

Ativação da lista de membros


Para que o script funcione, você precisará mudar a opção Membros para Convidados em:

Painel de Controle Seta Branca Usuários & Grupos Seta Branca Autorizações especiais


Instalação do 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 das páginas Javascript Seta Branca Criar um novo javascript

(clique na imagem para aumentar)
[TUTORIAL] Log in com e-mail Painel13
[TUTORIAL] Log in com e-mail 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Log in com e-mail 110210Seta Localização São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
[TUTORIAL] Log in com e-mail 110310Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
[TUTORIAL] Log in com e-mail 110410Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

Em seguida, basta adicionar este código:

Código:
/*globals jQuery, _userdata*/
 
/**
 * Allow users to log in with their e-mail in place of username.
 *
 * @author Kyo Panda
 * @see <a href="http://ajuda.forumeiros.com">Fórum dos Fóruns</a>
 * @license MIT
 */
 
(function($) {
  'use strict';
 
  var config = {
      i18n: {
        pt: {
            loading: 'Carregando...',
        },
        en: {
            loading: 'Loading...',
        },
        es: {
            loading: 'Cargando...',
        }
      }
  };
 
  $(function() {
      var lang = window._userdata && config.i18n[_userdata.user_lang] ?
        config.i18n[_userdata.user_lang] : config.i18n.en
      ;
     
      var submitted = false;
     
      $('form[name="form_login"]').on('submit', function(event) {
        var $this = $(this);
       
        var $username = $this.find('input[name="username"]');
       
        if ($username.val().indexOf('@') === -1 || submitted) {
            $this.append('<input type="hidden" value="1" name="login" />');
            return true;
        }
       
        $this
            .find('input[type="submit"]')
            .val(lang.loading)
            .prop('disabled', true)
            .css('opacity', 0.5)
        ;
       
        $.get('/memberlist', {
            change_version: 'modernbb',
            mode: 'username',
            order: 'DESC',
            submit: true,
            username: $username.val()
        }, function(context) {
            var $name = $('.avatar-mini:first', context);
           
            if ($name.length) {
              $username.val($name.text().trim());
            }           
           
            submitted = true;
            $this.submit();
        });
       
        event.preventDefault();
      });
  });
}(jQuery));

Logo após a aplicação, será possível visualizar o resultado.



Última edição por Kyo Panda em 02.05.17 18:39, editado 1 vez(es)
Kyo Panda

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5937

https://ajuda.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