Radio buttons instead of a list box in the embedded DS?

[Wessel, Keith]

Moving this to the dev list per Rod's suggestion.

What we're trying to accomplish: we have a selection of three IDPs for each of our three campuses. We may add one or two more in the future, but not a large number. Traditionally, we've offered a centralized discovery service for the simplicity of our service admins and for Box.com for which we have a single enterprise account for our three campuses.

Our current interface, a modified version of the Shibboleth CDS, just has radio buttons, a pull-down for remembering the session, and a select button. We'd like to keep the radio buttons and button, replacing the session remembering option with a single "rmember my choice" checkbox. No need for type-ahead text boxes.

I got this working with SimpleSAMLphp with very minimal changes, but SSP won't validate the return endpoint against metadata. It only gives the option of a select set of hostnames being in the return param which won't work with the hundreds of SPs we have, and with that turned off, it opens up the DS to phishing attacks.

I was hoping to make similar modifications to the EDS. If radio buttons aren't possible, I'm open to links or other interface approaches, but a pull-down doesn't seem terribly practical for three IDPs.

Rod, you said it's pretty simple, as I expected, to change the "select from a list" to radio buttons. If we do that, we'd also want to get rid of the link to take users back to the type-ahead text box selection method.

That's what we're looking at. Any thoughts?

Keith


-----Original Message-----
From: users [mailto:users-bounces at shibboleth.net] On Behalf Of Rod Widdowson
Sent: Sunday, June 19, 2016 9:00 AM
To: 'Shib Users' <users at shibboleth.net>
Subject: RE: Radio buttons instead of a list box in the embedded DS?

Keith,

> Is it possible to get the Shibboleth embedded DS to display IDP selections
as
> radio buttons instead of as a list with just a minimal amount of
JavaScript
> hacking?

I've played with this, and it isn't entirely obvious.  It also depends on
what exactly you need.  There are two lists - there is the auto-drop down
which gets created when you start typing and then there is the "allow me to
pick from a list dropdown" list.

AIUI the former has to be made of <li> elements to help screen readers.
It's relatively easy to put a radio button in before both the small image
and the text, but in 20 minutes playing I haven't been able to make the
radio button clickable.  The module for this is typeahead.js and the method
is TypeAheadControl.prototype.populateDropDown (line 265-ish)

The latter is a standard set of <option> statements inside a <select>.  That
you can pretty much do whatever you want to that.  This is in idpselect.js
methods TypeAheadControl.prototype.populateDropDown and buildSelectOption.

Or (following on from Peter's comment)  do you want the whole thing replaced
with one monster radio selector?  In that case it's really a completely
different DS, you just rip off^H^H^H^H^H^H^H refactor some of the common
code.

I suggest we take this to dev if you want to go any further.  If I can
understand your need a bit more we'll see what we can do, and if you think
it is worthwhile I'll listen to an RFE, but it won't be in V1.2 which is
about to go out.

Rod

-- 
To unsubscribe from this list send an email to users-unsubscribe at shibboleth.net