Revision 51769
Added by Tsampikos Livisianos about 6 years ago
login.vm | ||
---|---|---|
28 | 28 |
## |
29 | 29 |
<!DOCTYPE html> |
30 | 30 |
<html lang="en-gb" dir="ltr" vocab="http://schema.org/"> |
31 |
<head> |
|
32 |
<meta charset="utf-8"> |
|
33 |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
34 |
<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
|
35 |
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
|
36 |
<meta name="description" content="OpenAIRE SSO"/> |
|
37 |
<link href="$request.getContextPath()/images/favicon.ico" /> |
|
38 |
<title>#springMessageText("idp.title", "Web Login Service")</title> |
|
31 |
<head> |
|
32 |
<meta charset="utf-8"> |
|
33 |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
34 |
<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
|
35 |
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
|
36 |
<meta name="description" content="OpenAIRE SSO"/> |
|
37 |
<link href="$request.getContextPath()/images/favicon.ico" /> |
|
38 |
<title>#springMessageText("idp.title", "Web Login Service")</title> |
|
39 |
## <link rel="stylesheet" type="text/css" href="$request.getContextPath()/css/main.css"> |
|
39 | 40 |
|
40 |
<script src="$request.getContextPath()/js/jquery.js"></script>
|
|
41 |
<script src="$request.getContextPath()/js/uikit.js"></script>
|
|
42 |
<link rel="stylesheet" type="text/css" href="$request.getContextPath()/css/theme.css"> |
|
43 |
<link rel="stylesheet" type="text/css" href="$request.getContextPath()/css/custom.css"> |
|
44 |
<link rel="stylesheet" type="text/css" href="$request.getContextPath()/css/aai-custom.css"> |
|
45 |
</head> |
|
41 |
<script src="$request.getContextPath()/js/jquery.js"></script>
|
|
42 |
<script src="$request.getContextPath()/js/uikit.js"></script>
|
|
43 |
<link rel="stylesheet" type="text/css" href="$request.getContextPath()/css/theme.css">
|
|
44 |
<link rel="stylesheet" type="text/css" href="$request.getContextPath()/css/custom.css">
|
|
45 |
<link rel="stylesheet" type="text/css" href="$request.getContextPath()/css/aai-custom.css">
|
|
46 |
</head>
|
|
46 | 47 |
|
47 |
<body class="" style=""> |
|
48 |
<div class="uk-offcanvas-content uk-height-viewport"> |
|
49 |
<!-- MENU STARTS HERE--> |
|
50 |
<div class="tm-header tm-header-transparent" uk-header=""> |
|
51 |
<div class="uk-container uk-container-expand"> |
|
52 |
<nav class="uk-navbar" uk-navbar="{"align":"left"}"> |
|
53 |
<div class="uk-navbar-center"> |
|
54 |
<div class="uk-logo uk-navbar-item"> |
|
55 |
<img alt="OpenAIRE" class="uk-responsive-height" src="$request.getContextPath()/images/Logo_Horizontal.png"> |
|
48 |
<body class="" style=""> |
|
49 |
<div class="uk-offcanvas-content uk-height-viewport"> |
|
50 |
<!-- MENU STARTS HERE--> |
|
51 |
<div class="tm-header tm-header-transparent" uk-header=""> |
|
52 |
<div class="uk-container uk-container-expand"> |
|
53 |
<nav class="uk-navbar" uk-navbar="{"align":"left"}"> |
|
54 |
<div class="uk-navbar-center"> |
|
55 |
<div class="uk-logo uk-navbar-item"> |
|
56 |
<img alt="OpenAIRE" class="uk-responsive-height" src="$request.getContextPath()/images/Logo_Horizontal.png"> |
|
57 |
</div> |
|
58 |
</div> |
|
59 |
</nav> |
|
60 |
</div> |
|
61 |
</div> |
|
62 |
<!-- MENU ENDS HERE --> |
|
63 |
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical"> |
|
64 |
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid=""> |
|
56 | 65 |
</div> |
57 |
</div> |
|
58 |
</nav> |
|
59 |
</div> |
|
60 |
</div> |
|
61 |
<!-- MENU ENDS HERE --> |
|
62 |
<div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical"> |
|
63 |
<div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid" uk-grid=""> |
|
64 |
</div> |
|
65 |
</div> |
|
66 |
</div> |
|
66 | 67 |
|
67 |
<div class=" uk-section uk-margin-large-top tm-middle custom-main-content" id="tm-main"> |
|
68 |
<div class="uk-container"> |
|
69 |
<div uk-grid="" class="uk-grid uk-grid-stack"> |
|
70 |
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-2@l uk-align-center"> |
|
68 |
<div class=" uk-section uk-margin-large-top tm-middle custom-main-content" id="tm-main">
|
|
69 |
<div class="uk-container">
|
|
70 |
<div uk-grid="" class="uk-grid uk-grid-stack">
|
|
71 |
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-2@l uk-align-center">
|
|
71 | 72 |
|
72 |
<div class="uk-child-width-1-2@m uk-grid-small uk-grid-match" uk-grid> |
|
73 |
<div> |
|
74 |
#parse("login-error.vm")
|
|
73 |
<div class="uk-child-width-1-2@m uk-grid-small uk-grid-match" uk-grid>
|
|
74 |
<div>
|
|
75 |
#parse("login-error.vm") |
|
75 | 76 |
|
76 |
<form action="$flowExecutionUrl" method="post">
|
|
77 |
<form action="$flowExecutionUrl" method="post"> |
|
77 | 78 |
|
78 |
#set ($serviceName = $rpUIContext.serviceName) |
|
79 |
#if ($serviceName && !$rpContext.getRelyingPartyId().contains($serviceName)) |
|
80 |
<p> |
|
81 |
#springMessageText("idp.login.loginTo", "Login to") $encoder.encodeForHTML($serviceName) |
|
82 |
</p> |
|
83 |
#end |
|
79 |
#set ($serviceName = $rpUIContext.serviceName) |
|
80 |
#if ($serviceName && !$rpContext.getRelyingPartyId().contains($serviceName)) |
|
81 |
<p> |
|
82 |
#springMessageText("idp.login.loginTo", "Login to") $encoder.encodeForHTML($serviceName) |
|
83 |
</p> |
|
84 |
#end |
|
85 |
|
|
86 |
#if ($passwordEnabled) |
|
87 |
<div class="form-element-wrapper"> |
|
88 |
<label for="username">#springMessageText("idp.login.username", "Username")</label> |
|
89 |
<input class="form-element form-field" id="username" name="j_username" type="text" |
|
90 |
value="#if($username)$encoder.encodeForHTML($username)#end"> |
|
91 |
</div> |
|
84 | 92 |
|
85 |
#if ($passwordEnabled) |
|
86 |
<div class="form-element-wrapper"> |
|
87 |
<label for="username">#springMessageText("idp.login.username", "Username")</label> |
|
88 |
<input class="form-element form-field" id="username" name="j_username" type="text" |
|
89 |
value="#if($username)$encoder.encodeForHTML($username)#end"> |
|
90 |
</div> |
|
93 |
<div class="form-element-wrapper"> |
|
94 |
<label for="password">#springMessageText("idp.login.password", "Password")</label> |
|
95 |
<input class="form-element form-field" id="password" name="j_password" type="password" value=""> |
|
96 |
</div> |
|
91 | 97 |
|
92 |
<div class="form-element-wrapper"> |
|
93 |
<label for="password">#springMessageText("idp.login.password", "Password")</label> |
|
94 |
<input class="form-element form-field" id="password" name="j_password" type="password" value=""> |
|
95 |
</div> |
|
98 |
<p> |
|
99 |
<input type="checkbox" name="donotcache" value="1" id="donotcache"> |
|
100 |
<label for="donotcache">#springMessageText("idp.login.donotcache", "Don't Remember Login")</label> |
|
101 |
</p> |
|
102 |
#end |
|
96 | 103 |
|
97 |
<p> |
|
98 |
<input type="checkbox" name="donotcache" value="1" id="donotcache"> |
|
99 |
<label for="donotcache">#springMessageText("idp.login.donotcache", "Don't Remember Login")</label> |
|
100 |
</p> |
|
101 |
#end |
|
104 |
<p> |
|
105 |
<input id="_shib_idp_revokeConsent" type="checkbox" name="_shib_idp_revokeConsent" value="true"> |
|
106 |
<label for="_shib_idp_revokeConsent">#springMessageText("idp.attribute-release.revoke", "Clear prior granting of permission for release of your information to this service.")</label> |
|
107 |
</p> |
|
102 | 108 |
|
103 |
<p> |
|
104 |
<input id="_shib_idp_revokeConsent" type="checkbox" name="_shib_idp_revokeConsent" value="true"> |
|
105 |
<label for="_shib_idp_revokeConsent">#springMessageText("idp.attribute-release.revoke", "Clear prior granting of permission for release of your information to this service.")</label> |
|
106 |
</p> |
|
107 |
|
|
108 |
#if ($passwordEnabled) |
|
109 |
<div class="form-element-wrapper"> |
|
110 |
<button class="uk-button uk-button-primary" type="submit" name="_eventId_proceed" |
|
109 |
#if ($passwordEnabled) |
|
110 |
<div class="form-element-wrapper"> |
|
111 |
<button class="uk-button uk-button-primary" type="submit" name="_eventId_proceed" |
|
111 | 112 |
onClick="this.childNodes[0].nodeValue='#springMessageText("idp.login.pleasewait", "Logging in, please wait...")'" |
112 | 113 |
>#springMessageText("idp.login.login", "Login")</button> |
113 |
</div>
|
|
114 |
#end
|
|
114 |
</div> |
|
115 |
#end |
|
115 | 116 |
|
116 |
#foreach ($extFlow in $extendedAuthenticationFlows)
|
|
117 |
#if ($authenticationContext.isAcceptable($extFlow) and $extFlow.apply(profileRequestContext))
|
|
118 |
<div class="form-element-wrapper">
|
|
119 |
<button class="form-element form-button" type="submit" name="_eventId_$extFlow.getId()">
|
|
120 |
#springMessageText("idp.login.$extFlow.getId().replace('authn/','')", $extFlow.getId().replace('authn/',''))
|
|
121 |
</button>
|
|
122 |
</div>
|
|
123 |
#end
|
|
124 |
#end
|
|
125 |
</form>
|
|
126 |
#*
|
|
127 |
//
|
|
128 |
// SP Description & Logo (optional)
|
|
129 |
// These idpui lines will display added information (if available
|
|
130 |
// in the metadata) about the Service Provider (SP) that requested
|
|
131 |
// authentication. These idpui lines are "active" in this example
|
|
132 |
// (not commented out) - this extra SP info will be displayed.
|
|
133 |
// Remove or comment out these lines to stop the display of the
|
|
134 |
// added SP information.
|
|
135 |
//
|
|
136 |
*#
|
|
137 |
#set ($logo = $rpUIContext.getLogo())
|
|
138 |
#if ($logo)
|
|
139 |
<p>
|
|
140 |
<img src= "$encoder.encodeForHTMLAttribute($logo)"
|
|
117 |
#foreach ($extFlow in $extendedAuthenticationFlows) |
|
118 |
#if ($authenticationContext.isAcceptable($extFlow) and $extFlow.apply(profileRequestContext)) |
|
119 |
<div class="form-element-wrapper"> |
|
120 |
<button class="form-element form-button" type="submit" name="_eventId_$extFlow.getId()"> |
|
121 |
#springMessageText("idp.login.$extFlow.getId().replace('authn/','')", $extFlow.getId().replace('authn/','')) |
|
122 |
</button> |
|
123 |
</div> |
|
124 |
#end |
|
125 |
#end |
|
126 |
</form> |
|
127 |
#*
|
|
128 |
// |
|
129 |
// SP Description & Logo (optional) |
|
130 |
// These idpui lines will display added information (if available |
|
131 |
// in the metadata) about the Service Provider (SP) that requested |
|
132 |
// authentication. These idpui lines are "active" in this example |
|
133 |
// (not commented out) - this extra SP info will be displayed. |
|
134 |
// Remove or comment out these lines to stop the display of the |
|
135 |
// added SP information. |
|
136 |
// |
|
137 |
*# |
|
138 |
#set ($logo = $rpUIContext.getLogo()) |
|
139 |
#if ($logo) |
|
140 |
<p> |
|
141 |
<img src= "$encoder.encodeForHTMLAttribute($logo)" |
|
141 | 142 |
alt="$encoder.encodeForHTMLAttribute($serviceName)"> |
142 |
</p>
|
|
143 |
#end
|
|
144 |
#set ($desc = $rpUIContext.getServiceDescription())
|
|
145 |
#if ($desc)
|
|
146 |
$encoder.encodeForHTML($desc)
|
|
147 |
#end
|
|
148 |
</div>
|
|
143 |
</p> |
|
144 |
#end |
|
145 |
#set ($desc = $rpUIContext.getServiceDescription()) |
|
146 |
#if ($desc) |
|
147 |
$encoder.encodeForHTML($desc) |
|
148 |
#end |
|
149 |
</div> |
|
149 | 150 |
|
150 |
|
|
151 |
<div> |
|
152 |
<ul class="list list-help"> |
|
153 |
#if ($passwordEnabled) |
|
154 |
<li class="list-help-item"><a href="#springMessageText("idp.url.password.reset", "#")"> #springMessageText("idp.login.forgotPassword", "Forgot your password?")</a></li> |
|
155 |
#end |
|
156 |
<li class="list-help-item"><a href="#springMessageText("openaire.username.reset", "#")"> #springMessageText("openaire.username.forgot", "Forgot your username?")</a></li> |
|
157 |
<li class="list-help-item"><a href="#springMessageText("idp.url.helpdesk", "#")"> #springMessageText("idp.login.needHelp", "Need Help?")</a></li> |
|
158 |
</ul> |
|
159 |
</div> |
|
160 |
</div> |
|
151 |
|
|
152 |
<div> |
|
153 |
<ul class="list list-help"> |
|
154 |
#if ($passwordEnabled) |
|
155 |
<li class="list-help-item"><a href="#springMessageText("idp.url.password.reset", "#")"> #springMessageText("idp.login.forgotPassword", "Forgot your password?")</a></li> |
|
156 |
#end |
|
157 |
<li class="list-help-item"><a href="#springMessageText("openaire.username.reset", "#")"> #springMessageText("openaire.username.forgot", "Forgot your username?")</a></li> |
|
158 |
<li class="list-help-item"><a href="#springMessageText("idp.url.helpdesk", "#")"> #springMessageText("idp.login.needHelp", "Need Help?")</a></li> |
|
159 |
</ul> |
|
160 |
</div> |
|
161 | 161 |
</div> |
162 | 162 |
</div> |
163 | 163 |
</div> |
164 |
</div> |
|
165 |
<!-- FOOTER STARTS HERE--> |
|
166 |
<div class="custom-footer"> |
|
167 |
<div class="uk-section-primary uk-section uk-section-small"> |
|
168 |
<div class="uk-container"> |
|
169 |
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid=""> |
|
170 |
<div class="uk-width-1-1@m uk-first-column"> |
|
171 |
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center"> |
|
172 |
<img alt="OpenAIRE" class="el-image" src="$request.getContextPath()/images/Logo_Horizontal_white_small.png"> |
|
173 |
</div> |
|
174 |
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead"> |
|
175 |
<div><a href="http://creativecommons.org/licenses/by/4.0/" rel="license" target="_blank"><img alt="Creative" src="$request.getContextPath()/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> |
|
176 |
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/" target="_blank">D-NET</a>.</div> |
|
177 |
</div> |
|
178 |
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right"> |
|
179 |
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop=""></a> |
|
180 |
</div> |
|
164 |
</div> |
|
165 |
</div> |
|
166 |
<!-- FOOTER STARTS HERE--> |
|
167 |
<div class="custom-footer"> |
|
168 |
<div class="uk-section-primary uk-section uk-section-small"> |
|
169 |
<div class="uk-container"> |
|
170 |
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid=""> |
|
171 |
<div class="uk-width-1-1@m uk-first-column"> |
|
172 |
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-center"> |
|
173 |
<img alt="OpenAIRE" class="el-image" src="$request.getContextPath()/images/Logo_Horizontal_white_small.png"> |
|
174 |
</div> |
|
175 |
<div class="footer-license uk-margin uk-margin-remove-bottom uk-text-center uk-text-lead"> |
|
176 |
<div><a href="http://creativecommons.org/licenses/by/4.0/" rel="license" target="_blank"><img alt="Creative" src="$request.getContextPath()/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> |
|
177 |
<div>OPENAIRE IS POWERED BY <a href="http://www.d-net.research-infrastructures.eu/" target="_blank">D-NET</a>.</div> |
|
178 |
</div> |
|
179 |
<div class="uk-margin uk-margin-remove-top uk-margin-remove-bottom uk-text-right"> |
|
180 |
<a class="uk-totop uk-icon" href="#" uk-scroll="" uk-totop=""></a> |
|
181 |
</div> |
|
182 |
</div> |
|
183 |
</div> |
|
184 |
</div> |
|
181 | 185 |
</div> |
182 |
</div> |
|
183 |
</div> |
|
184 |
</div> |
|
185 |
</div> |
|
186 |
<!-- FOOTER ENDS HERE--> |
|
187 |
</div> |
|
186 |
<!-- FOOTER ENDS HERE--> |
|
187 |
</div> |
|
188 |
</div> |
|
188 | 189 |
|
189 |
|
|
190 |
</body> |
|
190 |
|
|
191 |
</body>
|
|
191 | 192 |
</html> |
Also available in: Unified diff
add latest changes