Project

General

Profile

1
<%--
2
  Created by IntelliJ IDEA.
3
  User: sofia
4
  Date: 20/10/2017
5
  Time: 3:43 μμ
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
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
12
<head>
13
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
14
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
15
    <meta name="viewport" content="width=device-width, initial-scale=1">
16
    <base href=".">
17
    <title>OpenAIRE - Forgot password, verification code</title>
18
    <script src="./js/jquery.js"></script>
19
    <script src="./js/uikit.js"></script>
20
    <script src="./js/validation.js"></script>
21
    <link rel="stylesheet" style="text/css" href="./css/theme.css">
22
    <link rel="stylesheet" style="text/css" href="./css/custom.css">
23
    <link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
24
</head>
25
<body class="" style="">
26
<div class="uk-offcanvas-content uk-height-viewport">
27
    <!-- MENU STARTS HERE -->
28
    <!-- MAIN MENU STARTS HERE -->
29
    <div class="tm-header  tm-header-transparent" uk-header="">
30
        <div class="uk-container uk-container-expand">
31
            <nav class="uk-navbar" uk-navbar="{&quot;align&quot;:&quot;left&quot;}">
32
                <div class="uk-navbar-center">
33
                    <div class="uk-logo uk-navbar-item">
34
                        <img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
35
                    </div>
36
                </div>
37
            </nav>
38
        </div>
39
    </div>
40
    <!-- MENU ENDS HERE -->
41
    <!-- CONTENT STARTS HERE -->
42
    <div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
43
        <div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
44
        </div>
45
    </div>
46
    <div class=" uk-section  uk-margin-small-top tm-middle custom-main-content" id="tm-main">
47
        <div class="uk-container uk-container-small uk-margin-medium-top  uk-margin-small-bottom uk-text-center">
48
            <div uk-grid="" class="uk-grid uk-grid-stack">
49
                <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">
50
                    <div class="uk-grid ">
51
                        <!-- CENTER SIDE -->
52
                        <div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
53
                            <div class="middle-box text-center loginscreen animated fadeInDown ">
54
                                <p>An email has been sent to your email address. The email contains your username and an activation code, please paste them in the fields below to prove that you are the owner of this email account.</p>
55
                                <div class="uk-width-1-3@m uk-align-center">
56
                                    <!-- Validate form -->
57
                                    <div id="registerForm">
58
                                        <form action="verifyCode" method="POST" role="form" class="m-t" id="register_form">
59
                                            <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
60
                                            <div class="alert alert-success" aria-hidden="true" style="display: none;"></div>
61
                                            <div class="alert alert-danger" aria-hidden="true" style="display: none;"></div>
62
                                            <div class="form-group">
63
                                                <span id="server_error" class="uk-text-danger uk-text-small uk-float-left">${message}</span>
64
                                                <c:remove var="message" scope="session" />
65
                                                <span class="msg_username_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter your username.</span>
66
                                                <input id="username" name="username" type="text" placeholder="Username" class="form-control"></div>
67
                                            <div class="form-group">
68
                                                <span class="msg_activation_code_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter your activation code.</span>
69
                                                <input id="verification_code" name="verification_code" type="text" placeholder="Activation Code" class="form-control"></div>
70
                                            <div class="uk-margin uk-grid-small uk-child-width-auto uk-grid uk-text-left uk-grid-stack" uk-grid="">
71
                                                <div class="uk-width-1-1 uk-grid-margin uk-first-column">
72
                                                    <button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">Submit</button>
73
                                                </div>
74
                                            </div>
75
                                        </form>
76
                                    </div>
77
                                    <!-- END OF REGISTER FORM -->
78
                                    <script>
79
                                        $("#username").focusin(function() {
80
                                            $(this).removeClass('aai-form-danger');
81
                                            $(".msg_username_error").fadeOut();
82
                                            $("#server_error").fadeOut();
83
                                        });
84

    
85
                                        $("#verification_code").focusin(function() {
86
                                            $(this).removeClass('aai-form-danger');
87
                                            $(".msg_verification_code_error").fadeOut();
88
                                            $("#server_error").fadeOut();
89
                                        });
90
                                    </script>
91
                                </div>
92
                                </ul>
93
                            </div>
94
                        </div>
95
                        <!-- END OF CENTER SIDE -->
96
                    </div>
97
                </div>
98
            </div>
99
        </div>
100
    </div>
101
    <!-- CONTENT ENDS HERE -->
102
    <!-- FOOTER STARTS HERE-->
103
    <div class="custom-footer"  style="z-index: 200;">
104
        <div class="uk-section-primary uk-section uk-section-small">
105
            <div class="uk-container">
106
                <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
107
                    <div class="uk-width-1-1@m uk-first-column">
108
                        <div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
109
                            <img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
110
                        </div>
111
                        <div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
112
                            <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>
113
                            <div>OPENAIRE IS POWERED BY&nbsp;<a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
114
                        </div>
115
                        <div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
116
                            <a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
117
                            </a>
118
                        </div>
119
                    </div>
120
                </div>
121
            </div>
122
        </div>
123
    </div>
124
    <!-- FOOTER ENDS HERE -->
125
</div>
126
</body>
127
</html>
(13-13/13)