1. Grouper UI Part 2 Shilen Patel Duke University This work licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported License.

2. Lite vs Admin Text / languages / internationalization Configuration Options & Customizations Browser Support Accessibility High Availability 2 Contents

3. 3

4. Admin: Navigate hierarchy, create folders, move and copy, old style attributes. Lite: Start/end dates, permissions, new style attributes, external subjects, subject picker. Both: Create groups, add memberships, add privileges, export/import to file. 4 Lite vs Admin

5. Admin Struts based Legacy Lite Ajax based User friendly 5 Lite vs Admin (continued)

6. 6 Admin UI Screenshot

7. 7 Lite UI Screenshot

8. nav.properties resource file Customize labels, tooltips, etc 2000+ lines 8 Text / Languages / Internationalization

9. media.properties resource file Authentication – Covered in Part 1 Style sheets css.additional=custom.css Logos image.organisation-logo=grouperExternal/public/assets/images/organisation-logo.gif image.grouper-logo=grouperExternal/public/assets/images/grouper.gif 9 Configuration Options & Customizations

10. Top node in Admin UI hierarchy # Unless otherwise configured, the UI starts browsing at the ROOT stem. # set default.browse.stem to start browsing from a different stem default.browse.stem=@default.browse.stem@ Export / Import in Admin UI membership-export.config=resources/grouper/membership-export.xml membership-import.config=resources/grouper/membership-import.xml 10 Configuration Options & Customizations (continued)

11. Application specific customizations in Membership Lite UI membershipLiteName Parameter CSS & Text (local or external URL) Useful to integrate with external application. 11 Configuration Options & Customizations (continued)

12. Subject Sorting API configuration allows multiple sort strings UI configuration to add labels for sort strings (in nav.properties) # If you have enabled member sorting (member.sort.enabled) and disabled # default sorting (member.sort.defaultOnly), # be sure to add labels for each default sort string configured in # grouper.properties (member.sort.defaultIndexOrder). member.sort.string0=Name member.sort.string1=Login Id 12 Configuration Options & Customizations (continued)

13. Default display is the “description” of the subject. Admin UI Edit subjectView.jsp Lite UI (add subject id) grouperUi.subjectImg.sourceId.0 = ldap grouperUi.subjectImg.image.0 = user.png grouperUi.subjectImg.screenEl.0 = ${subject.description} (${subject.id}) 13 Configuration Options & Customizations (continued)

14. XHTML 1.0 CSS 2.1 Cookies must be enabled Javascript must be enabled AJAX compatible 14 Browser Support

15. Known issues in both Admin and Lite UIs. More focus during the post-2.1 Grouper UI rewrite. 15 Accessibility

16. Load balance 2 or more servers running the UI (in Tomcat for instance) Need persistence 16 High Availability

17. Click on the quiz link in the video description to reinforce your knowledge of this topic.quiz link 17 Quiz

18. Thanks! Further information: Infosheets, mailing lists, wiki, downloads, etc.: www.internet2.edu/grouper www.internet2.edu/grouper Grouper demo server: grouperdemo.internet2.edu/ grouperdemo.internet2.edu/ Grouper Online Training Home: spaces.internet2.edu/x/IIGfAQ This work licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported License. 18

19. Next Video in Grouper Online Training is: Grouper Web Services Part 1 This work licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported License.