summaryrefslogtreecommitdiff
path: root/src/main/webapp/wayf-ndn.jsp
blob: 353101b0b89f15fa5b740116d1b4c3e23228da87 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ page contentType="text/html;charset=UTF-8" %> 
<html>

<%@ taglib uri="/WEB-INF/tlds/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/tlds/struts-bean.tld" prefix="bean" %>

<%request.setCharacterEncoding("UTF-8");%>
<%response.setCharacterEncoding("UTF-8");%>

<logic:present name="showComments" scope="Request">

<!-- TO CONFIGURE THIS FOR A SPECIFIC SITE
     =====================================

     Before you deploy this jsp you need to look for CONFIG below.
     These mark places where you should make changes. 

     If you want to make more profound changes but only to the jsp,
     you should read the sections marked PROGRAMMING NOTE below.-->

<!-- PROGRAMMING NOTE

     "requestURL" contains the URL that was specified to get the
     WAYF going.  The jsp uses it mostly for submitting result back to
     the WAYF and error reporting -->

</logic:present>

    <jsp:useBean id="requestURL" scope="request" class="java.lang.String"/>

<logic:present name="showComments" scope="Request">

<!-- PROGRAMMING NOTE

     shire, target, provider and time are all part of the Shibboleth
     1.3 discovery protocol and need to be specified as parameters to the WAYF

     entityID, return, returnIDParam are all part of the
     SAML Discovery protocol.


-->
</logic:present>

<logic:notPresent name="entityID" scope="request">
<logic:notPresent name="shire" scope="request">

<jsp:forward page = "wayferror.jsp"/>
</logic:notPresent>
</logic:notPresent>


<logic:present name="showComments" scope="Request">

<!-- PROGRAMMING NOTE
     In addition to the above.  The WAYF may also supply the following to
     the jsp.

     "cookieList" If this exists it represents the contents of the
         _saml_idp cookie (possibly filtered to remove IdPs which
         cannot serve the SP).  It is a Collection of IdPSite objects,
         which themselves have the following properties:

       "name" The uri for the IdP, which needs to be returned to the
              WAYF in the "origin" parameter.

       "displayName" User friendly name (taken from its alias)

       "addressFor" The (ungarnished) URL for the IdP. This could be
              used to create a direct hyperlink to the IdP

     "sites" If this exists it contains all the possible IdPs for for
         the SP (possibly filtered).  It is a Collection of IdPSite
         Objects which are described above.  This is only present if
         provideList was defined true in the configuration.

     "siteLists" If this exists it contains all the possible metadata
         files which can service for the SP (possibly filtered).  It
         is a collection of IdPSiteSetEntry Objects which have two
         properties:

         "name" This is the displayName from the Metadata element in
            the WAYF configuration file

         "sites" This represents the IdPs.  Again it is a collection
            of IdPSite Objects

         It is only present if provideListOfList was defined true in
         the configuration.

     "singleSiteList" if this is present, then there is only one
         IdPSiteSetEntry Object in "siteLists".

     "searchresultempty" If this is present then it means that a
         search was performed, but no suitable IdPs were returned.

     "searchresults" If this is present it represents the list of IdPs
         which matched a previous search.  It is a Collection of
         IdPSite Objects. -->

<!-- PROGRAMMING NOTE

     The jsp communicates back to the WAYF via the parameters listed
     above, and:

        "action" what the WAYF has to do.  Possible contents are:

            "lookup" - refresh the screen.
            "search" - perform a search on the contents parameter "string"
            "selection" - redirect to the IdP with the uri "origin"

        "cache" preserve any selection in the _saml_idp cookie. A
            value of "session" makes the cookie last for the browser
            session, "perm" gives it the lifetime specified in the
            configuration file.  

      The tabindex is hard wired.  Fortunately the standard allows us to
      have duplicate numbers and says the order is the order things
      get emitted.  We use these numbers

      10 - Recently used sites hyperlinks 
      20 - <clear button for above> 
      25 - AutoSuggestion
      30 Federation selection 
      40 IdP within Selection 
      50 Select button 
      60 How long to remember selector 
      70 Search entry 
      80 Search Button 
      90 List of search results
      100 Select search result
      110 How long to remember search results
      120 Hyperlink to admin user. 

-->

</logic:present>

<head>
    <link rel="stylesheet" type="text/css" href="NORDUnet.css"/>
    <link type="text/css" href="css/base/jquery-ui.css" rel="stylesheet" />
    <link type="text/css" href="css/jquery.mcdropdown.min.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-1.6.2.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/jquery.bgiframe.js"></script>
    <script type="text/javascript" src="js/jquery.mcdropdown.min.js"></script>
    <title>Identity Provider Selection</title>
    <script type="text/javascript">
$(function() {
		   $("input:submit, input:reset, input:button, a",".button").button();
		   //$("#origin").mcDropdown('#sites');
		   $(".sitelist").menu();
});
    </script>
    <script type="text/javascript"> 
		$.widget( "ui.iosMenu", {
			options: {
				backText:      'Back',
				slideDuration: 400,
				slideEasing:   'linear'
			},
 
			_insertBackButtons: function() {
				this.element.find( 'li ul, li ol' ).prepend(
					$( '<li>' +
						 '	<span class="ui-icon ui-icon-carat-1-w"></span>' +
						 '	<a href="#menu-back" class="ios-menu-back-link">' +
									this.options.backText +
						 '	</a>' +
						 '</li>'
				) );
				return this;
			},
 
			_create: function( options ) {
				var iosMenu = this;
 
				iosMenu
					._insertBackButtons()
					.element
						.addClass( 'ios-style' )
						.menu({
							// When a submenu shows up, place it just to the right
							// of the current menu. Later, we'll slide it into view.
							position: {
								my: 'left top',
								at: 'right top',
								of: iosMenu.element
							}
						});
 
				var menu = iosMenu.element.data( 'menu' );
 
				// Override menu#select to account for nesting and back buttons:
				menu.select = function( event ) {
					if ( menu.active && menu.active.find( '> .ios-menu-back-link' ).length ) {
						// if you selected "back", go back:
						menu.focus( event, menu.active );
						if ( menu.left( event ) ) {
							event.stopImmediatePropagation();
						}
						event.preventDefault();
					} else if ( menu.active && menu.active.find( '> ul' ).length ) {
						// if you selected something with children, show the children:
						menu.focus( event, menu.active );
						if ( menu.right( event ) ) {
							event.stopImmediatePropagation();
						}
						event.preventDefault();
					} else {
						menu._trigger( 'select', event, { item: menu.active } );
					}
				};
 
				// Override menu#left to enable sliding behavior:
				menu.left = function( event ) {
					var newItem = this.active && this.active.parents( 'li:not(.ui-menubar-item) ').first(),
							self		= this,
							parent;
					if ( newItem && newItem.length ) {
					  newItem.find( '> a' ).addClass( 'ui-state-focus' ).removeClass( 'ui-state-active' );
						parent = this.active.parent();
						parent
							.attr( 'aria-hidden', 'true' )
							.attr( 'aria-expanded', 'false' )
							.animate({
								left: self.element.css( 'width' )
							}, iosMenu.options.slideDuration, iosMenu.options.slideEasing, function() {
								parent.hide();
								self.focus( event, newItem );
							})
						return true;
					} else if ( event && event.which === $.ui.keyCode.ESCAPE ) {
						// #left gets called both for left-arrow and escape. If it's the
						// latter and we're at the top, fire a "close" event:
						self._trigger( 'close', event );
					}
				};
 
				// Override menu#_open to enable sliding behavior:
				var menuOpenWithoutSliding = menu._open;
				menu._open = function ( submenu ) {
					menuOpenWithoutSliding.call( this, submenu );
					submenu.animate({
						left: 0
					}, iosMenu.options.slideDuration, iosMenu.options.slideEasing);
				};
 
				// Override menu#_startOpening so that hovering doesn't
				// initiate the sliding:
				menu._startOpening = function() {
					clearTimeout( this.timer );
				}
			},
 
			destroy: function() {
			  var menu = this.element && this.element.data( 'menu' );
				menu && menu.destroy();
			}
		});
 
		$(function() {
			var list    = $( '#sites' );
			var firstLI = list.find( 'li' ).first();
			list
				.iosMenu()
				.focus()
				.menu( 'focus', {}, firstLI )
				.bind( 'menuselect', function( event, ui ) {
					$('#origin').attr('value',$(ui.item).attr('rel'));
					$('#selector').submit();
				});
		});
	</script> 
	<style> 
		.ios-style, .ios-style ul, .ios-style ol { background: #fff; height: 200px; padding: 2px; width: 260px; }
		.ios-style { overflow-x: hidden; overflow-y: auto; }
		.ios-style::-webkit-scrollbar { width: 5px; height: 5px; }
		.ios-style::-webkit-scrollbar-thumb { background: rgba(128, 128, 128, 0.6); border-radius: 4px; }
		.ios-style ul, .ios-style ol { overflow-y: visible; border: none; }
		.ios-style.ui-menu-icons .ui-menu-item a { position: inherit; }
		.ios-style .ui-menu-item a { cursor: pointer; outline: none; }
	</style>
</head>

<body>
	
<body id="homepage">
    <div id="wrapper">
       <div id="top">
          <table id="top_table">
             <tr>
                <td><img src="<%= request.getContextPath() %>/images/NORDUnet2.jpg" width="203" height="46" alt="" /></td>
             </tr>
          </table>
       </div>
       <div id="container">
       	<ul class="ilist">
	       <li style="vertical-align: top;">
	          <div id="nav">
	             <ul class="site_tree">
	                <li class="level1"><strong class="level1">Resources</strong>
	                   <ul>
	                      <li class="level2"><a class="level2" href="http://www.nordu.net">NORDUnet Home</a></li>
	                      <li class="level2"><a class="level2" href="http://www.nordu.net#aup">Acceptable Use Policy</a></li>
	                      <li class="level2"><a class="level2" href="http://www.nordu.net#pii">Privacy Policy</a></li>
	                   </ul>
	                </li>
	             </ul>
	             <div id="nav_pic"><img src="images/pipes.jpg" width="200px" height="395" alt="" /></div>
	          </div>
	       </li>
	       <li style="vertical-align: top; margin-left: 50px;">
	       	<h1>Select an identity provider</h1>
	        <p class="text">The service you are trying to use require that you identify yourself. Please select your identity provider below...</p>
	               
	        <ul class="ilist">
	        	<logic:present name="cookieList" scope="request">
		        	<li style="veritcal-align: top; border-right: 1px solid #CECECE; min-height: 300px; padding-right: 20px;">
					   <h2>Recently Used</h2>
					   <ul class="sitelist" style="margin-bottom: 50px;">
					        <logic:iterate id="site" name="cookieList">
					            <li><a tabindex="10" href="#<jsp:getProperty name="site" property="name"/>"><jsp:getProperty name="site" property="displayName"/></a></li> 
					        </logic:iterate>
				      </ul>
				      <form method="get" action="ClearCache.wayf" >
				          <logic:notPresent name="entityID" scope="request">
				            <input type="hidden" name="shire" value="<bean:write name="shire" />" />
				            <input type="hidden" name="target" value="<bean:write name="target" />" />
				            <input type="hidden" name="providerId" value="<bean:write name="providerId" />" />
				            <logic:present name="time" scope="request">
				               <input type="hidden" name="time" value="<bean:write name="time" />" />
				            </logic:present>
				          </logic:notPresent>
				          <logic:present name="entityID" scope="request">
				            <input type="hidden" name="entityID" value="<bean:write name="entityID" />" />
				            <input type="hidden" name="returnX" value="<bean:write name="returnX" />" />
				            <input type="hidden" name="returnIDParam" value="<bean:write name="returnIDParam" />" />
				          </logic:present>
				          <input tabindex="20" type="submit" value="Clear List" />
				      </form>
		        	</li>
	        	</logic:present>
	        	<li style="vertical-align: top; padding-left: 20px;">
	        		<h2>Full list of identity providers</h2>
	        		<form id="selector" method="get" action="<bean:write name="requestURL" />">
	        		  <input type="hidden" name="action" value="selection"/>
			          <input type="hidden" name="origin" id="origin" value="" />
					  <logic:notPresent name="entityID" scope="request">
		                 <input type="hidden" name="shire" value="<bean:write name="shire" />" />
		                 <input type="hidden" name="target" value="<bean:write name="target" />" />
		                 <input type="hidden" name="providerId" value="<bean:write name="providerId" />" />
		                 <logic:present name="time" scope="request">
		                    <input type="hidden" name="time" value="<bean:write name="time" />" />
		                 </logic:present>
		              </logic:notPresent>
		              <logic:present name="entityID" scope="request">
		                 <input type="hidden" name="entityID" value="<bean:write name="entityID" />" />
		                 <input type="hidden" name="returnX" value="<bean:write name="returnX" />" />
		                 <input type="hidden" name="returnIDParam" value="<bean:write name="returnIDParam" />" />
		              </logic:present>
		              <logic:present name="siteLists" scope="request">
					  <ul id="sites">
						 <logic:iterate id="siteset" name="siteLists">
			                <li>
			                   <a href="#<jsp:getProperty name="siteset" property="name"/>"><jsp:getProperty name="siteset" property="name"/></a> 
			                   <ul>
				                   <logic:iterate id="site" name="siteset" property="sites">
				                   	  <logic:present name="entityID" scope="request">
						                <bean:define id="returnIDParam" name="returnIDParam"/>
						                <bean:define id="ei" name="entityID" />
						                <bean:define id="re" name="returnX"/>
						
						                 <li><a tabindex="10" href="<bean:write name="requestURL" />?entityID=<%= java.net.URLEncoder.encode(ei.toString(), "utf-8") %>&return=<%= java.net.URLEncoder.encode(re.toString(), "utf-8") %>&returnIDxParam=<%= java.net.URLEncoder.encode( returnIDParam.toString(), "utf-8" ) %>&cache=perm&action=selection&origin=<jsp:getProperty name="site" property="name" />">
						                    <jsp:getProperty name="site" property="displayName" />
						                 </a></li>
						              </logic:present>
						              <logic:notPresent name="entityID" scope="request">
						                <bean:define id="targ" name="target" />
						                <bean:define id="shire" name="shire" />
						                <bean:define id="pid" name="providerId" />
						                <li><a tabindex="10" href="<bean:write name="requestURL" />?target=<%= java.net.URLEncoder.encode(targ.toString(),"utf-8") %>&shire=<%= java.net.URLEncoder.encode(shire.toString(),"utf-8") %>&providerId=<%= java.net.URLEncoder.encode(pid.toString(),"utf-8") %>&time=<bean:write name="time" />&cache=perm&action=selection&origin=<jsp:getProperty name="site" property="name" />">
						                    <jsp:getProperty name="site"
						                    property="displayName" />
						                </a></li>
						              </logic:notPresent>
				                   </logic:iterate>
			                   </ul>
							</li>
						 </logic:iterate>
					  </ul>
					  </logic:present>
		              <select name="cache" tabindex="60" >
		                 <option value="false"> Do not remember</option>
		                 <option value="session" selected="selected"> Remember for session</option>
		                 <option value="perm"> Remember for a week</option>
		              </select>
		              <!-- input tabindex="50" type="submit" value="Select"/ -->
		            </form>	        		
	        	</li>
	        </ul>
	        

	      </li>
	    </ul>
	  </div>
      <div id="footer">
        <p>NORDUnet A/S | Kastruplundgade 22 | DK-2770 Kastrup | DENMARK | Phone +45 32 46 25 00 | Fax +45 45 76 23 66 | info@nordu.net</p>
      </div>
  </div>  
</body>
</html>