Project

General

Profile

« Previous | Next » 

Revision 51769

Added by Tsampikos Livisianos about 6 years ago

add latest changes

View differences:

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="{&quot;align&quot;:&quot;left&quot;}">
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="{&quot;align&quot;:&quot;left&quot;}">
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>&nbsp;UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A&nbsp;<a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
176
                <div>OPENAIRE IS POWERED BY&nbsp;<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>&nbsp;UNLESS OTHERWISE INDICATED, ALL MATERIALS CREATED BY THE OPENAIRE CONSORTIUM ARE LICENSED UNDER A&nbsp;<a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE</a>.</div>
177
                           <div>OPENAIRE IS POWERED BY&nbsp;<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