Redesign "Remember my choice" checkbox in WAYF

[baszoetekouw]

To support the new "Remember my choice per SP" feature of #1956, we want ot make adjustment to the UI of the WAYF screen.

For reference the current layout when wayf.remember_choice is enabled:

We would like to make small adjustments.

in the case that we use a per-sp "remember my choice" (both wayf.remember_choice and wayf.remember_choice_per_idp enabled):

The following changes have been made:

• Adjust the margins, switch the order of the checkbox and the text, adjust the text colour and weight, and add a tooltip ⓘ.

• The mockup above uses this html (but tooltip hover doesn't work):

  <form method="post" action="https://engine.test2.surfconext.nl/authentication/idp/process-wayf" class="wayf__rememberChoice">
      <input type="checkbox" name="rememberChoice" id="rememberChoice">
      <label for="rememberChoice">Remember my choice for this service for 90 days</label>
      <label class="tooltip" for="rememberChoice" style="margin-left: .5em;alignment-baseline: ideographic;">
          <span class="visually-hidden">Tooltip text here</span>
      </label>
  </form>

• Tooltip should show this text:

  • NL: "Als je deze optie aanzet, hoef je de komende 90 dagen niet meer te kiezen hoe je wilt inloggen. Het inlogscherm wordt dan overgeslagen. Let op: gebruik je soms een ander account om in te loggen? Zet de optie dan uit. Je kunt de keuze later weer terugdraaien op profile.surfconext.nl."
  • EN: "If you enable this option, you won’t need to choose how you want to log in for the next 90 days. The login screen will then be skipped. Please note: do you sometimes use a different account to log in? If so, please disable this option. You can reverse this setting later at profile.surfconext.nl."
  • PT: "Se ativar esta opção, não terá de escolher como pretende iniciar sessão nos próximos 90 dias. O ecrã de início de sessão será então ignorado. Atenção: por vezes utiliza uma conta diferente para iniciar sessão? Nesse caso, desative esta opção. Pode reverter esta opção mais tarde em profile.surfconext.nl."

• the "90 days" phrase should be based on what it set in the wayf.remember_choice_per_idp_lifetime application setting. There is no need to do full date parsing here. A simple check that converts to minutes if wayf.remember_choice_per_idp_lifetime<24h and to days otherwise is fine.

For a global "remember my choice" setting (i.e. wayf.remember_choice true and wayf.remember_choice_per_idp false), the WAYF should look similar, but with adjusted text and without tooltip: