tray-login
v2.0.1
Published
Web Component para realizar login nas lojas da Tray.
Maintainers
nevesdouglasReadme
Tray Login Component
Web Component para realizar login nas lojas da Tray.
Instalação
npm install tray-login
Atributos
Atributo | Descrição -------- | ----------- data-store | ID da loja data-methods | Tipos de login que você deseja utilizar, opções: ['facebook', 'password', 'otp'] data-callback | URL de callback caso o login esteja correto data-texts | Textos personalizados (opcional) data-identification | Identificação utilizada para login (opcional)
Eventos
Lista de eventos disparados pelo componente.
Evento | Descrição -------- | ----------- tray-login | Dispara quando finalizou o processo de login tray-login#close | Dispara quando fecha o componente tray-login#identify | Dispara quando abre a tela de identificação tray-login#main | Dispara quando abre a tela de login tray-login#otp | Dispara quando abre a tela de login com OTP tray-login#recover-password | Dispara quando abre a tela de recuperação de senha
Uso
1 - Adicione a bibilioteca vue e importe o componente no <head>:
<script src="https://unpkg.com/vue"></script>
<script src="dist/tray-login.min.js"></script>2 - Adicione o elemento no seu HTML substituindo as URLs da aplicação.
<tray-login
data-methods="['facebook']"
data-callback="/callback.html"
data-store="351572"
data-texts="{}">
</tray-login>Exemplo de utilização do evento:
$(window).on('tray-login', function(event) {
var response = event.originalEvent.detail.response;
var type = event.originalEvent.detail.type;
if (type === 'success') {
console.log('Success!');
} else {
console.error('Error!');
}
});
$(window).on('tray-login#close', function() {
console.log('Closed!');
});Mudamos a forma como recuperamos os parâmetros do evento:
$(window).on('tray-login', function(event) {
var response = event.detail.response;
var type = event.detail.type;
if (type === 'success') {
console.log('Success!');
} else {
console.error('Error!');
}
});Contribuindo
Caso você possua o docker instalado juntamente com o docker-compose, execute o comando abaixo para levantar o container.
docker-compose up -dUtilizando o comando abaixo é possível entrar no container para configurar as dependencias.
docker-compose exec tray_login bashPara configurar o ambiente de dev, execute:
yarnAgora que o ambiente está configurado, execute na raiz:
yarn serveCaso você esteja utilizando o docker o comando acima já é executado automaticamente ao levantar o ontainer