Grouper UI Part 2

Shilen Patel

Duke University

This work licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported License.

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

2

Contents

3

• 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

• Admin• Struts based• Legacy

• Lite• Ajax based•User friendly

5

Lite vs Admin (continued)

6

Admin UI Screenshot

7

Lite UI Screenshot

• nav.properties resource file• Customize labels, tooltips, etc• 2000+ lines

8

Text / Languages / Internationalization

• media.properties resource file• Authentication – Covered in Part 1• Style sheets

css.additional=custom.css

• Logosimage.organisation-logo=grouperExternal/public/assets/images/organisation-logo.gif

image.grouper-logo=grouperExternal/public/assets/images/grouper.gif

9

Configuration Options & Customizations

• 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 UImembership-export.config=resources/grouper/membership-export.xml

membership-import.config=resources/grouper/membership-import.xml

10

Configuration Options & Customizations (continued)

• 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)

• 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)

• 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)

• XHTML 1.0• CSS 2.1• Cookies must be enabled• Javascript must be enabled• AJAX compatible

14

Browser Support

• Known issues in both Admin and Lite UIs.

• More focus during the post-2.1 Grouper UI rewrite.

15

Accessibility

• Load balance 2 or more servers running the UI (in Tomcat for instance)

• Need persistence

16

High Availability

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

17

Quiz

Thanks!

Further information:

• Infosheets, mailing lists, wiki, downloads, etc.:www.internet2.edu/grouper

• Grouper demo server: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

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.