Page Comparison

It is possible to include JavaScript in the User Interface pages created by Ubisecure SSO. See also Ubisecure SSO Management guide.

Step-by-step guide  

1. Include the following line in the template configuration file custom/templates/templatename.properties

   Code Block
   title custom/templates/templatename.properties
   javascript = /resource/script/ui-extension.js

   
   multiple files can be specified using a comma as a separator:

   Code Block
   title custom/templates/templatename.properties
   javascript = /resource/script/ui-extension.js, /resource/script/brandA.js

   
   
   

2. Create ui-extension.js in custom/resources/script directory containing

   Code Block
   language js title custom/resources/script/ui-extension.js
   // ui-extension.js v1.0.0 $(document).ready(function() { // $("#helptext").hide(); -> Hide the helptext DIV // alert(view.getMethod()); -> Shows the method name // alert(view.getTemplateName()); -> "Default" etc. // alert(view.getConversationName()); -> this is "authn" for authentication pages, "error" in error pages, and "logout" when logging out. Use this value to target changes to certain page types // alert(view.getViewServerPage()); -> Prints the server jsp page, use this value to target changes to certain pages // alert(view.obj.locale); -> Show currently chosen locale // e.g. Move the 'Cancel' -button (#exit div) to end of the #login div dialog box and make it visible. // Hides the introtext DIV completely. if ( $( "#loginerror" ).length ) { $("#login").append($("#exit")); $("#exit").css({'display': 'inline'}); $("#introtext").hide(); }  })

   
   

3. Add references to any scripts used in custom/resource.index

   Code Block
   title custom/resource.index
   ui-extension.js = resources/script/ui-extension.js jslibrary-X.X.X.js = resources/script/jslibrary-X.X.X.js brandA.js = resources/script/brandA.js

   
   

4. In Ubisecure SSO Management, add the template name to Agent being used.
   
   

...

$(document).ready(function() {
	if(view.obj.conversation.agentRef == '7b8d3ae7-8ab9-41bd-9819-b7a99bd77c47') {                                                        
		if(view.getTemplateName() == 'default') {
			$('#login').hide();
			$('span.tupas\\.test\\.1').find('img').click()                                                 
		}                                                  
	if(view.getTemplateName() == 'federation') {
		$('#external').hide();
		}                           
	}
})

Related articles

...