authorization/src/views/request-mail-reset.ejs at f507a1f0a7edcdb58df5aecce235d55162240a3f · resource-watch/authorization · 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
<!DOCTYPE html>
<html >
<head >
    <meta charset="utf-8" >
    <meta http-equiv="x-ua-compatible" content="ie=edge" >
    <title ><%= generalConfig.application.name %> - Reset Password</title >
    <meta name="viewport" content="width=device-width, initial-scale=1" >
    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,700" media="all" >
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.3/foundation-flex.min.css"
          media="all" >
    <style >
        body {
            font-family: "Open Sans", Helvetica, Arial, sans-serif;
            background: #f6f6f6;
        }

        #main {
            height: 100vh
        }

        .button {
            background-color: <%= generalConfig.application.principalColor %>;
        }

        a {
            color: <%= generalConfig.application.principalColor %>;
        }

        .login-form {
            background: white;
            padding: 50px 60px;
            box-shadow: 2px 2px 20px rgba(0, 0, 0, .1);
        }

        .recover {
            display: block;
        }

        .align-center {
            margin: 0 auto;
        }

        .row {
            align-items: center
        }
    </style >
</head >
<body >
<div class="row align-middle align-center" id="main" >
    <div class="small-12 columns" >
        <div class="row align-center" >
            <div class="small-10 medium-8 large-8 columns" >
                <div class="login-form row" >
                    <div class="small-8 medium-8 large-5 columns align-center" >
                        <img src="<%= generalConfig.application.logo %>" >
                    </div >
                    <div class="small-10 medium-8 large-6 columns align-center" >
                        <h1 >Reset password</h1 >
                        <% if (error) { %>
                            <div class="callout alert" data-closable >
                                <p ><%= error %></p >
                                <button class="close-button" aria-label="Dismiss alert" type="button" data-close >
                                    <span aria-hidden="true" >&times;</span >
                                </button >
                            </div >
                        <% } %>
                        <% if (info) { %>
                            <div class="callout" data-closable >
                                <p ><%= info %></p >
                                <button class="close-button" aria-label="Dismiss alert" type="button" data-close >
                                    <span aria-hidden="true" >&times;</span >
                                </button >
                            </div >
                        <% } %>
                        <form action="/auth/reset-password?origin=<%= app %>" method="POST" >
                            <label for="email" >
                                <input type="email" name="email" placeholder="Email" value="<%= email %>" required >
                            </label >

                            <button class="button" type="submit" >Submit</button >
                        </form >
                    </div >
                </div >
            </div >
            <!-- <a href="/auth/twitter">Twitter</a> -->
        </div >
    </div >
</div >
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js" ></script >
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.3/foundation.min.js" ></script >
</body >
</html >