Project

General

Profile

1
<%--
2
  Created by IntelliJ IDEA.
3
  User: sofia
4
  Date: 23/10/2017
5
  Time: 3:58 μμ
6
  To change this template use File | Settings | File Templates.
7
--%>
8
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
9
<!DOCTYPE html>
10
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
11
<%--<% if (session.getAttribute("username") == null) {--%>
12
    <%--String redirectURL = "/dnet-openaire-users-1.0.0-SNAPSHOT/forgotPassword.jsp";--%>
13
    <%--response.sendRedirect(redirectURL);--%>
14
<%--}--%>
15
<%--%>--%>
16
<%--<%String name=(String)request.getAttribute("name");--%>
17
<%--out.print("your name"+name);%>--%>
18
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
19
<head>
20
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
21
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
22
    <meta name="viewport" content="width=device-width, initial-scale=1">
23
    <base href=".">
24
    <title>OpenAIRE - Enter new password</title>
25
    <script src="./js/jquery.js"></script>
26
    <script src="./js/uikit.js"></script>
27
    <script src="./js/validation.js"></script>
28
    <link rel="stylesheet" style="text/css" href="./css/theme.css">
29
    <link rel="stylesheet" style="text/css" href="./css/custom.css">
30
    <link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
31
</head>
32
<body class="" style="">
33
<div class="uk-offcanvas-content uk-height-viewport">
34
    <!-- MENU STARTS HERE -->
35
    <!-- MAIN MENU STARTS HERE -->
36
    <div class="tm-header  tm-header-transparent" uk-header="">
37
        <div class="uk-container uk-container-expand">
38
            <nav class="uk-navbar" uk-navbar="{&quot;align&quot;:&quot;left&quot;}">
39
                <div class="uk-navbar-center">
40
                    <div class="uk-logo uk-navbar-item">
41
                        <img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
42
                    </div>
43
                </div>
44
            </nav>
45
        </div>
46
    </div>
47
    <!-- MENU ENDS HERE -->
48
    <!-- CONTENT STARTS HERE -->
49
    <div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
50
        <div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
51
        </div>
52
    </div>
53
    <div class=" uk-section  uk-margin-small-top tm-middle custom-main-content" id="tm-main">
54
        <div class="uk-container uk-container-small uk-margin-medium-top  uk-margin-small-bottom uk-text-center">
55
            <div uk-grid="" class="uk-grid uk-grid-stack">
56
                <div class="tm-main uk-width-1-2@s uk-width-1-1@m  uk-width-1-1@l uk-row-first uk-first-column uk-align-center">
57
                    <div class="uk-grid ">
58
                        <!-- CENTER SIDE -->
59
                        <div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
60
                            <div class="middle-box text-center loginscreen animated fadeInDown ">
61
                                <p>To complete the password reset process, please enter a new password. <b>Must contain at least one number and one uppercase and lowercase letter, and at least 6 or more characters.</b></p>
62
                                <div class="uk-width-1-3@m uk-align-center">
63
                                    <!-- REGISTER FORM -->
64
                                    <div id="registerForm">
65
                                        <form action="resetPassword" method="POST" role="form" class="m-t" id="register_form" >
66
                                            <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
67
                                            <div class="alert alert-success" aria-hidden="true" style="display: none;"></div>
68
                                            <div class="alert alert-danger" aria-hidden="true" style="display: none;"></div>
69
                                            <div class="form-group">
70
                                                <span class="msg_password_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter your password.</span>
71
                                                <span class="msg_pass_conf_error uk-text-danger uk-text-small uk-float-left" style="display:none">These passwords don't match.</span>
72
                                                <p><span class="msg_please_add uk-text-danger uk-text-small uk-float-left" style="display:none">Please add: &nbsp</span></p>
73
                                                <span class="msg_lowercase_letter uk-text-danger uk-text-small uk-float-left" style="display:none">A lowercase letter. &nbsp</span>
74
                                                <span class="msg_capital_letter uk-text-danger uk-text-small uk-float-left" style="display:none">A capital (uppercase) letter. &nbsp </span>
75
                                                <span class="msg_number uk-text-danger uk-text-small uk-float-left" style="display:none">A number. &nbsp</span>
76
                                                <span class="msg_lenght uk-text-danger uk-text-small uk-float-left" style="display:none">Minimum 6 characters. &nbsp</span>
77
                                                <div id="message">
78
                                                </div>
79
                                                <input id="password" name="password" type="password" placeholder="Password" class="form-control"></div>
80
                                            <div class="form-group">
81
                                                <input id="password_conf" name="password_conf" type="password" placeholder="Confirm password" class="form-control"></div>
82
                                            <div class="uk-margin uk-grid-small uk-child-width-auto uk-grid uk-text-left uk-grid-stack" uk-grid="">
83
                                                <div class="uk-width-1-1 uk-grid-margin uk-first-column">
84
                                                    <button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">Submit</button>
85
                                                </div>
86
                                            </div>
87
                                        </form>
88
                                    </div>
89
                                    <!-- END OF REGISTER FORM -->
90
                                    <script>
91

    
92
                                        var myInput = document.getElementById("password");
93

    
94
                                        // When the user starts to type something inside the password field
95
                                        myInput.onkeyup = function() {
96

    
97
                                            // Validate lowercase letters
98
                                            var lowerCaseLetters = /[a-z]/g;
99
                                            if (myInput.value.match(lowerCaseLetters)) {
100
                                                $(".msg_lowercase_letter").fadeOut();
101
                                            } else {
102
                                                $(".msg_lowercase_letter").fadeIn();
103
                                            }
104

    
105
                                            // Validate capital letters
106
                                            var upperCaseLetters = /[A-Z]/g;
107
                                            if (myInput.value.match(upperCaseLetters)) {
108
                                                $(".msg_capital_letter").fadeOut();
109
                                            } else {
110
                                                $(".msg_capital_letter").fadeIn();
111
                                            }
112

    
113
                                            // Validate numbers
114
                                            var numbers = /[0-9]/g;
115
                                            if (myInput.value.match(numbers)) {
116
                                                $(".msg_number").fadeOut();
117
                                            } else {
118
                                                $(".msg_number").fadeIn();
119
                                            }
120

    
121
                                            // Validate length
122
                                            if (myInput.value.length >= 6) {
123
                                                $(".msg_lenght").fadeOut();
124
                                            } else {
125
                                                $(".msg_lenght").fadeIn();
126
                                            }
127

    
128
                                            if(myInput.value.match(lowerCaseLetters) && myInput.value.match(upperCaseLetters)
129
                                                    && myInput.value.match(numbers) && (myInput.value.length >= 6)){
130
                                                if($(".msg_please_add").css('display')!='none'){
131
                                                    $(".msg_please_add").fadeOut();
132
                                                }
133
                                            } else {
134
                                                if($(".msg_please_add").css('display')=='none') {
135
                                                    $(".msg_please_add").fadeIn();
136
                                                }
137
                                            }
138

    
139

    
140
                                            $("#password").focusin(function () {
141
                                                $(this).removeClass('aai-form-danger');
142
                                                $(".msg_please_add").fadeOut();
143
                                                $(".msg_password_error").fadeOut();
144
                                                $(".msg_pass_conf_error").fadeOut();
145
                                                $(".msg_lowercase_letter").fadeOut();
146
                                                $(".msg_capital_letter").fadeOut();
147
                                                $(".msg_number").fadeOut();
148
                                                $(".msg_lenght").fadeOut();
149
                                            });
150

    
151
                                            $("#password_conf").focusin(function () {
152
                                                $(this).removeClass('aai-form-danger');
153
                                                $(".msg_pass_conf_error").fadeOut();
154
                                            });
155
                                        }
156

    
157
                                    </script>
158
                                </div>
159
                                </ul>
160
                            </div>
161
                        </div>
162
                        <!-- END OF CENTER SIDE -->
163
                    </div>
164
                </div>
165
            </div>
166
        </div>
167
    </div>
168
    <!-- CONTENT ENDS HERE -->
169
    <!-- FOOTER STARTS HERE-->
170
    <div class="custom-footer"  style="z-index: 200;">
171
        <div class="uk-section-primary uk-section uk-section-small">
172
            <div class="uk-container">
173
                <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
174
                    <div class="uk-width-1-1@m uk-first-column">
175
                        <div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
176
                            <img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
177
                        </div>
178
                        <div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
179
                            <div><a href="http://creativecommons.org/licenses/by/4.0/" target="_blank" rel="license"><img alt="Creative" src="./images/80x15.png" style="height: auto; max-width: 100%; vertical-align: middle;"></a>&nbsp;UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A&nbsp;<a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
180
                            <div>OPENAIRE IS POWERED BY&nbsp;<a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
181
                        </div>
182
                        <div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
183
                            <a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
184
                            </a>
185
                        </div>
186
                    </div>
187
                </div>
188
            </div>
189
        </div>
190
    </div> <!-- FOOTER ENDS HERE -->
191
</div>
192
</body>
193
</html>
(2-2/12)