questio/perdeuasenha.html at master · dyhogenys/questio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--titulo-->
    <title>Redefinição de senha</title>
	<!--icone-->
    <link rel="icon" type="ico" href="favicon.ico" />
	<!--bootstrap-->
    <link rel="stylesheet" type="text/css" href="css/bootstrap-4.1.1/css/bootstrap.min.css">
	<script src="js/jquery-3.3.1.min.js"></script>
    <script src="css/bootstrap-4.1.1/js/bootstrap.min.js"></script>
    <script src="js/ajax-jquery-3.3.1.min.js"></script>

	<!--Animate.css-->
    <link rel="stylesheet" type="text/css" href="css/animate.css">
    <!--css-->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <!--fontawesome-free-5.0.13-->
    <link rel="stylesheet" href="css/font-awesome/css/fontawesome-all.min.css">

    <!--css login/cadastro-->
    <style>
        .btn{margin: 0px 0 20px 0;}
        #caixa, .avisocaixa {background-color: #ffffff; margin: 8px; padding:30px;}
        #caixa{margin-top:200px; border:1px solid #ccc;}
        #mostrarlogado{display: block;}
        #mensagemErro{margin-top: 15px; font-size:16px; text-align:center;color:brown;}
        .form-inline input {margin:10px;}
        @media only screen and (max-width: 900px) {
            #avisocaixa {margin-top:8px !important;}
            #caixa{margin:8px;}
        }
    </style>
</head>

<body class="animated fadeIn">

    <!--aviso deslogado-->
    <div class="container" id="avisocaixa">
        <div class="row centered" id="avisodeslogado"></div>
    </div>


    <div class="container" id="mostrarlogado">

        <div class="row centered">
            <div class="col-lg-3"></div>


            <!--caixa formulário-->
            <div class="col-lg-6" id="caixa">
                <!--titulo e subtitulo-->
                <div class="text-center">
                <h1>Redefinir senha</h1>
                <hr>
                <span>Insira o seu email de conta e receba um email para redefinir sua senha.</span><br><br>
                </div>
            <!--formulario-->
                <form id="formulario">
                    <div class="form-group">
                        <label for="emailLogin">E-mail*</label>
                        <input type="email" class="form-control" id="recuperarEmail" placeholder="Digite seu email aqui..." autofocus>

                        <!--mensagem de erro-->
                        <div id="mensagemErro"></div>

                        <div class="text-center" style="margin-top: 20px;">
                            <a href="cadastro.html"> Cadastre-se</a> |
                            <a href="login.html">Já possui conta? </a><br><br>
                        </div>

                        <button type="submit" class="btn btn-lg btn-block btn-danger" id="recuperarButton">ENVIAR</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!--chamando arquivo de funçoes do firebase-->
    <script src="https://www.gstatic.com/firebasejs/4.12.1/firebase.js"></script>
    <!--chamando a conexão com o firebase-->
    <script src="js/app.js"></script>

    <script>

        var formulario = document.getElementById('formulario');
        var recuperarEmail = document.getElementById('recuperarEmail');
        var mensagemErro =document.getElementById('mensagemErro');

        formulario.addEventListener('submit', function (e) {
            // impede o envio do form
            e.preventDefault();
            //carregando
            mensagemErro.innerHTML = ('<div class="animated fadeIn">Carregando... <img src="img/load.gif"/></div>');

            var auth = firebase.auth();
            var emailAddress = recuperarEmail.value;


            auth.sendPasswordResetEmail(emailAddress).then(function() {
            // Email sent.

            }).then(function() {
            // mensagem
            avisodeslogado.innerHTML = (
                '<div class="col-md-4"></div><div class="col-md-4 shadow text-center avisocaixa">' +
                '<div class="text-center"></div><span style="padding-top:50px;">Enviado com sucesso :-)</span><br><br>' +
                '<a href="../index.html">&larr; Página inicial</a></div></div>'
                );
                document.getElementById("avisocaixa").style.marginTop = "200px";
                document.getElementById('avisocaixa').style.display = 'block';
                document.getElementById('mostrarlogado').style.display = 'none';

            }).catch(function(error) {
                //exibindo erro
                mensagemErro.innerHTML = ('<div class="alert alert-danger"><span class="animated flash">Erro! Tente novamente...</span></div>');
                console.log(error.message);
            });
        });
    </script>

</body>
</html>