Change all user management pages to new theme
This commit is contained in:
parent
682d0ab09e
commit
90e4915174
|
|
@ -7,64 +7,64 @@
|
|||
<jsp:param name="form" value="true"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<h1 class="uk-h4 uk-margin-large-top">Thank you for registering!</h1>
|
||||
<div class="uk-text-large uk-margin-medium-bottom">
|
||||
The next step is to <span class="uk-text-bolder">activate your account.</span>
|
||||
</div>
|
||||
<div class="uk-margin-large-bottom">
|
||||
An <span class="uk-text-bolder">email</span> with your username and an <span
|
||||
class="uk-text-bolder">activation code</span>
|
||||
has been sent to you. Please use them in the form below to activate your account.
|
||||
The activation code <span class="uk-text-bold uk-text-warning">expires in 24 hours</span>.
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<h1 class="uk-h4 uk-margin-large-top">Thank you for registering!</h1>
|
||||
<div class="uk-text-large uk-margin-medium-bottom">
|
||||
The next step is to <span class="uk-text-bolder">activate your account.</span>
|
||||
</div>
|
||||
<div class="uk-margin-large-bottom">
|
||||
An <span class="uk-text-bolder">email</span> with your username and an <span
|
||||
class="uk-text-bolder">activation code</span>
|
||||
has been sent to you. Please use them in the form below to activate your account.
|
||||
The activation code <span class="uk-text-bold uk-text-warning">expires in 24 hours</span>.
|
||||
</div>
|
||||
</div>
|
||||
<form action="activate" method="POST" role="form"
|
||||
class="uk-grid uk-child-width-1-1 uk-flex-column uk-flex-middle" uk-grid>
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div input id="username" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Username <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="username" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span id="server_username_error" class="uk-text-danger uk-text-small">
|
||||
${msg_username_error}
|
||||
</span>
|
||||
<c:remove var="msg_username_error" scope="session" />
|
||||
</div>
|
||||
<div input id="verification_code" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Activation Code <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="verification_code" value="${param.code}" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span id="server_activation_code_error" class="uk-text-danger uk-text-small">
|
||||
${msg_activation_code_error}
|
||||
</span>
|
||||
<c:remove var="msg_activation_code_error" scope="session" />
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-text-center">
|
||||
<div id="server_error" class="uk-text-danger uk-text-center uk-text-small uk-margin-bottom">${message}</div>
|
||||
<c:remove var="message" scope="session" />
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">
|
||||
Activate
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<form action="activate" method="POST" role="form"
|
||||
class="uk-grid uk-child-width-1-1 uk-flex-column uk-flex-middle" uk-grid>
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div id="server_error" class="uk-text-danger uk-text-center uk-text-small">${message}</div>
|
||||
<c:remove var="message" scope="session" />
|
||||
<div input id="username" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Username <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="username" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span id="server_username_error" class="uk-text-danger uk-text-small">
|
||||
${msg_username_error}
|
||||
</span>
|
||||
<c:remove var="msg_username_error" scope="session" />
|
||||
</div>
|
||||
<div input id="verification_code" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Activation Code <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="verification_code" value="${param.code}" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span id="server_activation_code_error" class="uk-text-danger uk-text-small">
|
||||
${msg_activation_code_error}
|
||||
</span>
|
||||
<c:remove var="msg_activation_code_error" scope="session" />
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-text-center">
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">
|
||||
Activate
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
$("#username input").focusin(function() {
|
||||
|
|
|
|||
|
|
@ -1,211 +1,99 @@
|
|||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: sofia
|
||||
Date: 23/10/2017
|
||||
Time: 3:58 μμ
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<% if (session.getAttribute("username") == null) {
|
||||
String redirectURL = request.getContextPath() + "/forgotPassword.jsp";
|
||||
response.sendRedirect(redirectURL);
|
||||
}%>
|
||||
<%--<%String name=(String)request.getAttribute("name");--%>
|
||||
<%--out.print("your name"+name);%>--%>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<base href=".">
|
||||
<title>OpenAIRE - Enter new password</title>
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<script src="./js/validation.js"></script>
|
||||
<script src="./js/uikit-icons.min.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
</head>
|
||||
<body class="" style="">
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<!-- MENU STARTS HERE -->
|
||||
<!-- MAIN MENU STARTS HERE -->
|
||||
<div class="tm-header tm-header-transparent" uk-header="">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Enter a new password"/>
|
||||
<jsp:param name="form" value="true"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<h1 class="uk-h4 uk-margin-large-top">Enter a new password</h1>
|
||||
<div class="uk-margin-large-bottom uk-margin-medium-top">
|
||||
To complete the password reset process, please enter a new password.
|
||||
</div>
|
||||
</div>
|
||||
<form action="resetPassword" method="POST" role="form"
|
||||
class="uk-grid uk-child-width-1-1 uk-flex-column uk-flex-middle" uk-grid>
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div input id="password" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Password <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="password" type="password" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div id="msg_pass_error" class="uk-text-danger uk-text-small" style="display: none;">Please enter your password.</div>
|
||||
<div id="msg_pass_conf_error" class="uk-text-danger uk-text-small" style="display: none;">The passwords don't match.</div>
|
||||
<div id="msg_whitespace" class="uk-text-danger uk-text-small" style="display: none;">No white space allowed.</div>
|
||||
<div id="msg_lowercase_letter" class="uk-text-danger uk-text-small" style="display: none;">Please add a lowercase letter.</div>
|
||||
<div id="msg_uppercase_letter" class="uk-text-danger uk-text-small" style="display: none;">Please add an uppercase letter.</div>
|
||||
<div id="msg_number" class="uk-text-danger uk-text-small" style="display: none;">Please add a number.</div>
|
||||
<div id="msg_length" class="uk-text-danger uk-text-small" style="display: none;">Must contains at least 6 characters.</div>
|
||||
<div id="msg_invalid_password" class="uk-text-danger uk-text-small" style="display: none;">
|
||||
The password must contain a lowercase letter, a capital (uppercase) letter, a number and must be at least 6 characters long. White space character is not allowed.
|
||||
</div>
|
||||
<c:remove var="msg_pass_conf_error_display" scope="session" />
|
||||
<c:remove var="msg_password_error_display" scope="session" />
|
||||
<c:remove var="msg_invalid_password_display" scope="session" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- MENU ENDS HERE -->
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section uk-margin-small-top tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-small-bottom uk-text-center">
|
||||
<div uk-grid="" class="uk-grid uk-grid-stack">
|
||||
<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">
|
||||
<div class="uk-grid ">
|
||||
<!-- CENTER SIDE -->
|
||||
<div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
|
||||
<div class="middle-box text-center loginscreen animated fadeInDown ">
|
||||
<%--<span uk-icon="icon: check"></span>--%>
|
||||
<%--<a href="" uk-icon="icon: heart"></a>--%>
|
||||
<%--<h3 uk-icon="icon: check"></h3>--%>
|
||||
<h3 class="uk-h4 uk-text-success"><span uk-icon="icon: check; ratio: 1.3"></span> Your email is now verified!</h3>
|
||||
<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. No white space allowed.</b></p>
|
||||
<div class="uk-width-1-3@m uk-align-center">
|
||||
<!-- REGISTER FORM -->
|
||||
<div id="registerForm">
|
||||
<form action="resetPassword" method="POST" role="form" class="m-t" id="register_form" >
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div class="alert alert-success" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="alert alert-danger" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="form-group">
|
||||
<span class="msg_password_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter your password.</span>
|
||||
<span class="msg_pass_conf_error uk-text-danger uk-text-small uk-float-left" style="display:none">These passwords don't match.</span>
|
||||
<p><span class="msg_please_add uk-text-danger uk-text-small uk-float-left" style="display:none">Please add:  </span></p>
|
||||
<span class="msg_lowercase_letter uk-text-danger uk-text-small uk-float-left" style="display:none">A lowercase letter.  </span>
|
||||
<span class="msg_capital_letter uk-text-danger uk-text-small uk-float-left" style="display:none">A capital (uppercase) letter.   </span>
|
||||
<span class="msg_number uk-text-danger uk-text-small uk-float-left" style="display:none">A number.  </span>
|
||||
<span class="msg_lenght uk-text-danger uk-text-small uk-float-left" style="display:none">Minimum 6 characters.  </span>
|
||||
<p><span class="msg_space uk-text-danger uk-text-small uk-float-left" style="display:none">No white space allowed  </span></p>
|
||||
<%--<span id="server_invalid_password_error" class="uk-text-danger uk-text-small uk-float-left">${msg_invalid_password}</span>--%>
|
||||
<%--<c:remove var="msg_invalid_password" scope="session" />--%>
|
||||
<input id="password" name="password" type="password" placeholder="Password" class="form-control"></div>
|
||||
<div class="form-group">
|
||||
<input id="password_conf" name="password_conf" type="password" placeholder="Confirm password" class="form-control"></div>
|
||||
<div class="uk-margin uk-grid-small uk-child-width-auto uk-grid uk-text-left uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1 uk-grid-margin uk-first-column">
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validatePasswordForm();">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END OF REGISTER FORM -->
|
||||
<script>
|
||||
|
||||
var password = document.getElementById("password");
|
||||
|
||||
// When the user starts to type something inside the password field
|
||||
password.onkeyup = function() {
|
||||
|
||||
// Validate lowercase letters
|
||||
var lowerCaseLetters = /[a-z]/g;
|
||||
if (password.value.match(lowerCaseLetters)) {
|
||||
$(".msg_lowercase_letter").fadeOut();
|
||||
} else {
|
||||
$(".msg_lowercase_letter").fadeIn();
|
||||
}
|
||||
|
||||
// Validate capital letters
|
||||
var upperCaseLetters = /[A-Z]/g;
|
||||
if (password.value.match(upperCaseLetters)) {
|
||||
$(".msg_capital_letter").fadeOut();
|
||||
} else {
|
||||
$(".msg_capital_letter").fadeIn();
|
||||
}
|
||||
|
||||
// Validate numbers
|
||||
var numbers = /[0-9]/g;
|
||||
if (password.value.match(numbers)) {
|
||||
$(".msg_number").fadeOut();
|
||||
} else {
|
||||
$(".msg_number").fadeIn();
|
||||
}
|
||||
|
||||
// Validate length
|
||||
if (password.value.length >= 6) {
|
||||
$(".msg_lenght").fadeOut();
|
||||
} else {
|
||||
$(".msg_lenght").fadeIn();
|
||||
}
|
||||
|
||||
// Validate no white space
|
||||
var space = /[\s]+/g;
|
||||
if (password.value.match(space)){
|
||||
$(".msg_space").fadeIn();
|
||||
} else {
|
||||
$(".msg_space").fadeOut();
|
||||
}
|
||||
|
||||
if(password.value.match(lowerCaseLetters) && password.value.match(upperCaseLetters)
|
||||
&& password.value.match(numbers) && (password.value.length >= 6)){
|
||||
if($(".msg_please_add").css('display')!='none'){
|
||||
$(".msg_please_add").fadeOut();
|
||||
}
|
||||
} else {
|
||||
if($(".msg_please_add").css('display')=='none') {
|
||||
$(".msg_please_add").fadeIn();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
$("#password").focusin(function () {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$(".msg_please_add").fadeOut();
|
||||
$(".msg_password_error").fadeOut();
|
||||
$(".msg_pass_conf_error").fadeOut();
|
||||
// $("#server_invalid_password_error").fadeOut();
|
||||
$(".msg_lowercase_letter").fadeOut();
|
||||
$(".msg_capital_letter").fadeOut();
|
||||
$(".msg_number").fadeOut();
|
||||
$(".msg_lenght").fadeOut();
|
||||
});
|
||||
|
||||
$("#password_conf").focusin(function () {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$(".msg_pass_conf_error").fadeOut();
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF CENTER SIDE -->
|
||||
<div input id="password_conf" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Confirm Password <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="password_conf" type="password" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-flex uk-flex-center">
|
||||
<div class="g-recaptcha" data-sitekey=${applicationScope.sitekey}></div>
|
||||
</div>
|
||||
</div> <!-- FOOTER ENDS HERE -->
|
||||
<div class="uk-width-1-1 uk-text-center">
|
||||
<div id="server_error" class="uk-text-danger uk-text-center uk-text-small uk-margin-bottom">${message}</div>
|
||||
<c:remove var="message" scope="session" />
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validatePasswordForm();">
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<script>
|
||||
$("input").focusin(function () {
|
||||
$("#server_error").hide();
|
||||
});
|
||||
|
||||
// On the fly check for password validation
|
||||
let password = $("#password input")[0];
|
||||
password.onkeyup = function () {
|
||||
validatePassword(password.value);
|
||||
};
|
||||
|
||||
$("#password input").focusin(function () {
|
||||
$("#msg_password_error").hide();
|
||||
$("#msg_pass_conf_error").hide();
|
||||
$("#msg_lowercase_letter").hide();
|
||||
$("#msg_capital_letter").hide();
|
||||
$("#msg_number").hide();
|
||||
$("#msg_length").hide();
|
||||
});
|
||||
|
||||
$("#password_conf input").focusin(function () {
|
||||
$("#msg_pass_conf_error").hide();
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,11 +4,11 @@
|
|||
<jsp:param name="title" value="OpenAIRE - Email Confirmation"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-container uk-container-small uk-text-center">
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<h1 class="uk-h4 uk-margin-large-top">PLEASE VERIFY YOUR EMAIL</h1>
|
||||
<div class="uk-text-large">You will need to verify your email to complete registration.</div>
|
||||
<img class="uk-margin-large-top uk-margin-large-bottom" src="images/envelope.svg" style="height: 180px;">
|
||||
<img class="uk-margin-large-top uk-margin-large-bottom" src="images/envelope.svg" style="height: 140px;">
|
||||
<div class="uk-margin-medium-bottom">
|
||||
An email has been sent to your email with a link to verify your account.<br>
|
||||
If you have not received the email after a few minutes, please check your spam folder.
|
||||
|
|
|
|||
|
|
@ -1,10 +1,3 @@
|
|||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: sofia
|
||||
Date: 30/10/2017
|
||||
Time: 1:07 μμ
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
|
|
@ -14,92 +7,20 @@
|
|||
} else if (session.getAttribute("emailSuccess") != null) {
|
||||
session.removeAttribute("emailSuccess");
|
||||
}%>
|
||||
<%--<META HTTP-EQUIV=Refresh CONTENT="0.5; URL=http://beta.services.openaire.eu/uoa-user-management/openid_connect_login">--%>
|
||||
<META HTTP-EQUIV=Refresh CONTENT='0.5; URL=<%= session.getAttribute("homeUrl")%>'>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>OpenAIRE - Email Sent</title>
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<script src="./js/validation.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
</head>
|
||||
<body class="" style="">
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<!-- MENU STARTS HERE -->
|
||||
<!-- MAIN MENU STARTS HERE -->
|
||||
<div class="tm-header tm-header-transparent" uk-header="">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Email Sent"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<div class="uk-margin-large-top uk-text-success">
|
||||
<span class="material-icons" style="font-size: 180px;">check</span>
|
||||
</div>
|
||||
<div class="uk-text-large uk-text-bold uk-margin-medium-top">Your username has been successfully sent to your email!</div>
|
||||
</div>
|
||||
<!-- MENU ENDS HERE -->
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-small-bottom uk-text-center">
|
||||
<%--<h2 class="uk-h2 uk-margin-small-bottom">Forgot Password</h2>--%>
|
||||
<div uk-grid="" class="uk-grid uk-grid-stack">
|
||||
<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">
|
||||
<div class="uk-grid ">
|
||||
<!-- CENTER SIDE -->
|
||||
<div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
|
||||
<!-- <h3 class="uk-h3">Create an account</h3> -->
|
||||
<div class="middle-box text-center loginscreen animated fadeInDown ">
|
||||
<h3 class="uk-h4 uk-text-success">Your username has been successfully sent!</h3>
|
||||
<div class="uk-width-1-3@m uk-align-center">
|
||||
<%--<p>Please click <a href="http://beta.services.openaire.eu/uoa-user-management/openid_connect_login">here</a> to login.</p>--%>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF CENTER SIDE -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- FOOTER ENDS HERE -->
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,94 +1,25 @@
|
|||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: sofia
|
||||
Date: 12/10/2017
|
||||
Time: 4:16 μμ
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<% if (session.getAttribute("error") == null) {
|
||||
String redirectURL = request.getContextPath() + "/error404.jsp";
|
||||
response.sendRedirect(redirectURL);
|
||||
} else if (session.getAttribute("error") != null) {
|
||||
session.removeAttribute("error");
|
||||
String redirectURL = request.getContextPath() + "/error404.jsp";
|
||||
response.sendRedirect(redirectURL);
|
||||
} else if (session.getAttribute("error") != null) {
|
||||
session.removeAttribute("error");
|
||||
}%>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<base href=".">
|
||||
<title>OpenAIRE - Error</title>
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<script src="./js/validation.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
</head>
|
||||
<body class="" style="">
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<div class="tm-header tm-header-transparent">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Error"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<h1 class="uk-h4 uk-text-danger uk-margin-large-top">Oops! Something went wrong!</h1>
|
||||
<div class="uk-margin-large-bottom uk-margin-medium-top">
|
||||
Something went wrong. Please try again later or contact OpenAIRE <a href="https://www.openaire.eu/support/helpdesk">helpdesk</a>. We apologize for the inconvenience.
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section uk-margin-small-top tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-medium-top uk-margin-small-bottom uk-text-center">
|
||||
<%--<h2 class="uk-h2 uk-margin-small-bottom">Welcome to our Single Sign-On service</h2>--%>
|
||||
<%--<div class="uk-text-meta uk-margin-large-bottom">Use the same credentials for all our services</div>--%>
|
||||
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first uk-first-column">
|
||||
<div class="uk-width-1-1">
|
||||
<h3 class="uk-h4 uk-text-danger">Oops! Something went wrong!</h3>
|
||||
<div class="middle-box loginscreen animated fadeInDown uk-text-left ">
|
||||
<p>Something went wrong. Please try again later or contact OpenAIRE <a href="https://www.openaire.eu/support/helpdesk">helpdesk</a>. We apologize for the inconvenience.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FOOTER ENDS HERE -->
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,80 +1,19 @@
|
|||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<base href=".">
|
||||
<title>OpenAIRE - Error 404</title>
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<script src="./js/validation.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
</head>
|
||||
<body class="" style="">
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<div class="tm-header tm-header-transparent">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Error 404"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<h1 class="uk-h4 uk-text-danger uk-margin-large-top">Oops! Something went wrong!</h1>
|
||||
<div class="uk-margin-large-bottom uk-margin-medium-top">
|
||||
404 Error! The requested page was not found.
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section uk-margin-small-top tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-medium-top uk-margin-small-bottom uk-text-center">
|
||||
<%--<h2 class="uk-h2 uk-margin-small-bottom">Welcome to our Single Sign-On service</h2>--%>
|
||||
<%--<div class="uk-text-meta uk-margin-large-bottom">Use the same credentials for all our services</div>--%>
|
||||
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first uk-first-column">
|
||||
<div class="uk-width-1-1">
|
||||
<h3 class="uk-h4 uk-text-danger ">404 - Oops! Something went wrong!</h3>
|
||||
<div class="middle-box loginscreen animated fadeInDown uk-text-left ">
|
||||
<p class="uk-text-center">404 Error! The requested page was not found.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FOOTER ENDS HERE -->
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,82 +1,25 @@
|
|||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: sofia
|
||||
Date: 12/10/2017
|
||||
Time: 5:15 μμ
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<% if (session.getAttribute("expiredVerificationCode") == null) {
|
||||
String redirectURL = request.getContextPath() + "/error404.jsp";
|
||||
response.sendRedirect(redirectURL);
|
||||
} else if (session.getAttribute("expiredVerificationCode") != null) {
|
||||
session.removeAttribute("expiredVerificationCode");
|
||||
String redirectURL = request.getContextPath() + "/error404.jsp";
|
||||
response.sendRedirect(redirectURL);
|
||||
} else if (session.getAttribute("expiredVerificationCode") != null) {
|
||||
session.removeAttribute("expiredVerificationCode");
|
||||
}%>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<base href=".">
|
||||
<title>OpenAIRE - Expired Verification Code</title>
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<script src="./js/validation.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
</head>
|
||||
<body class="" style="">
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<div class="tm-header tm-header-transparent">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-small-bottom uk-text-center">
|
||||
<%--<h2 class="uk-h2 uk-margin-small-bottom">Welcome to our Single Sign-On service</h2>--%>
|
||||
<%--<div class="uk-text-meta uk-margin-large-bottom">Use the same credentials for all our services</div>--%>
|
||||
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first uk-first-column">
|
||||
<div class="uk-width-1-1">
|
||||
<%--<h3 class="uk-h3 uk-text-danger">Oops! Something went wrong</h3>--%>
|
||||
<div class="middle-box loginscreen animated fadeInDown uk-text-center">
|
||||
<p>Your verification code has expired. Please request for a new verification code <a href="./requestActivationCode.jsp">here</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer">
|
||||
<div class="uk-section-primary uk-section uk-section-small uk-padding-remove-bottom">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-expand@m uk-light uk-first-column">
|
||||
FOOTER???
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Expired Verification Code"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<div class="uk-margin-large-top uk-text-warning">
|
||||
<span class="material-icons" style="font-size: 180px;">alarm</span>
|
||||
</div>
|
||||
<div class="uk-text-large uk-text-bold uk-margin-medium-top">Your verification code has expired</div>
|
||||
<div class="uk-margin-top">Please request for a new verification code <a href="./requestActivationCode.jsp">here</a>.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,119 +1,53 @@
|
|||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>OpenAIRE - Forgot password</title>
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
<script src='https://www.google.com/recaptcha/api.js'></script>
|
||||
</head>
|
||||
<body class="" style="">
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<!-- MENU STARTS HERE -->
|
||||
<!-- MAIN MENU STARTS HERE -->
|
||||
<div class="tm-header tm-header-transparent" uk-header="">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Forgot password"/>
|
||||
<jsp:param name="form" value="true"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<h1 class="uk-h4 uk-margin-large-top">Forgot Password</h1>
|
||||
<div class="uk-margin-large-bottom uk-margin-medium-top">
|
||||
Please enter the <span class="uk-text-bolder">email address</span> of your account. A verification code will be
|
||||
sent to you. Once you have received
|
||||
the verification code, you will be able to choose a new password for your account.
|
||||
</div>
|
||||
<!-- MENU ENDS HERE -->
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-small-bottom uk-text-center">
|
||||
<h2 class="uk-h2 uk-margin-small-bottom">Forgot Password</h2>
|
||||
<div uk-grid="" class="uk-grid uk-grid-stack">
|
||||
<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">
|
||||
<div class="uk-grid ">
|
||||
<!-- CENTER SIDE -->
|
||||
<div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
|
||||
<!-- <h3 class="uk-h3">Create an account</h3> -->
|
||||
<div class="middle-box text-center loginscreen animated fadeInDown ">
|
||||
<p>Please enter the email address for your account. A verification code will be sent to you. Once you have received the verification code, you will be able to choose a new password for your account.</p>
|
||||
<div class="uk-width-1-3@m uk-align-center">
|
||||
<!-- REGISTER FORM -->
|
||||
<div id="registerForm">
|
||||
<form action="forgotPassword" method="POST" role="form" class="m-t" id="register_form">
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div class="alert alert-success" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="alert alert-danger" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="form-group">
|
||||
<span id="server_error" class="uk-text-danger uk-text-small uk-float-left">${message}</span>
|
||||
<c:remove var="message" scope="session" />
|
||||
<span class="msg_email_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter your email.</span>
|
||||
<span class="msg_email_validation_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter a valid email.</span>
|
||||
<input id="email" name="email" type="text" placeholder="Email" class="form-control"></div>
|
||||
<div class="uk-margin uk-grid-small uk-child-width-auto uk-grid uk-text-left uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1 uk-grid-margin uk-first-column">
|
||||
<div class="g-recaptcha" data-sitekey=${applicationScope.sitekey}></div>
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-grid-margin uk-first-column">
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<script>
|
||||
$("#email").focusin(function() {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$(".msg_email_error").fadeOut();
|
||||
$(".msg_email_validation_error").fadeOut();
|
||||
$("#server_error").fadeOut();
|
||||
});
|
||||
</script>
|
||||
<!-- END OF REGISTER FORM -->
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF CENTER SIDE -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- FOOTER ENDS HERE -->
|
||||
</div>
|
||||
<form action="forgotPassword" method="POST" role="form"
|
||||
class="uk-grid uk-child-width-1-1 uk-flex-column uk-flex-middle" uk-grid>
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div input id="email" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Email <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="email" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-flex uk-flex-center">
|
||||
<div class="g-recaptcha" data-sitekey=${applicationScope.sitekey}></div>
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-text-center">
|
||||
<div id="server_error" class="uk-text-danger uk-text-center uk-text-small uk-margin-bottom">${message}</div>
|
||||
<c:remove var="message" scope="session" />
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
$("#email input").focusin(function () {
|
||||
$("#server_error").hide();
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@ $(document).ready(function () {
|
|||
}
|
||||
|
||||
/**
|
||||
* Blurs all inputs except this given index;
|
||||
* Blurs all inputs except of the given index;
|
||||
* */
|
||||
function blur(index = -1) {
|
||||
$.each(inputs, function (j, input) {
|
||||
|
|
|
|||
|
|
@ -1,219 +1,123 @@
|
|||
function validateForm() {
|
||||
|
||||
var email = $("#email").val();
|
||||
var email_conf = $("#email_conf").val();
|
||||
var password = $("#password").val();
|
||||
var password_conf = $("#password_conf").val();
|
||||
|
||||
var isValidEmail = validateEmail(email);
|
||||
var isValidPassword = validatePassword(password);
|
||||
var hasError = false;
|
||||
var isUsernameFilled = false;
|
||||
var isEmailFilled = false;
|
||||
var isPasswordFilled = false;
|
||||
let hasError = false;
|
||||
|
||||
// Check if first name is filled
|
||||
if($("#first_name").val() != undefined) {
|
||||
if($.trim($("#first_name").val()).length <= 0) {
|
||||
$("#first_name").addClass('uk-input aai-form-danger');
|
||||
$(".msg_first_name_error").show();
|
||||
let firstNameInput = getTextField($("#first_name"));
|
||||
if(firstNameInput.val() !== undefined) {
|
||||
let wrapper = getWrapper("#first_name");
|
||||
if($.trim(firstNameInput.val()).length <= 0) {
|
||||
$("#msg_first_name_error").show();
|
||||
wrapper.addClass('danger');
|
||||
hasError = true;
|
||||
} else {
|
||||
$(".msg_first_name_error").hide();
|
||||
$("#first_name").removeClass('aai-form-danger');
|
||||
$("#msg_first_name_error").hide();
|
||||
wrapper.removeClass('danger');
|
||||
}
|
||||
}
|
||||
|
||||
// Check if last name is filled
|
||||
if($("#last_name").val() != undefined) {
|
||||
if($.trim($("#last_name").val()).length <= 0) {
|
||||
$("#last_name").addClass('uk-input aai-form-danger');
|
||||
$(".msg_last_name_error").show();
|
||||
let lastNameInput = getTextField($("#last_name"));
|
||||
if(lastNameInput.val() !== undefined) {
|
||||
let wrapper = getWrapper("#last_name");
|
||||
if($.trim(lastNameInput.val()).length <= 0) {
|
||||
$("#msg_last_name_error").show();
|
||||
wrapper.addClass('danger');
|
||||
hasError = true;
|
||||
} else {
|
||||
$(".msg_last_name_error").hide();
|
||||
$("#last_name").removeClass('aai-form-danger');
|
||||
$("#msg_last_name_error").hide();
|
||||
wrapper.removeClass('danger');
|
||||
}
|
||||
}
|
||||
|
||||
// // Check if organization is filled
|
||||
// if($("#organization").val() != undefined) {
|
||||
// if($.trim($("#organization").val()).length <= 0) {
|
||||
// $("#organization").addClass('uk-input aai-form-danger');
|
||||
// $(".msg_organization_error").show();
|
||||
// } else {
|
||||
// $(".msg_organization_error").hide();
|
||||
// $("#organization").removeClass('aai-form-danger');
|
||||
// }
|
||||
// }
|
||||
|
||||
// Check if username is filled
|
||||
let usernameInput = getTextField($("#username"));
|
||||
if(usernameInput.val() !== undefined) {
|
||||
let wrapper = getWrapper("#username");
|
||||
if($.trim(usernameInput.val()).length <= 0) {
|
||||
$("#msg_username_error").show();
|
||||
wrapper.addClass('danger');
|
||||
hasError = true;
|
||||
} else {
|
||||
$("#msg_username_error").hide();
|
||||
wrapper.removeClass('danger');
|
||||
}
|
||||
}
|
||||
|
||||
// Check if verification code is filled
|
||||
let verificationCodeInput = getTextField($("#verification_code"));
|
||||
if(verificationCodeInput.val() !== undefined) {
|
||||
let wrapper = getWrapper("#verification_code");
|
||||
if($.trim(verificationCodeInput.val()).length <= 0) {
|
||||
$("#msg_verification_code_error").show();
|
||||
$("#msg_activation_code_error").show();
|
||||
wrapper.addClass('danger');
|
||||
hasError = true;
|
||||
} else {
|
||||
$("#msg_verification_code_error").hide();
|
||||
$("#msg_activation_code_error").hide();
|
||||
wrapper.removeClass('danger');
|
||||
}
|
||||
}
|
||||
|
||||
// Check if email is filled
|
||||
if($("#email").val() != undefined) {
|
||||
if($.trim($("#email").val()).length <= 0) {
|
||||
$("#email").addClass('uk-input aai-form-danger');
|
||||
$(".msg_email_error").show();
|
||||
// Check if email is filled and valid
|
||||
let emailInput = getTextField($("#email"));
|
||||
let emailConfInput = getTextField($("#email_conf"));
|
||||
if(emailInput.val() !== undefined) {
|
||||
let wrapper = getWrapper("#email");
|
||||
if($.trim(emailInput.val()).length <= 0) {
|
||||
wrapper.addClass('danger');
|
||||
hasError = true;
|
||||
$("#msg_email_error").show();
|
||||
} else {
|
||||
isEmailFilled = true;
|
||||
$(".msg_email_error").hide();
|
||||
$("#email").removeClass('aai-form-danger');
|
||||
}
|
||||
}
|
||||
|
||||
// If email is filled
|
||||
if (isEmailFilled) {
|
||||
// Check if email is valid
|
||||
if (!isValidEmail) {
|
||||
$("#email").addClass('uk-input aai-form-danger');
|
||||
$(".msg_email_validation_error").show();
|
||||
hasError = true;
|
||||
} else {
|
||||
$(".msg_email_validation_error").hide();
|
||||
$("#email").removeClass('aai-form-danger');
|
||||
}
|
||||
|
||||
if ($("#email_conf").val() != undefined) {
|
||||
// Check if emails match
|
||||
if (isValidEmail && !confirm(email, email_conf)) {
|
||||
$("#email").addClass('uk-input aai-form-danger');
|
||||
$("#email_conf").addClass('uk-input aai-form-danger');
|
||||
$(".msg_email_conf_error").show();
|
||||
hasError = true;
|
||||
$("#msg_email_error").hide();
|
||||
if(validateEmail(emailInput.val())) {
|
||||
$("#msg_email_validation_error").hide();
|
||||
if(emailConfInput) {
|
||||
let confWrapper = getWrapper('#email_conf')
|
||||
if(!confirm(emailInput.val(), emailConfInput.val())) {
|
||||
wrapper.addClass('danger');
|
||||
confWrapper.addClass('danger');
|
||||
$("#msg_email_conf_error").show();
|
||||
hasError = true;
|
||||
} else {
|
||||
$("#msg_email_conf_error").hide();
|
||||
wrapper.removeClass('danger');
|
||||
confWrapper.removeClass('danger');
|
||||
}
|
||||
}
|
||||
wrapper.removeClass('danger');
|
||||
} else {
|
||||
$(".msg_email_conf_error").hide();
|
||||
$("#email").removeClass('aai-form-danger');
|
||||
$("#email_conf").removeClass('aai-form-danger');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//Check if password is filled
|
||||
if($("#password").val() != undefined) {
|
||||
if($.trim($("#password").val()).length <= 0) {
|
||||
$("#password").addClass('uk-input aai-form-danger');
|
||||
$(".msg_password_error").show();
|
||||
} else {
|
||||
isPasswordFilled = true;
|
||||
$(".msg_password_error").hide();
|
||||
$("#password").removeClass('aai-form-danger');
|
||||
$("#password_conf").removeClass('aai-form-danger');
|
||||
}
|
||||
|
||||
if(isPasswordFilled) {
|
||||
// Check if passwords match
|
||||
if (!confirm(password, password_conf)) {
|
||||
$("#password").addClass('uk-input aai-form-danger');
|
||||
$("#password_conf").addClass('uk-input aai-form-danger');
|
||||
$(".msg_pass_conf_error").show();
|
||||
wrapper.addClass('danger');
|
||||
$("#msg_email_validation_error").show();
|
||||
hasError = true;
|
||||
} else {
|
||||
$(".msg_pass_conf_error").hide();
|
||||
}
|
||||
}
|
||||
|
||||
if(!isValidPassword) {
|
||||
$("#password").addClass('uk-input aai-form-danger');
|
||||
$(".msg_please_add").show();
|
||||
$(".msg_lowercase_letter").show();
|
||||
$(".msg_capital_letter").show();
|
||||
$(".msg_number").show();
|
||||
$(".msg_lenght").show();
|
||||
hasError = true;
|
||||
} else {
|
||||
$("#password").removeClass('aai-form-danger');
|
||||
$(".msg_please_add").hide();
|
||||
$(".msg_lowercase_letter").hide();
|
||||
$(".msg_capital_letter").hide();
|
||||
$(".msg_number").hide();
|
||||
$(".msg_lenght").hide();
|
||||
}
|
||||
}
|
||||
|
||||
var recaptcha = grecaptcha.getResponse();
|
||||
if (recaptcha!=null && recaptcha !== undefined && recaptcha.length > 0) {
|
||||
$(".recaptcha_error").hide();
|
||||
//Check if password is filled and valid
|
||||
let passwordInput = getTextField($("#password"));
|
||||
let passwordConfInput = getTextField($("#password_conf"));
|
||||
let validate = validatePassword(passwordInput.val(), passwordConfInput.val());
|
||||
if(!hasError) {
|
||||
hasError = !validate;
|
||||
}
|
||||
|
||||
let recaptcha = grecaptcha.getResponse();
|
||||
if (recaptcha != null && recaptcha.length > 0) {
|
||||
$("#recaptcha_error").hide();
|
||||
|
||||
} else {
|
||||
hasError = true;
|
||||
$(".recaptcha_error").show();
|
||||
$("#recaptcha_error").show();
|
||||
}
|
||||
|
||||
return !hasError;
|
||||
}
|
||||
|
||||
function validatePasswordForm() {
|
||||
|
||||
var password = $("#password").val();
|
||||
var password_conf = $("#password_conf").val();
|
||||
var isValidPassword = validatePassword(password);
|
||||
var hasError = false;
|
||||
var isPasswordFilled = false;
|
||||
|
||||
// Check if password is filled
|
||||
if ($("#password").val() != undefined) {
|
||||
if ($.trim($("#password").val()).length <= 0) {
|
||||
$("#password").addClass('uk-input aai-form-danger');
|
||||
$(".msg_password_error").show();
|
||||
} else {
|
||||
isPasswordFilled = true;
|
||||
$(".msg_password_error").hide();
|
||||
$("#password").removeClass('aai-form-danger');
|
||||
$("#password_conf").removeClass('aai-form-danger');
|
||||
}
|
||||
|
||||
if (isPasswordFilled) {
|
||||
// Check if passwords match
|
||||
if (!confirm(password, password_conf)) {
|
||||
$("#password").addClass('uk-input aai-form-danger');
|
||||
$("#password_conf").addClass('uk-input aai-form-danger');
|
||||
$(".msg_pass_conf_error").show();
|
||||
hasError = true;
|
||||
} else {
|
||||
$(".msg_pass_conf_error").hide();
|
||||
}
|
||||
}
|
||||
|
||||
if (!isValidPassword) {
|
||||
$("#password").addClass('uk-input aai-form-danger');
|
||||
$(".msg_please_add").show();
|
||||
$(".msg_lowercase_letter").show();
|
||||
$(".msg_capital_letter").show();
|
||||
$(".msg_number").show();
|
||||
$(".msg_lenght").show();
|
||||
hasError = true;
|
||||
} else {
|
||||
$("#password").removeClass('aai-form-danger');
|
||||
$(".msg_please_add").hide();
|
||||
$(".msg_lowercase_letter").hide();
|
||||
$(".msg_capital_letter").hide();
|
||||
$(".msg_number").hide();
|
||||
$(".msg_lenght").hide();
|
||||
}
|
||||
}
|
||||
|
||||
return !hasError;
|
||||
let passwordInput = getTextField($("#password"));
|
||||
let passwordConfInput = getTextField($("#password_conf"));
|
||||
return validatePassword(passwordInput.val(), passwordConfInput.val());
|
||||
}
|
||||
|
||||
function validateEmail(email) {
|
||||
|
|
@ -221,13 +125,81 @@ function validateEmail(email) {
|
|||
return re.test(email);
|
||||
}
|
||||
|
||||
function validatePassword(password) {
|
||||
var pattern = /^(?=.*[^a-zA-Z])(?=.*[a-z])(?=.*[A-Z])\S{6,}$/;
|
||||
return pattern.test(password);
|
||||
function validatePassword(password, confPassword = null) {
|
||||
let space = /[\s]+/g;
|
||||
let wrapper = getWrapper('#password');
|
||||
wrapper.removeClass('danger');
|
||||
$("#msg_pass_error").hide();
|
||||
$("#msg_whitespace").hide();
|
||||
$("#msg_lowercase_letter").hide();
|
||||
$("#msg_uppercase_letter").hide();
|
||||
$("#msg_number").hide();
|
||||
$("#msg_length").hide();
|
||||
if(password.length === 0) {
|
||||
wrapper.addClass('danger');
|
||||
$("#msg_pass_error").show();
|
||||
return false;
|
||||
} else {
|
||||
$("#msg_pass_error").hide();
|
||||
if (password.match(space)) {
|
||||
wrapper.addClass('danger');
|
||||
$("#msg_whitespace").show();
|
||||
return false;
|
||||
} else {
|
||||
$("#msg_whitespace").hide();
|
||||
let lowerCaseLetters = /[a-z]/g;
|
||||
if (!password.match(lowerCaseLetters)) {
|
||||
wrapper.addClass('danger');
|
||||
$("#msg_lowercase_letter").show();
|
||||
return false;
|
||||
} else {
|
||||
$("#msg_lowercase_letter").hide();
|
||||
let upperCaseLetters = /[A-Z]/g;
|
||||
if (!password.match(upperCaseLetters)) {
|
||||
wrapper.addClass('danger');
|
||||
$("#msg_uppercase_letter").show();
|
||||
return false;
|
||||
} else {
|
||||
$("#msg_uppercase_letter").hide();
|
||||
let numbers = /[0-9]/g;
|
||||
if (!password.match(numbers)) {
|
||||
wrapper.addClass('danger');
|
||||
$("#msg_number").show();
|
||||
return false;
|
||||
} else {
|
||||
$("#msg_number").hide();
|
||||
if (password.length >= 6) {
|
||||
$("#msg_length").hide();
|
||||
wrapper.removeClass('danger');
|
||||
} else {
|
||||
wrapper.addClass('danger');
|
||||
$("#msg_length").show();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if(confPassword) {
|
||||
let confWrapper = getWrapper('#password_conf')
|
||||
if(!confirm(password, confPassword)) {
|
||||
wrapper.addClass('danger');
|
||||
confWrapper.addClass('danger');
|
||||
$("#msg_pass_conf_error").show();
|
||||
return false;
|
||||
} else {
|
||||
$("#msg_pass_conf_error").hide();
|
||||
wrapper.removeClass('danger');
|
||||
confWrapper.removeClass('danger');
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
function confirm(first, second) {
|
||||
return first == second;
|
||||
return first === second;
|
||||
}
|
||||
|
||||
function loginForm(){
|
||||
|
|
|
|||
|
|
@ -1,359 +1,249 @@
|
|||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: sofia
|
||||
Date: 19/10/2017
|
||||
Time: 4:30 μμ
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<base href=".">
|
||||
<title>OpenAIRE - Register</title>
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<script src="./js/validation.js"></script>
|
||||
<script src="./js/uikit-icons-max.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
<script src='https://www.google.com/recaptcha/api.js'></script>
|
||||
</head>
|
||||
<body class="" style="">
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<!-- MENU STARTS HERE -->
|
||||
<!-- MAIN MENU STARTS HERE -->
|
||||
<div class="tm-header tm-header-transparent" uk-header="">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Register"/>
|
||||
<jsp:param name="form" value="true"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small uk-flex uk-flex-column uk-flex-middle">
|
||||
<div class="uk-text-center uk-margin-large-bottom">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<h1 class="uk-h4 uk-margin-large-top">Create a new OpenAIRE account</h1>
|
||||
</div>
|
||||
<form action="register" method="POST" role="form"
|
||||
class="uk-grid uk-width-xlarge uk-child-width-1-2@m uk-child-width-1-1 uk-flex-middle" uk-grid>
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div input id="first_name">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>First Name <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="first_name" class="input uk-text-truncate" value=${first_name}>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div id="msg_first_name_error" class="uk-text-danger uk-text-small" style="display: none;">Please enter your first name.</div>
|
||||
<c:remove var="msg_first_name_error_display" scope="session" />
|
||||
<c:remove var="first_name" scope="session" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- MENU ENDS HERE -->
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
<div input id="last_name">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Last Name <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="last_name" class="input uk-text-truncate" value=${last_name}>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="msg_last_name_error" class="uk-text-danger uk-text-small" style="display: none;">Please enter your last name.</div>
|
||||
<c:remove var="msg_last_name_error_display" scope="session" />
|
||||
<c:remove var="last_name" scope="session" />
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-small-bottom uk-text-center">
|
||||
<h2 class="uk-h2 uk-margin-small-bottom">Create new OpenAIRE account</h2>
|
||||
<%--<div class="uk-text-meta uk-margin-large-bottom">Use the same credentials for all our services</div>--%>
|
||||
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first uk-first-column">
|
||||
<div class="uk-grid ">
|
||||
<!-- CENTER SIDE -->
|
||||
<div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
|
||||
<h3 class="uk-h4">Create an account</h3>
|
||||
<div class="middle-box text-center loginscreen animated fadeInDown ">
|
||||
<div class="uk-width-1-3@m uk-align-center">
|
||||
<!-- REGISTER FORM -->
|
||||
<div id="registerForm">
|
||||
<form action="register" method="POST" role="form" class="m-t" id="register_form">
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div class="alert alert-success" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="alert alert-danger" aria-hidden="true" style="display: none;"></div>
|
||||
<span id="server_error" class="uk-text-danger uk-text-small uk-float-left">${message}</span>
|
||||
<c:remove var="message" scope="session" />
|
||||
<div class="form-group">
|
||||
<span class="msg_first_name_error uk-text-danger uk-text-small uk-float-left" style="display:none;">Please enter your first name.</span>
|
||||
<input id="first_name" name="first_name" type="text" placeholder="First name (*)" class="form-control" value=${first_name}></div>
|
||||
<c:remove var="msg_first_name_error_display" scope="session" />
|
||||
<c:remove var="first_name" scope="session" />
|
||||
<div class="form-group">
|
||||
<span class="msg_last_name_error uk-text-danger uk-text-small uk-float-left" style="display:none;">Please enter your last name.</span>
|
||||
<input id="last_name" name="last_name" type="text" placeholder="Last name (*)" class="form-control" value=${last_name}></div>
|
||||
<c:remove var="msg_last_name_error_display" scope="session" />
|
||||
<c:remove var="last_name" scope="session" />
|
||||
<div class="form-group">
|
||||
<input id="organization" name="organization" type="text" placeholder="Affiliation / Organization:" class="form-control" value=${organization}></div>
|
||||
<c:remove var="organization" scope="session" />
|
||||
<div class="form-group">
|
||||
<span class="msg_username_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter your username.</span>
|
||||
<span class="msg_username_min_lenght uk-text-danger uk-text-small uk-float-left" style="display:none">Minimum username length 5 characters.</span>
|
||||
<span class="msg_username_max_lenght uk-text-danger uk-text-small uk-float-left" style="display:none">Maximum username length 150 characters.</span>
|
||||
<span class="msg_username_start uk-text-danger uk-text-small uk-float-left" style="display:none">The username must start with letter or digit.</span>
|
||||
<span class="msg_username_allowed_characters uk-text-danger uk-text-small uk-float-left" style="display:none">You can use letters, numbers, underscores, hyphens and periods.</span>
|
||||
<span id="username_server_error" class="uk-text-danger uk-text-small uk-float-left">${username_message}</span>
|
||||
<span id="username_allowed_chars_server_error" class="uk-text-danger uk-text-small uk-float-left">${username_allowed_chars_message}</span>
|
||||
<span id="username_first_char_server_error" class="uk-text-danger uk-text-small uk-float-left">${username_first_char_message}</span>
|
||||
<c:remove var="username_message" scope="session" />
|
||||
<c:remove var="username_allowed_chars_message" scope="session" />
|
||||
<c:remove var="username_first_char_message" scope="session" />
|
||||
<input id="username" name="username" type="text" placeholder="Username (*)" class="form-control" value=${username}></div>
|
||||
<c:remove var="username" scope="session" />
|
||||
<div class="form-group">
|
||||
<span class="msg_email_error uk-text-danger uk-text-small uk-float-left" style="display:none;">Please enter your email.</span>
|
||||
<span class="msg_email_validation_error uk-text-danger uk-text-small uk-float-left" style="display:none;">Please enter a valid email.</span>
|
||||
<span class="msg_email_conf_error uk-text-danger uk-text-small uk-float-left" style="display:none;">These emails don't match.</span>
|
||||
<span id="email_server_error" class="uk-text-danger uk-text-small uk-float-left">${email_message}</span>
|
||||
<c:remove var="msg_email_conf_error_display" scope="session" />
|
||||
<c:remove var="msg_email_validation_error_display" scope="session" />
|
||||
<c:remove var="email_message" scope="session" />
|
||||
<input id="email" name="email" type="text" placeholder="Email (*)" class="form-control" value=${email}></div>
|
||||
<c:remove var="email" scope="session" />
|
||||
<c:remove var="msg_email_error_display" scope="session" />
|
||||
<div class="form-group">
|
||||
<input id="email_conf" name="email_conf" type="text" placeholder="Confirm email (*)" class="form-control" value=${email_conf}></div>
|
||||
<c:remove var="email_conf" scope="session" />
|
||||
<div class="form-group">
|
||||
<span class="msg_password_error uk-text-danger uk-text-small uk-float-left" style="display:none;">Please enter your password.</span>
|
||||
<span class="msg_pass_conf_error uk-text-danger uk-text-small uk-float-left" style="display:none;">These passwords don't match.</span>
|
||||
<p>
|
||||
<span class="msg_please_add uk-text-danger uk-text-small uk-float-left" style="display:none">Please add:  </span></p>
|
||||
<span class="msg_lowercase_letter uk-text-danger uk-text-small uk-float-left" style="display:none">A lowercase letter.  </span>
|
||||
<span class="msg_capital_letter uk-text-danger uk-text-small uk-float-left" style="display:none">A capital (uppercase) letter.   </span>
|
||||
<span class="msg_number uk-text-danger uk-text-small uk-float-left" style="display:none">A number.  </span>
|
||||
<span class="msg_lenght uk-text-danger uk-text-small uk-float-left" style="display:none">Minimum 6 characters.  </span>
|
||||
<p><span class="msg_whitespace uk-text-danger uk-text-small uk-float-left" style="display:none">No white space allowed.  </span></p>
|
||||
<span class="msg_invalid_password uk-text-danger uk-text-small uk-float-left" style="display:none;">The password must
|
||||
contain a lowercase letter, a capital (uppercase) letter, a number and must be at least 6 characters long. White space character is not allowed.</span>
|
||||
<input id="password" name="password" type="password" placeholder="Password" class="form-control"></div>
|
||||
<c:remove var="msg_pass_conf_error_display" scope="session" />
|
||||
<c:remove var="msg_password_error_display" scope="session" />
|
||||
<c:remove var="msg_invalid_password_display" scope="session" />
|
||||
<div class="form-group">
|
||||
<input id="password_conf" name="password_conf" type="password" placeholder="Confirm password" class="form-control"></div>
|
||||
<div class="uk-margin uk-grid-small uk-child-width-auto uk-grid uk-text-left uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1 uk-text-meta uk-text-danger uk-first-column">(*) Required fields</div>
|
||||
<span class="uk-text-danger uk-text-small recaptcha_error" style="display:none;">You missed the reCAPTCHA validation!</span>
|
||||
<c:remove var="recaptcha_error_display" scope="session" />
|
||||
<div class="g-recaptcha" data-sitekey=${applicationScope.sitekey}></div>
|
||||
<div class="uk-width-1-1 uk-grid-margin uk-first-column">
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">Register</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END OF REGISTER FORM -->
|
||||
<script>
|
||||
var myInput = document.getElementById("password");
|
||||
var usernameInput = document.getElementById("username");
|
||||
//var myEmailInput = document.getElementById("email");
|
||||
|
||||
$("#password").focusin(function () {
|
||||
$(".msg_invalid_password").fadeOut();
|
||||
});
|
||||
|
||||
// When the user starts to type something inside the password field
|
||||
myInput.onkeyup = function() {
|
||||
|
||||
var space = /[\s]+/g;
|
||||
if (myInput.value.match(space)) {
|
||||
$(".msg_whitespace").fadeIn();
|
||||
} else {
|
||||
$(".msg_whitespace").fadeOut();
|
||||
}
|
||||
|
||||
// Validate lowercase letters
|
||||
var lowerCaseLetters = /[a-z]/g;
|
||||
if (myInput.value.match(lowerCaseLetters)) {
|
||||
$(".msg_lowercase_letter").fadeOut();
|
||||
} else {
|
||||
$(".msg_lowercase_letter").fadeIn();
|
||||
}
|
||||
|
||||
// Validate capital letters
|
||||
var upperCaseLetters = /[A-Z]/g;
|
||||
if (myInput.value.match(upperCaseLetters)) {
|
||||
$(".msg_capital_letter").fadeOut();
|
||||
} else {
|
||||
$(".msg_capital_letter").fadeIn();
|
||||
}
|
||||
|
||||
// Validate numbers
|
||||
var numbers = /[0-9]/g;
|
||||
if (myInput.value.match(numbers)) {
|
||||
$(".msg_number").fadeOut();
|
||||
} else {
|
||||
$(".msg_number").fadeIn();
|
||||
}
|
||||
|
||||
// Validate length
|
||||
if (myInput.value.length >= 6) {
|
||||
$(".msg_lenght").fadeOut();
|
||||
} else {
|
||||
$(".msg_lenght").fadeIn();
|
||||
}
|
||||
|
||||
if(myInput.value.match(lowerCaseLetters) && myInput.value.match(upperCaseLetters)
|
||||
&& myInput.value.match(numbers) && (myInput.value.length >= 6)){
|
||||
if($(".msg_please_add").css('display')!='none'){
|
||||
$(".msg_please_add").fadeOut();
|
||||
}
|
||||
} else {
|
||||
if($(".msg_please_add").css('display')=='none') {
|
||||
$(".msg_please_add").fadeIn();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
usernameInput.onkeyup = function() {
|
||||
|
||||
// Validate username minimum length
|
||||
if (usernameInput.value.length >= 5) {
|
||||
$(".msg_username_min_lenght").fadeOut();
|
||||
} else {
|
||||
$(".msg_username_min_lenght").fadeIn();
|
||||
}
|
||||
// Validate username maximum length
|
||||
if (usernameInput.value.length < 150) {
|
||||
$(".msg_username_max_lenght").fadeOut();
|
||||
} else {
|
||||
$(".msg_username_max_lenght").fadeIn();
|
||||
}
|
||||
var allowedChars = /^[a-zA-Z0-9._-]*$/;
|
||||
if (usernameInput.value.match(allowedChars)) {
|
||||
$(".msg_username_allowed_characters").fadeOut();
|
||||
} else {
|
||||
$(".msg_username_allowed_characters").fadeIn();
|
||||
}
|
||||
var startsWith = /^[a-zA-Z0-9].*/;
|
||||
if (usernameInput.value.match(startsWith)) {
|
||||
$(".msg_username_start").fadeOut();
|
||||
} else {
|
||||
$(".msg_username_start").fadeIn();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
$("#first_name").focusin(function () {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$(".msg_first_name_error").fadeOut();
|
||||
});
|
||||
|
||||
$("#last_name").focusin(function () {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$(".msg_last_name_error").fadeOut();
|
||||
});
|
||||
|
||||
$("#username").focusin(function () {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$(".msg_username_error").fadeOut();
|
||||
$("#username_server_error").fadeOut();
|
||||
$("#username_allowed_chars_server_error").fadeOut();
|
||||
$("#username_first_char_server_error").fadeOut();
|
||||
});
|
||||
|
||||
$("#email").focusin(function () {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$(".msg_email_error").fadeOut();
|
||||
$(".msg_email_validation_error").fadeOut();
|
||||
$("#email_server_error").fadeOut();
|
||||
});
|
||||
|
||||
$("#email_conf").focusin(function () {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$(".msg_email_conf_error").fadeOut();
|
||||
});
|
||||
|
||||
$("#password").focusin(function () {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$(".msg_please_add").fadeOut();
|
||||
$(".msg_password_error").fadeOut();
|
||||
$(".msg_pass_conf_error").fadeOut();
|
||||
$(".msg_lowercase_letter").fadeOut();
|
||||
$(".msg_capital_letter").fadeOut();
|
||||
$(".msg_number").fadeOut();
|
||||
$(".msg_lenght").fadeOut();
|
||||
});
|
||||
|
||||
$("#password_conf").focusin(function () {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$(".msg_pass_conf_error").fadeOut();
|
||||
});
|
||||
|
||||
|
||||
// // Run on page load
|
||||
// window.onload = function() {
|
||||
//
|
||||
//// // If sessionStorage is storing default values (ex. name), exit the function and do not restore data
|
||||
//// if (sessionStorage.getItem('name') == "name") {
|
||||
//// return;
|
||||
//// }
|
||||
//
|
||||
// // If values are not blank, restore them to the fields
|
||||
//
|
||||
// var first_name = sessionStorage.getItem('first_name');
|
||||
// if (first_name !== null) $('#first_name').val(first_name);
|
||||
//
|
||||
// var last_name = sessionStorage.getItem('last_name');
|
||||
// if (last_name !== null) $('#last_name').val(last_name);
|
||||
//
|
||||
// var organization = sessionStorage.getItem('organization');
|
||||
// if (organization !== null) $('#organization').val(organization);
|
||||
//
|
||||
// var username = sessionStorage.getItem('username');
|
||||
// if (username !== null) $('#username').val(username);
|
||||
//
|
||||
// var email = sessionStorage.getItem('email');
|
||||
// if (email !== null) $('#email').val(email);
|
||||
//
|
||||
// var email_conf= sessionStorage.getItem('email_conf');
|
||||
// if (email_conf!== null) $('#email_conf').val(email_conf);
|
||||
//
|
||||
//
|
||||
// }
|
||||
//
|
||||
// // Before refreshing the page, save the form data to sessionStorage
|
||||
// window.onbeforeunload = function() {
|
||||
// sessionStorage.setItem("first_name", $('#first_name').val());
|
||||
// sessionStorage.setItem("last_name", $('#last_name').val());
|
||||
// sessionStorage.setItem("organization", $('#organization').val());
|
||||
// sessionStorage.setItem("username", $('#username').val());
|
||||
// sessionStorage.setItem("email", $('#email').val());
|
||||
// sessionStorage.setItem("email_conf", $('#email_conf').val());
|
||||
// }
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF CENTER SIDE -->
|
||||
<div input id="organization">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Affiliation / Organization</label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="organization" class="input uk-text-truncate" value=${organization}>
|
||||
</div>
|
||||
</div>
|
||||
<c:remove var="organization" scope="session" />
|
||||
</div>
|
||||
</div>
|
||||
<div input id="username">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Username <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="username" class="input uk-text-truncate" value=${username}>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="msg_username_error" class="uk-text-danger uk-text-small" style="display: none;">Please enter your username.</div>
|
||||
<div id="msg_username_min_length" class="uk-text-danger uk-text-small" style="display: none;">Minimum username length 5 characters.</div>
|
||||
<div id="msg_username_max_length" class="uk-text-danger uk-text-small" style="display: none;">Maximum username length 150 characters.</div>
|
||||
<div id="msg_username_start" class="uk-text-danger uk-text-small" style="display: none;">Username must start with a letter or digit.</div>
|
||||
<div id="msg_username_allowed_characters" class="uk-text-danger uk-text-small" style="display: none;">You can use letters, numbers, underscores, hyphens and periods.</div>
|
||||
<div id="username_server_error" class="uk-text-danger uk-text-small">${username_message}</div>
|
||||
<div id="username_allowed_chars_server_error" class="uk-text-danger uk-text-small">${username_allowed_chars_message}</div>
|
||||
<div id="username_first_char_server_error" class="uk-text-danger uk-text-small">${username_first_char_message}</div>
|
||||
<c:remove var="username" scope="session" />
|
||||
<c:remove var="username_message" scope="session" />
|
||||
<c:remove var="username_allowed_chars_message" scope="session" />
|
||||
<c:remove var="username_first_char_message" scope="session" />
|
||||
</div>
|
||||
<div input id="email">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Email <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="email" class="input uk-text-truncate" value=${email}>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="msg_email_error" class="uk-text-danger uk-text-small" style="display: none;">Please enter your email.</div>
|
||||
<div id="msg_email_validation_error" class="uk-text-danger uk-text-small" style="display: none;">Please enter a valid email.</div>
|
||||
<div id="msg_email_conf_error" class="uk-text-danger uk-text-small" style="display: none;">The emails don't match.</div>
|
||||
<div id="email_server_error" class="uk-text-danger uk-text-small">${email_message}</div>
|
||||
<c:remove var="email" scope="session" />
|
||||
<c:remove var="msg_email_error_display" scope="session" />
|
||||
<c:remove var="msg_email_conf_error_display" scope="session" />
|
||||
<c:remove var="msg_email_validation_error_display" scope="session" />
|
||||
<c:remove var="email_message" scope="session" />
|
||||
</div>
|
||||
<div input id="email_conf">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Confirm Email <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="email_conf" class="input uk-text-truncate" value=${email_conf}>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<c:remove var="email_conf" scope="session" />
|
||||
</div>
|
||||
<div input id="password">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Password <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="password" type="password" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="msg_pass_error" class="uk-text-danger uk-text-small" style="display: none;">Please enter your password.</div>
|
||||
<div id="msg_pass_conf_error" class="uk-text-danger uk-text-small" style="display: none;">The passwords don't match.</div>
|
||||
<div id="msg_whitespace" class="uk-text-danger uk-text-small" style="display: none;">No white space allowed.</div>
|
||||
<div id="msg_lowercase_letter" class="uk-text-danger uk-text-small" style="display: none;">Please add a lowercase letter.</div>
|
||||
<div id="msg_uppercase_letter" class="uk-text-danger uk-text-small" style="display: none;">Please add an uppercase letter.</div>
|
||||
<div id="msg_number" class="uk-text-danger uk-text-small" style="display: none;">Please add a number.</div>
|
||||
<div id="msg_length" class="uk-text-danger uk-text-small" style="display: none;">Must contains at least 6 characters.</div>
|
||||
<div id="msg_invalid_password" class="uk-text-danger uk-text-small" style="display: none;">
|
||||
The password must contain a lowercase letter, a capital (uppercase) letter, a number and must be at least 6 characters long. White space character is not allowed.
|
||||
</div>
|
||||
<c:remove var="msg_pass_conf_error_display" scope="session" />
|
||||
<c:remove var="msg_password_error_display" scope="session" />
|
||||
<c:remove var="msg_invalid_password_display" scope="session" />
|
||||
</div>
|
||||
<div input id="password_conf">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Confirm Password <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="password_conf" type="password" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-flex uk-flex-center">
|
||||
<div class="uk-text-center">
|
||||
<span id="recaptcha_error" class="uk-text-danger uk-text-small" style="display:none;">You missed the reCAPTCHA validation!</span>
|
||||
<div class="g-recaptcha" data-sitekey=${applicationScope.sitekey}></div>
|
||||
</div>
|
||||
</div>
|
||||
<c:remove var="recaptcha_error_display" scope="session" />
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-text-center">
|
||||
<div id="server_error" class="uk-text-danger uk-text-center uk-text-small uk-margin-bottom">${message}</div>
|
||||
<c:remove var="message" scope="session" />
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">
|
||||
Register
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
$("input").focusin(function () {
|
||||
$("#server_error").hide();
|
||||
});
|
||||
|
||||
// On the fly check for username validation
|
||||
let username = $("#username input")[0];
|
||||
username.onkeyup = function () {
|
||||
if (username.value.length < 5) {
|
||||
$("#msg_username_min_length").show();
|
||||
} else {
|
||||
$("#msg_username_min_length").hide();
|
||||
if (username.value.length >= 150) {
|
||||
$("#msg_username_min_length").show();
|
||||
} else {
|
||||
$("#msg_username_min_length").hide();
|
||||
let allowedChars = /^[a-zA-Z0-9._-]*$/;
|
||||
if (!username.value.match(allowedChars)) {
|
||||
$("#msg_username_allowed_characters").show();
|
||||
} else {
|
||||
$("#msg_username_allowed_characters").hide();
|
||||
let startsWith = /^[a-zA-Z0-9].*/;
|
||||
if (!username.value.match(startsWith)) {
|
||||
$("#msg_username_start").show();
|
||||
} else {
|
||||
$("#msg_username_start").hide();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// On the fly check for password validation
|
||||
let password = $("#password input")[0];
|
||||
password.onkeyup = function () {
|
||||
validatePassword(password.value);
|
||||
};
|
||||
|
||||
$("#first_name input").focusin(function () {
|
||||
$("#msg_first_name_error").hide();
|
||||
});
|
||||
|
||||
$("#last_name input").focusin(function () {
|
||||
$("#msg_last_name_error").hide();
|
||||
});
|
||||
|
||||
$("#username input").focusin(function () {
|
||||
$("#msg_username_error").hide();
|
||||
$("#username_server_error").hide();
|
||||
$("#username_allowed_chars_server_error").hide();
|
||||
$("#username_first_char_server_error").hide();
|
||||
});
|
||||
|
||||
$("#email input").focusin(function () {
|
||||
$("#msg_email_error").hide();
|
||||
$("#msg_email_validation_error").hide();
|
||||
$("#email_server_error").hide();
|
||||
});
|
||||
|
||||
$("#email_conf input").focusin(function () {
|
||||
$("#msg_email_conf_error").hide();
|
||||
});
|
||||
|
||||
$("#password input").focusin(function () {
|
||||
$("#msg_password_error").hide();
|
||||
$("#msg_pass_conf_error").hide();
|
||||
$("#msg_lowercase_letter").hide();
|
||||
$("#msg_capital_letter").hide();
|
||||
$("#msg_number").hide();
|
||||
$("#msg_length").hide();
|
||||
});
|
||||
|
||||
$("#password_conf input").focusin(function () {
|
||||
$("#msg_pass_conf_error").hide();
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,105 +1,26 @@
|
|||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: sofia
|
||||
Date: 1/11/2017
|
||||
Time: 12:44 μμ
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<% if (session.getAttribute("registerSuccess") == null) {
|
||||
String redirectURL = request.getContextPath() + "/error404.jsp";
|
||||
response.sendRedirect(redirectURL);
|
||||
} else if (session.getAttribute("registerSuccess") != null) {
|
||||
session.removeAttribute("registerSuccess");
|
||||
String redirectURL = request.getContextPath() + "/error404.jsp";
|
||||
response.sendRedirect(redirectURL);
|
||||
} else if (session.getAttribute("registerSuccess") != null) {
|
||||
session.removeAttribute("registerSuccess");
|
||||
}%>
|
||||
<%--<META HTTP-EQUIV=Refresh CONTENT="0.5; URL=http://beta.services.openaire.eu/uoa-user-management/openid_connect_login">--%>
|
||||
<META HTTP-EQUIV=Refresh CONTENT='0.5; URL=<%= session.getAttribute("homeUrl")%>'>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>OpenAIRE - Successful registration</title>
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<script src="./js/validation.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
</head>
|
||||
<body class="" style="">
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<!-- MENU STARTS HERE -->
|
||||
<!-- MAIN MENU STARTS HERE -->
|
||||
<div class="tm-header tm-header-transparent" uk-header="">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Successful registration"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<div class="uk-margin-large-top uk-text-success">
|
||||
<span class="material-icons" style="font-size: 180px;">check</span>
|
||||
</div>
|
||||
<div class="uk-text-large uk-text-bold uk-margin-medium-top">Your account has been successfully activated!</div>
|
||||
</div>
|
||||
<!-- MENU ENDS HERE -->
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-small-bottom uk-text-center">
|
||||
<%--<h2 class="uk-h2 uk-margin-small-bottom">Forgot Password</h2>--%>
|
||||
<div uk-grid="" class="uk-grid uk-grid-stack">
|
||||
<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">
|
||||
<div class="uk-grid ">
|
||||
<!-- CENTER SIDE -->
|
||||
<div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
|
||||
<!-- <h3 class="uk-h3">Create an account</h3> -->
|
||||
<div class="middle-box text-center loginscreen animated fadeInDown ">
|
||||
<h3 class="uk-h4 uk-text-success">Your account has been successfully activated!</h3>
|
||||
<div class="uk-width-1-3@m uk-align-center">
|
||||
<%--<p>Please click <a href="http://beta.services.openaire.eu/uoa-user-management/openid_connect_login">here</a> to login.</p>--%>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF CENTER SIDE -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- FOOTER ENDS HERE -->
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,120 +1,52 @@
|
|||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<base href=".">
|
||||
<title>OpenAIRE - Username Reminder</title>
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
<script src='https://www.google.com/recaptcha/api.js'></script>
|
||||
</head>
|
||||
<body class="" style="">
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<!-- MENU STARTS HERE -->
|
||||
<!-- MAIN MENU STARTS HERE -->
|
||||
<div class="tm-header tm-header-transparent" uk-header="">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Username Reminder"/>
|
||||
<jsp:param name="form" value="true"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<h1 class="uk-h4 uk-margin-large-top">Forgot username</h1>
|
||||
<div class="uk-margin-large-bottom uk-margin-medium-top">
|
||||
Please enter the <span class="uk-text-bolder">email address</span> of your account. Your username will be
|
||||
sent to you as a file.
|
||||
</div>
|
||||
<!-- MENU ENDS HERE -->
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-small-bottom uk-text-center">
|
||||
<h2 class="uk-h2 uk-margin-small-bottom">Forgot username</h2>
|
||||
<div uk-grid="" class="uk-grid uk-grid-stack">
|
||||
<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">
|
||||
<div class="uk-grid ">
|
||||
<!-- CENTER SIDE -->
|
||||
<div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
|
||||
<!-- <h3 class="uk-h3">Forgot usernmame</h3> -->
|
||||
<div class="middle-box text-left loginscreen animated fadeInDown ">
|
||||
<p>Please enter the email address associated with your User account. Your username will be emailed to the email address on file.</p>
|
||||
<div class="uk-width-1-3@m uk-align-center">
|
||||
<!-- REGISTER FORM -->
|
||||
<div id="registerForm">
|
||||
<form action="remindUsername" method="POST" role="form" class="m-t" id="register_form">
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div class="alert alert-success" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="alert alert-danger" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="form-group">
|
||||
<span id="server_error" class="uk-text-danger uk-text-small uk-float-left">${message}</span>
|
||||
<c:remove var="message" scope="session" />
|
||||
<span class="msg_email_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter your email.</span>
|
||||
<span class="msg_email_validation_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter a valid email.</span>
|
||||
<input id="email" name="email" type="text" placeholder="Email" class="form-control"></div>
|
||||
<div class="uk-margin uk-grid-small uk-child-width-auto uk-grid uk-text-left uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1 uk-grid-margin uk-first-column">
|
||||
<div class="g-recaptcha" data-sitekey=${applicationScope.sitekey}></div>
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-grid-margin uk-first-column">
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<script>
|
||||
$("#email").focusin(function() {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$("#server_error").fadeOut();
|
||||
$(".msg_email_error").fadeOut();
|
||||
$(".msg_email_validation_error").fadeOut();
|
||||
});
|
||||
</script>
|
||||
<!-- END OF REGISTER FORM -->
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF CENTER SIDE -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- FOOTER ENDS HERE -->
|
||||
</div>
|
||||
<form action="remindUsername" method="POST" role="form"
|
||||
class="uk-grid uk-child-width-1-1 uk-flex-column uk-flex-middle" uk-grid>
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div input id="email" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Email <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="email" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-flex uk-flex-center">
|
||||
<div class="g-recaptcha" data-sitekey=${applicationScope.sitekey}></div>
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-text-center">
|
||||
<div id="server_error" class="uk-text-danger uk-text-center uk-text-small uk-margin-bottom">${message}</div>
|
||||
<c:remove var="message" scope="session" />
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
$("#email input").focusin(function () {
|
||||
$("#server_error").hide();
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,126 +1,61 @@
|
|||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: sofia
|
||||
Date: 14/5/2018
|
||||
Time: 5:37 μμ
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<base href=".">
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
<script src='https://www.google.com/recaptcha/api.js'></script>
|
||||
<title>OpenAIRE - Request an Activation Code</title>
|
||||
</head>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Request an Activation Code"/>
|
||||
<jsp:param name="form" value="true"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<!-- MENU STARTS HERE -->
|
||||
<!-- MAIN MENU STARTS HERE -->
|
||||
<div class="tm-header tm-header-transparent" uk-header="">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<h1 class="uk-h4 uk-margin-large-top">Request an activation code</h1>
|
||||
<div class="uk-margin-large-bottom uk-margin-medium-top">
|
||||
Please enter the <span class="uk-text-bolder">username</span> of your account. A new activation code will be
|
||||
sent to you. Once you have received the activation code, you will be able to activate your account.
|
||||
</div>
|
||||
<!-- MENU ENDS HERE -->
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-small-bottom uk-text-center">
|
||||
<h2 class="uk-h2 uk-margin-small-bottom">Request an activation code</h2>
|
||||
<div uk-grid="" class="uk-grid uk-grid-stack">
|
||||
<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">
|
||||
<div class="uk-grid ">
|
||||
<!-- CENTER SIDE -->
|
||||
<div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
|
||||
<div class="middle-box text-center loginscreen animated fadeInDown ">
|
||||
<p>Please enter your username. We will send you an email with a new activation code to activate your account.</p>
|
||||
<div class="uk-width-1-3@m uk-align-center">
|
||||
<!-- REQUEST AN ACTIVATION CODE FORM -->
|
||||
<div id="registerForm">
|
||||
<form action="requestActivationCode" method="POST" role="form" class="m-t" id="register_form">
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div class="alert alert-success" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="alert alert-danger" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="form-group">
|
||||
<span id="server_error" class="uk-text-danger uk-text-small uk-float-left">${message}</span>
|
||||
<c:remove var="message" scope="session" />
|
||||
<span class="msg_username_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter your username.</span>
|
||||
<input id="username" name="username" type="text" placeholder="Username" class="form-control"></div>
|
||||
<div class="uk-margin uk-grid-small uk-child-width-auto uk-grid uk-text-left uk-grid-stack" uk-grid="">
|
||||
<span id="server_error" class="uk-text-danger uk-text-small uk-float-left">${reCAPTCHA_message}</span>
|
||||
<c:remove var="reCAPTCHA_message" scope="session" />
|
||||
<div class="uk-width-1-1 uk-grid-margin uk-first-column">
|
||||
<div class="g-recaptcha" data-sitekey=${applicationScope.sitekey}></div>
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-grid-margin uk-first-column">
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<script>
|
||||
$("#username").focusin(function() {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$("#server_error").fadeOut();
|
||||
$(".msg_username_error").fadeOut();
|
||||
});
|
||||
</script>
|
||||
<!-- END OF REQUEST AN ACTIVATION CODE FORM -->
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF CENTER SIDE -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- FOOTER ENDS HERE -->
|
||||
</div>
|
||||
<form action="requestActivationCode" method="POST" role="form"
|
||||
class="uk-grid uk-child-width-1-1 uk-flex-column uk-flex-middle" uk-grid>
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div input id="username" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Username <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="username" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span id="msg_username_error" class="uk-text-danger uk-text-small">
|
||||
${message}
|
||||
</span>
|
||||
<c:remove var="message" scope="session"/>
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-text-center">
|
||||
<div class="uk-flex uk-flex-center">
|
||||
<div class="g-recaptcha" data-sitekey=${applicationScope.sitekey}></div>
|
||||
</div>
|
||||
<div id="server_error" class="uk-text-danger uk-text-small">
|
||||
${reCAPTCHA_message}
|
||||
</div>
|
||||
<c:remove var="reCAPTCHA_message" scope="session"/>
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-text-center">
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
$("#username input").focusin(function () {
|
||||
$("#msg_username_error").hide();
|
||||
$("#server_error").hide();
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,127 +1,62 @@
|
|||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: sofia
|
||||
Date: 21/5/2018
|
||||
Time: 1:21 μμ
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<base href=".">
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
<script src='https://www.google.com/recaptcha/api.js'></script>
|
||||
<title>OpenAIRE - Request to Delete Account</title>
|
||||
</head>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Request to Delete Account"/>
|
||||
<jsp:param name="form" value="true"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<!-- MENU STARTS HERE -->
|
||||
<!-- MAIN MENU STARTS HERE -->
|
||||
<div class="tm-header tm-header-transparent" uk-header="">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<h1 class="uk-h4 uk-margin-large-top">Request to delete your account</h1>
|
||||
<div class="uk-margin-large-bottom uk-margin-medium-top">
|
||||
Please enter the <span class="uk-text-bolder">email address</span> of your account. A verification code will be
|
||||
sent to you. Once you have received
|
||||
the verification code, you will be able to delete your account.
|
||||
</div>
|
||||
<!-- MENU ENDS HERE -->
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
</div>
|
||||
<form action="requestToDeleteAccount" method="POST" role="form"
|
||||
class="uk-grid uk-child-width-1-1 uk-flex-column uk-flex-middle" uk-grid>
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div input id="email" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Email <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="email" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span id="msg_email_error" class="uk-text-danger uk-text-small">
|
||||
${message}
|
||||
</span>
|
||||
<c:remove var="message" scope="session"/>
|
||||
</div>
|
||||
<div class=" uk-section tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-small-bottom uk-text-center">
|
||||
<h2 class="uk-h2 uk-margin-small-bottom">Request to delete your account</h2>
|
||||
<div uk-grid="" class="uk-grid uk-grid-stack">
|
||||
<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">
|
||||
<div class="uk-grid ">
|
||||
<!-- CENTER SIDE -->
|
||||
<div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
|
||||
<div class="middle-box text-center loginscreen animated fadeInDown ">
|
||||
<p>Please enter your email. We will send you an email with a verification code to delete your account.</p>
|
||||
<div class="uk-width-1-3@m uk-align-center">
|
||||
<!-- REQUEST A VERIFICATION CODE FORM -->
|
||||
<div id="registerForm">
|
||||
<form action="requestToDeleteAccount" method="POST" role="form" class="m-t" id="register_form">
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div class="alert alert-success" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="alert alert-danger" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="form-group">
|
||||
<span id="server_error" class="uk-text-danger uk-text-small uk-float-left">${message}</span>
|
||||
<c:remove var="message" scope="session" />
|
||||
<span class="msg_email_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter your email.</span>
|
||||
<input id="email" name="email" type="text" placeholder="Email" class="form-control"></div>
|
||||
<div class="uk-margin uk-grid-small uk-child-width-auto uk-grid uk-text-left uk-grid-stack" uk-grid="">
|
||||
<span id="server_error" class="uk-text-danger uk-text-small uk-float-left">${reCAPTCHA_message}</span>
|
||||
<c:remove var="reCAPTCHA_message" scope="session" />
|
||||
<div class="uk-width-1-1 uk-grid-margin uk-first-column">
|
||||
<div class="g-recaptcha" data-sitekey=${applicationScope.sitekey}></div>
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-grid-margin uk-first-column">
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<script>
|
||||
$("#email").focusin(function() {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$("#server_error").fadeOut();
|
||||
$(".msg_email_error").fadeOut();
|
||||
});
|
||||
</script>
|
||||
<!-- END OF REQUEST A VERIFICATION CODE FORM -->
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF CENTER SIDE -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-text-center">
|
||||
<div class="uk-flex uk-flex-center">
|
||||
<div class="g-recaptcha" data-sitekey=${applicationScope.sitekey}></div>
|
||||
</div>
|
||||
<div id="server_error" class="uk-text-danger uk-text-small">
|
||||
${reCAPTCHA_message}
|
||||
</div>
|
||||
<c:remove var="reCAPTCHA_message" scope="session"/>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- FOOTER ENDS HERE -->
|
||||
<div class="uk-width-1-1 uk-text-center">
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
$("#email input").focusin(function () {
|
||||
$("#msg_email_error").hide();
|
||||
$("#server_error").hide();
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,200 +1,99 @@
|
|||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<% if (session.getAttribute("username") == null) {
|
||||
String redirectURL = request.getContextPath() + "/forgotPassword.jsp";
|
||||
response.sendRedirect(redirectURL);
|
||||
}
|
||||
%>
|
||||
<%--<%String name=(String)request.getAttribute("name");--%>
|
||||
<%--out.print("your name"+name);%>--%>
|
||||
}%>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<base href=".">
|
||||
<title>OpenAIRE - Reset Password</title>
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<script src="./js/validation.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
</head>
|
||||
<body class="" style="">
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<!-- MENU STARTS HERE -->
|
||||
<!-- MAIN MENU STARTS HERE -->
|
||||
<div class="tm-header tm-header-transparent" uk-header="">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Reset password"/>
|
||||
<jsp:param name="form" value="true"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<h1 class="uk-h4 uk-margin-large-top">Reset password</h1>
|
||||
<div class="uk-margin-large-bottom uk-margin-medium-top">
|
||||
To complete the password reset process, please enter a new password.
|
||||
</div>
|
||||
<!-- MENU ENDS HERE -->
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-small-bottom uk-text-center">
|
||||
<div uk-grid="" class="uk-grid uk-grid-stack">
|
||||
<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">
|
||||
<div class="uk-grid ">
|
||||
<!-- CENTER SIDE -->
|
||||
<div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
|
||||
<div class="middle-box text-center loginscreen animated fadeInDown ">
|
||||
<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.
|
||||
No white space allowed.</b></p>
|
||||
<div class="uk-width-1-3@m uk-align-center"></p>
|
||||
<!-- REGISTER FORM -->
|
||||
<div id="registerForm">
|
||||
<form action="resetPassword" method="POST" role="form" class="m-t" id="register_form" >
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div class="alert alert-success" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="alert alert-danger" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="form-group">
|
||||
<span class="msg_password_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter your password.</span>
|
||||
<span class="msg_pass_conf_error uk-text-danger uk-text-small uk-float-left" style="display:none">These passwords don't match.</span>
|
||||
<p><span class="msg_please_add uk-text-danger uk-text-small uk-float-left" style="display:none">Please add:  </span></p>
|
||||
<span class="msg_lowercase_letter uk-text-danger uk-text-small uk-float-left" style="display:none">A lowercase letter.  </span>
|
||||
<span class="msg_capital_letter uk-text-danger uk-text-small uk-float-left" style="display:none">A capital (uppercase) letter.   </span>
|
||||
<span class="msg_number uk-text-danger uk-text-small uk-float-left" style="display:none">A number.  </span>
|
||||
<span class="msg_lenght uk-text-danger uk-text-small uk-float-left" style="display:none">Minimum 6 characters.  </span>
|
||||
<p><span class="msg_space uk-text-danger uk-text-small uk-float-left" style="display:none">No white space allowed.  </span></p>
|
||||
<%--<span id="server_invalid_password_error" class="uk-text-danger uk-text-small uk-float-left">${msg_invalid_password}</span>--%>
|
||||
<%--<c:remove var="msg_invalid_password" scope="session" />--%>
|
||||
<input id="password" name="password" type="password" placeholder="Password" class="form-control"></div>
|
||||
<div class="form-group">
|
||||
<input id="password_conf" name="password_conf" type="password" placeholder="Confirm password" class="form-control"></div>
|
||||
<div class="uk-margin uk-grid-small uk-child-width-auto uk-grid uk-text-left uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1 uk-grid-margin uk-first-column">
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validatePasswordForm();">Reset Password</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END OF REGISTER FORM -->
|
||||
<script>
|
||||
|
||||
var password = document.getElementById("password");
|
||||
|
||||
// When the user starts to type something inside the password field
|
||||
password.onkeyup = function() {
|
||||
|
||||
// Validate lowercase letters
|
||||
var lowerCaseLetters = /[a-z]/g;
|
||||
if (password.value.match(lowerCaseLetters)) {
|
||||
$(".msg_lowercase_letter").fadeOut();
|
||||
} else {
|
||||
$(".msg_lowercase_letter").fadeIn();
|
||||
}
|
||||
|
||||
// Validate capital letters
|
||||
var upperCaseLetters = /[A-Z]/g;
|
||||
if (password.value.match(upperCaseLetters)) {
|
||||
$(".msg_capital_letter").fadeOut();
|
||||
} else {
|
||||
$(".msg_capital_letter").fadeIn();
|
||||
}
|
||||
|
||||
// Validate numbers
|
||||
var numbers = /[0-9]/g;
|
||||
if (password.value.match(numbers)) {
|
||||
$(".msg_number").fadeOut();
|
||||
} else {
|
||||
$(".msg_number").fadeIn();
|
||||
}
|
||||
|
||||
// Validate length
|
||||
if (password.value.length >= 6) {
|
||||
$(".msg_lenght").fadeOut();
|
||||
} else {
|
||||
$(".msg_lenght").fadeIn();
|
||||
}
|
||||
|
||||
// Validate no white space
|
||||
var space = /[\s]+/g;
|
||||
if (password.value.match(space)){
|
||||
$(".msg_space").fadeIn();
|
||||
} else {
|
||||
$(".msg_space").fadeOut();
|
||||
}
|
||||
|
||||
if(password.value.match(lowerCaseLetters) && password.value.match(upperCaseLetters)
|
||||
&& password.value.match(numbers) && (password.value.length >= 6)){
|
||||
if($(".msg_please_add").css('display')!='none'){
|
||||
$(".msg_please_add").fadeOut();
|
||||
}
|
||||
} else {
|
||||
if($(".msg_please_add").css('display')=='none') {
|
||||
$(".msg_please_add").fadeIn();
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
$("#password").focusin(function () {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$(".msg_please_add").fadeOut();
|
||||
$(".msg_password_error").fadeOut();
|
||||
// $("#server_invalid_password_error").fadeOut();
|
||||
$(".msg_pass_conf_error").fadeOut();
|
||||
$(".msg_lowercase_letter").fadeOut();
|
||||
$(".msg_capital_letter").fadeOut();
|
||||
$(".msg_number").fadeOut();
|
||||
$(".msg_lenght").fadeOut();
|
||||
});
|
||||
|
||||
$("#password_conf").focusin(function () {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$(".msg_pass_conf_error").fadeOut();
|
||||
});
|
||||
|
||||
</script>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF CENTER SIDE -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- FOOTER ENDS HERE -->
|
||||
</div>
|
||||
<form action="resetPassword" method="POST" role="form"
|
||||
class="uk-grid uk-child-width-1-1 uk-flex-column uk-flex-middle" uk-grid>
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div input id="password" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Password <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="password" type="password" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="msg_pass_error" class="uk-text-danger uk-text-small" style="display: none;">Please enter your password.</div>
|
||||
<div id="msg_pass_conf_error" class="uk-text-danger uk-text-small" style="display: none;">The passwords don't match.</div>
|
||||
<div id="msg_whitespace" class="uk-text-danger uk-text-small" style="display: none;">No white space allowed.</div>
|
||||
<div id="msg_lowercase_letter" class="uk-text-danger uk-text-small" style="display: none;">Please add a lowercase letter.</div>
|
||||
<div id="msg_uppercase_letter" class="uk-text-danger uk-text-small" style="display: none;">Please add an uppercase letter.</div>
|
||||
<div id="msg_number" class="uk-text-danger uk-text-small" style="display: none;">Please add a number.</div>
|
||||
<div id="msg_length" class="uk-text-danger uk-text-small" style="display: none;">Must contains at least 6 characters.</div>
|
||||
<div id="msg_invalid_password" class="uk-text-danger uk-text-small" style="display: none;">
|
||||
The password must contain a lowercase letter, a capital (uppercase) letter, a number and must be at least 6 characters long. White space character is not allowed.
|
||||
</div>
|
||||
<c:remove var="msg_pass_conf_error_display" scope="session" />
|
||||
<c:remove var="msg_password_error_display" scope="session" />
|
||||
<c:remove var="msg_invalid_password_display" scope="session" />
|
||||
</div>
|
||||
<div input id="password_conf" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Confirm Password <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="password_conf" type="password" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-flex uk-flex-center">
|
||||
<div class="g-recaptcha" data-sitekey=${applicationScope.sitekey}></div>
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-text-center">
|
||||
<div id="server_error" class="uk-text-danger uk-text-center uk-text-small uk-margin-bottom">${message}</div>
|
||||
<c:remove var="message" scope="session" />
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validatePasswordForm();">
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
$("input").focusin(function () {
|
||||
$("#server_error").hide();
|
||||
});
|
||||
|
||||
// On the fly check for password validation
|
||||
let password = $("#password input")[0];
|
||||
password.onkeyup = function () {
|
||||
validatePassword(password.value);
|
||||
};
|
||||
|
||||
$("#password input").focusin(function () {
|
||||
$("#msg_password_error").hide();
|
||||
$("#msg_pass_conf_error").hide();
|
||||
$("#msg_lowercase_letter").hide();
|
||||
$("#msg_capital_letter").hide();
|
||||
$("#msg_number").hide();
|
||||
$("#msg_length").hide();
|
||||
});
|
||||
|
||||
$("#password_conf input").focusin(function () {
|
||||
$("#msg_pass_conf_error").hide();
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,3 @@
|
|||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: sofia
|
||||
Date: 19/10/2017
|
||||
Time: 4:12 μμ
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
|
|
@ -16,94 +9,20 @@
|
|||
session.removeAttribute("success");
|
||||
}
|
||||
%>
|
||||
<%--<META HTTP-EQUIV=Refresh CONTENT="0.5; URL=http://beta.services.openaire.eu/uoa-user-management/openid_connect_login">--%>
|
||||
|
||||
<META HTTP-EQUIV=Refresh CONTENT='0.5; URL=<%= session.getAttribute("homeUrl")%>'>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>OpenAIRE - Success</title>
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<script src="./js/validation.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
</head>
|
||||
<body class="" style="">
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<!-- MENU STARTS HERE -->
|
||||
<!-- MAIN MENU STARTS HERE -->
|
||||
<div class="tm-header tm-header-transparent" uk-header="">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Success"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<div class="uk-margin-large-top uk-text-success">
|
||||
<span class="material-icons" style="font-size: 180px;">check</span>
|
||||
</div>
|
||||
<div class="uk-text-large uk-text-bold uk-margin-medium-top">Your password has been successfully changed!</div>
|
||||
</div>
|
||||
<!-- MENU ENDS HERE -->
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-small-bottom uk-text-center">
|
||||
<%--<h2 class="uk-h2 uk-margin-small-bottom">Forgot Password</h2>--%>
|
||||
<div uk-grid="" class="uk-grid uk-grid-stack">
|
||||
<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">
|
||||
<div class="uk-grid ">
|
||||
<!-- CENTER SIDE -->
|
||||
<div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
|
||||
<!-- <h3 class="uk-h3">Create an account</h3> -->
|
||||
<div class="middle-box text-center loginscreen animated fadeInDown ">
|
||||
<h3 class="uk-h4 uk-text-success">Your password has been successfully changed!</h3>
|
||||
<div class="uk-width-1-3@m uk-align-center">
|
||||
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF CENTER SIDE -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- FOOTER ENDS HERE -->
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,11 +1,3 @@
|
|||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: sofia
|
||||
Date: 23/10/2017
|
||||
Time: 4:56 μμ
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
|
|
@ -16,92 +8,20 @@
|
|||
} else if (session.getAttribute("successAddPassword") != null) {
|
||||
session.removeAttribute("successAddPassword");
|
||||
}%>
|
||||
<%--<META HTTP-EQUIV=Refresh CONTENT="0.5; URL=http://beta.services.openaire.eu/uoa-user-management/openid_connect_login">--%>
|
||||
<META HTTP-EQUIV=Refresh CONTENT='0.5; URL=<%= session.getAttribute("homeUrl")%>'>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>OpenAIRE - Success</title>
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<script src="./js/validation.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
</head>
|
||||
<body class="" style="">
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<!-- MENU STARTS HERE -->
|
||||
<!-- MAIN MENU STARTS HERE -->
|
||||
<div class="tm-header tm-header-transparent" uk-header="">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Success"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<div class="uk-margin-large-top uk-text-success">
|
||||
<span class="material-icons" style="font-size: 180px;">check</span>
|
||||
</div>
|
||||
<div class="uk-text-large uk-text-bold uk-margin-medium-top">Your password has been successfully added!</div>
|
||||
</div>
|
||||
<!-- MENU ENDS HERE -->
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-small-bottom uk-text-center">
|
||||
<%--<h2 class="uk-h2 uk-margin-small-bottom">Forgot Password</h2>--%>
|
||||
<div uk-grid="" class="uk-grid uk-grid-stack">
|
||||
<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">
|
||||
<div class="uk-grid ">
|
||||
<!-- CENTER SIDE -->
|
||||
<div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
|
||||
<!-- <h3 class="uk-h3">Create an account</h3> -->
|
||||
<div class="middle-box text-center loginscreen animated fadeInDown ">
|
||||
<h3 class="uk-h4 uk-text-success">Your password has been successfully added!</h3>
|
||||
<div class="uk-width-1-3@m uk-align-center">
|
||||
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF CENTER SIDE -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- FOOTER ENDS HERE -->
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,105 +1,27 @@
|
|||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: sofia
|
||||
Date: 21/5/2018
|
||||
Time: 5:07 μμ
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<% if (session.getAttribute("successDeleteAccount") == null) {
|
||||
String redirectURL = request.getContextPath() + "/error404.jsp";
|
||||
response.sendRedirect(redirectURL);
|
||||
|
||||
} else if (session.getAttribute("successDeleteAccount")!=null) {
|
||||
} else if (session.getAttribute("successDeleteAccount") != null) {
|
||||
session.removeAttribute("successDeleteAccount");
|
||||
}
|
||||
%>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<script src="./js/validation.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
<title>OpenAIRE - Success </title>
|
||||
</head>
|
||||
<body class="" style="">
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<!-- MENU STARTS HERE -->
|
||||
<!-- MAIN MENU STARTS HERE -->
|
||||
<div class="tm-header tm-header-transparent" uk-header="">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
}%>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Success"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<div class="uk-margin-large-top uk-text-success">
|
||||
<span class="material-icons" style="font-size: 180px;">check</span>
|
||||
</div>
|
||||
<div class="uk-text-large uk-text-bold uk-margin-medium-top">Your account has been successfully deleted!</div>
|
||||
<div class="uk-margin-top">We hope to see you again!</div>
|
||||
</div>
|
||||
<!-- MENU ENDS HERE -->
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-small-bottom uk-text-center">
|
||||
<%--<h2 class="uk-h2 uk-margin-small-bottom">Forgot Password</h2>--%>
|
||||
<div uk-grid="" class="uk-grid uk-grid-stack">
|
||||
<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">
|
||||
<div class="uk-grid ">
|
||||
<!-- CENTER SIDE -->
|
||||
<div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
|
||||
<!-- <h3 class="uk-h3">Create an account</h3> -->
|
||||
<div class="middle-box text-center loginscreen animated fadeInDown ">
|
||||
<h3 class="uk-h4 uk-text-success">Your account has been successfully deleted!</h3>
|
||||
<h3 class="uk-h4">We hope to see you again!</h3>
|
||||
<div class="uk-width-1-3@m uk-align-center">
|
||||
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF CENTER SIDE -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- FOOTER ENDS HERE -->
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,127 +1,74 @@
|
|||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<base href=".">
|
||||
<title>OpenAIRE - Account verification</title>
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<script src="./js/validation.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
</head>
|
||||
<body class="" style="">
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<!-- MENU STARTS HERE -->
|
||||
<!-- MAIN MENU STARTS HERE -->
|
||||
<div class="tm-header tm-header-transparent" uk-header="">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Account Verification"/>
|
||||
<jsp:param name="form" value="true"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<h1 class="uk-h4 uk-margin-large-top">Account Verification</h1>
|
||||
<div class="uk-margin-large-bottom uk-margin-medium-top">
|
||||
An <span class="uk-text-bolder">email</span> has been sent to your email address. The email contains a verification code, please paste the verification code in the field below to prove that you are the owner of this account.
|
||||
</div>
|
||||
<!-- MENU ENDS HERE -->
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-small-bottom uk-text-center">
|
||||
<div uk-grid="" class="uk-grid uk-grid-stack">
|
||||
<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">
|
||||
<div class="uk-grid ">
|
||||
<!-- CENTER SIDE -->
|
||||
<div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
|
||||
<div class="middle-box text-center loginscreen animated fadeInDown ">
|
||||
<p>An email has been sent to your email address. The email contains a verification code, please paste the verification code in the field below to prove that you are the owner of this account.</p>
|
||||
<div class="uk-width-1-3@m uk-align-center">
|
||||
<!-- Validate form -->
|
||||
<div id="registerForm">
|
||||
<form action="verifyCode" method="POST" role="form" class="m-t" id="register_form">
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div class="alert alert-success" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="alert alert-danger" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="form-group">
|
||||
<span id="server_error" class="uk-text-danger uk-text-small uk-float-left">${message}</span>
|
||||
<c:remove var="message" scope="session" />
|
||||
<span id="server_username_error" class="uk-text-danger uk-text-small uk-float-left">${msg_username_error}</span>
|
||||
<c:remove var="msg_username_error" scope="session" />
|
||||
<input id="username" name="username" type="text" placeholder="Username" class="form-control">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<span id="server_verification_code_error" class="uk-text-danger uk-text-small uk-float-left">${msg_verification_code_error}</span>
|
||||
<c:remove var="msg_verification_code_error" scope="session" />
|
||||
<input id="verification_code" name="verification_code" type="text" placeholder="Verification Code" value="${param.code}" class="form-control">
|
||||
</div>
|
||||
<div class="uk-margin uk-grid-small uk-child-width-auto uk-grid uk-text-left uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1 uk-grid-margin uk-first-column">
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END OF REGISTER FORM -->
|
||||
<script>
|
||||
$("#username").focusin(function() {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$("#server_username_error").fadeOut();
|
||||
$("#server_error").fadeOut();
|
||||
});
|
||||
|
||||
$("#verification_code").focusin(function() {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$("#server_verification_code_error").fadeOut();
|
||||
$("#server_error").fadeOut();
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF CENTER SIDE -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FOOTER ENDS HERE -->
|
||||
</div>
|
||||
<form action="verifyCode" method="POST" role="form"
|
||||
class="uk-grid uk-child-width-1-1 uk-flex-column uk-flex-middle" uk-grid>
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div id="server_error" class="uk-text-danger uk-text-center uk-text-small">${message}</div>
|
||||
<c:remove var="message" scope="session" />
|
||||
<div input id="username" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Username <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="username" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span id="server_username_error" class="uk-text-danger uk-text-small">
|
||||
${msg_username_error}
|
||||
</span>
|
||||
<c:remove var="msg_username_error" scope="session" />
|
||||
</div>
|
||||
<div input id="verification_code" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Verification Code <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="verification_code" value="${param.code}" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span id="server_verification_code_error" class="uk-text-danger uk-text-small">
|
||||
${msg_verification_code_error}
|
||||
</span>
|
||||
<c:remove var="msg_verification_code_error" scope="session" />
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-text-center">
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
$("#username input").focusin(function() {
|
||||
$("#server_username_error").hide();
|
||||
$("#server_error").hide();
|
||||
});
|
||||
|
||||
$("#verification_code input").focusin(function() {
|
||||
$("#server_verification_code_error").hide();
|
||||
$("#server_error").hide();
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,131 +1,73 @@
|
|||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: sofia
|
||||
Date: 20/10/2017
|
||||
Time: 3:43 μμ
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<base href=".">
|
||||
<title>OpenAIRE - Email Verification</title>
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<script src="./js/validation.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
</head>
|
||||
<body class="" style="">
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<!-- MENU STARTS HERE -->
|
||||
<!-- MAIN MENU STARTS HERE -->
|
||||
<div class="tm-header tm-header-transparent" uk-header="">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Email Verification"/>
|
||||
<jsp:param name="form" value="true"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<h1 class="uk-h4 uk-margin-large-top">Email Verification</h1>
|
||||
<div class="uk-margin-large-bottom uk-margin-medium-top">
|
||||
An <span class="uk-text-bolder">email</span> has been sent to your email address. The email contains a verification code, please paste the verification code in the field below to prove that you are the owner of this account.
|
||||
</div>
|
||||
</div>
|
||||
<form action="verifyCode" method="POST" role="form"
|
||||
class="uk-grid uk-child-width-1-1 uk-flex-column uk-flex-middle" uk-grid>
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div id="server_error" class="uk-text-danger uk-text-center uk-text-small">${message}</div>
|
||||
<c:remove var="message" scope="session" />
|
||||
<div input id="username" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Username <sup>*</sup></label>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MENU ENDS HERE -->
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-small-bottom uk-text-center">
|
||||
<div uk-grid="" class="uk-grid uk-grid-stack">
|
||||
<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">
|
||||
<div class="uk-grid ">
|
||||
<!-- CENTER SIDE -->
|
||||
<div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
|
||||
<div class="middle-box text-center loginscreen animated fadeInDown ">
|
||||
<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>
|
||||
<div class="uk-width-1-3@m uk-align-center">
|
||||
<!-- Validate form -->
|
||||
<div id="registerForm">
|
||||
<form action="verifyCode" method="POST" role="form" class="m-t" id="register_form">
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div class="alert alert-success" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="alert alert-danger" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="form-group">
|
||||
<span id="server_error" class="uk-text-danger uk-text-small uk-float-left">${message}</span>
|
||||
<c:remove var="message" scope="session" />
|
||||
<span class="msg_username_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter your username.</span>
|
||||
<input id="username" name="username" type="text" placeholder="Username" class="form-control"></div>
|
||||
<div class="form-group">
|
||||
<span class="msg_activation_code_error uk-text-danger uk-text-small uk-float-left" style="display:none">Please enter your activation code.</span>
|
||||
<input id="verification_code" name="verification_code" type="text" placeholder="Activation Code" value="${param.code}" class="form-control"></div>
|
||||
<div class="uk-margin uk-grid-small uk-child-width-auto uk-grid uk-text-left uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1 uk-grid-margin uk-first-column">
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END OF REGISTER FORM -->
|
||||
<script>
|
||||
$("#username").focusin(function() {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$(".msg_username_error").fadeOut();
|
||||
$("#server_error").fadeOut();
|
||||
});
|
||||
|
||||
$("#verification_code").focusin(function() {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$(".msg_verification_code_error").fadeOut();
|
||||
$("#server_error").fadeOut();
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF CENTER SIDE -->
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="username" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span id="msg_username_error" class="uk-text-danger uk-text-small" style="display:none">
|
||||
Please enter your username.
|
||||
</span>
|
||||
<c:remove var="msg_username_error" scope="session" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
<div input id="verification_code" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Verification Code <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="verification_code" value="${param.code}" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span id="msg_activation_code_error" class="uk-text-danger uk-text-small" style="display:none">
|
||||
Please enter your activation code.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FOOTER ENDS HERE -->
|
||||
<div class="uk-width-1-1 uk-text-center">
|
||||
<button type="submit" class="uk-button uk-button-primary" onclick="return validateForm();">
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
$("#username input").focusin(function() {
|
||||
$("#msg_username_error").hide();
|
||||
$("#server_error").hide();
|
||||
});
|
||||
|
||||
$("#verification_code input").focusin(function() {
|
||||
$("#msg_activation_code_error").hide();
|
||||
$("#server_error").hide();
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,134 +1,74 @@
|
|||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: sofia
|
||||
Date: 21/5/2018
|
||||
Time: 2:45 μμ
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<base href=".">
|
||||
<script src="./js/jquery.js"></script>
|
||||
<script src="./js/uikit.min.js"></script>
|
||||
<script src="./js/validation.js"></script>
|
||||
<link rel="stylesheet" style="text/css" href="./css/theme.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/custom.css">
|
||||
<link rel="stylesheet" style="text/css" href="./css/aai-custom.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon//favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
|
||||
<link href="images/favicon/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
|
||||
<title>OpenAIRE - Verification to delete your account</title>
|
||||
</head>
|
||||
<body class="" style="">
|
||||
<div class="uk-offcanvas-content uk-height-viewport">
|
||||
<!-- MENU STARTS HERE -->
|
||||
<!-- MAIN MENU STARTS HERE -->
|
||||
<div class="tm-header tm-header-transparent" uk-header="">
|
||||
<div class="uk-container uk-container-expand">
|
||||
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
||||
<div class="uk-navbar-center">
|
||||
<div class="uk-logo uk-navbar-item">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="./images/Logo_Horizontal.png">
|
||||
<!DOCTYPE html>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<html lang="en-gb" dir="ltr" vocab="http://schema.org/">
|
||||
<jsp:include page="head.jsp">
|
||||
<jsp:param name="title" value="OpenAIRE - Delete Account Verification"/>
|
||||
<jsp:param name="form" value="true"/>
|
||||
</jsp:include>
|
||||
<body>
|
||||
<div class="uk-section uk-section-small uk-container uk-container-small">
|
||||
<div class="uk-text-center">
|
||||
<img src="images/Logo_Horizontal.png" style="height: 80px;">
|
||||
<h1 class="uk-h4 uk-margin-large-top">Delete Account Verification</h1>
|
||||
<div class="uk-margin-large-bottom uk-margin-medium-top">
|
||||
An <span class="uk-text-bolder">email</span> has been sent to your email address. The email contains a verification code, please paste the verification code in the field below to delete your account.
|
||||
</div>
|
||||
</div>
|
||||
<form action="verifyToDelete" method="POST" role="form"
|
||||
class="uk-grid uk-child-width-1-1 uk-flex-column uk-flex-middle" uk-grid>
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div id="server_error" class="uk-text-danger uk-text-center uk-text-small">${message}</div>
|
||||
<c:remove var="message" scope="session" />
|
||||
<div input id="username" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Username <sup>*</sup></label>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MENU ENDS HERE -->
|
||||
<!-- CONTENT STARTS HERE -->
|
||||
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
|
||||
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid="">
|
||||
</div>
|
||||
</div>
|
||||
<div class=" uk-section tm-middle custom-main-content" id="tm-main">
|
||||
<div class="uk-container uk-container-small uk-margin-small-bottom uk-text-center">
|
||||
<div uk-grid="" class="uk-grid uk-grid-stack">
|
||||
<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">
|
||||
<div class="uk-grid ">
|
||||
<!-- CENTER SIDE -->
|
||||
<div class="uk-width-1-1@m uk-width-1-1@s uk-text-center">
|
||||
<div class="middle-box text-center loginscreen animated fadeInDown ">
|
||||
<p>An email has been sent to your email address. The email contains a verification code, please paste the verification code in the field below to delete your account.</p>
|
||||
<div class="uk-width-1-3@m uk-align-center">
|
||||
<!-- Validate form -->
|
||||
<div id="registerForm">
|
||||
<form action="verifyToDelete" method="POST" role="form" class="m-t" id="register_form">
|
||||
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
|
||||
<div class="alert alert-success" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="alert alert-danger" aria-hidden="true" style="display: none;"></div>
|
||||
<div class="form-group">
|
||||
<span id="server_error" class="uk-text-danger uk-text-small uk-float-left">${message}</span>
|
||||
<c:remove var="message" scope="session" />
|
||||
<span id="server_username_error" class="uk-text-danger uk-text-small uk-float-left">${msg_username_error}</span>
|
||||
<c:remove var="msg_username_error" scope="session" />
|
||||
<input id="username" name="username" type="text" placeholder="Username" class="form-control">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<span id="server_verification_code_error" class="uk-text-danger uk-text-small uk-float-left">${msg_verification_code_error}</span>
|
||||
<c:remove var="msg_verification_code_error" scope="session" />
|
||||
<input id="verification_code" name="verification_code" type="text" placeholder="Verification Code" value="${param.code}" class="form-control">
|
||||
</div>
|
||||
<div class="uk-margin uk-grid-small uk-child-width-auto uk-grid uk-text-left uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1 uk-grid-margin uk-first-column">
|
||||
<button type="submit" class="uk-button uk-button-danger" onclick="return validateForm();">Delete Account</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- END OF REGISTER FORM -->
|
||||
<script>
|
||||
$("#username").focusin(function() {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$("#server_username_error").fadeOut();
|
||||
$("#server_error").fadeOut();
|
||||
});
|
||||
|
||||
$("#verification_code").focusin(function() {
|
||||
$(this).removeClass('aai-form-danger');
|
||||
$("#server_verification_code_error").fadeOut();
|
||||
$("#server_error").fadeOut();
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF CENTER SIDE -->
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="username" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span id="server_username_error" class="uk-text-danger uk-text-small">
|
||||
${msg_username_error}
|
||||
</span>
|
||||
<c:remove var="msg_username_error" scope="session" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- CONTENT ENDS HERE -->
|
||||
<!-- FOOTER STARTS HERE-->
|
||||
<div class="custom-footer" style="z-index: 200;">
|
||||
<div class="uk-section-primary uk-section uk-section-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-width-1-1@m uk-first-column">
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center">
|
||||
<img alt="OpenAIRE" class="el-image" src="./images/Logo_Horizontal_white_small.png">
|
||||
</div>
|
||||
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead">
|
||||
<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> UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
|
||||
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/">D-NET</a>.</div>
|
||||
</div>
|
||||
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right">
|
||||
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop="">
|
||||
</a>
|
||||
</div>
|
||||
<div input id="verification_code" class="uk-width-medium@s">
|
||||
<div class="input-wrapper inner x-small">
|
||||
<div class="input-box">
|
||||
<div class="placeholder">
|
||||
<label>Verification Code <sup>*</sup></label>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<input name="verification_code" value="${param.code}" class="input uk-text-truncate">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span id="server_verification_code_error" class="uk-text-danger uk-text-small">
|
||||
${msg_verification_code_error}
|
||||
</span>
|
||||
<c:remove var="msg_verification_code_error" scope="session" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- FOOTER ENDS HERE -->
|
||||
<div class="uk-width-1-1 uk-text-center">
|
||||
<button type="submit" class="uk-button uk-button-danger" onclick="return validateForm();">
|
||||
Delete Account
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
<script>
|
||||
$("#username input").focusin(function() {
|
||||
$("#server_username_error").hide();
|
||||
$("#server_error").hide();
|
||||
});
|
||||
|
||||
$("#verification_code input").focusin(function() {
|
||||
$("#server_verification_code_error").hide();
|
||||
$("#server_error").hide();
|
||||
});
|
||||
</script>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue