params.referer = $("#referer").val();
this.search = Qs.stringify(params);
});
-
- // Add click handler to show OpenID field
- $("#openid_open_url").click(function () {
- $("#login_auth_buttons").hide();
- $("#openid_login_form").show();
- });
-
- // Hide OpenID field for now
- $("#openid_login_form").hide();
});
<div>
<%= tag.div :id => "login_auth_buttons",
- :class => ["row row-cols-1", { "row-cols-sm-2" => prefered_auth_button_available }, "g-2 mb-3"] do %>
+ :class => ["collapse show row row-cols-1", { "row-cols-sm-2" => prefered_auth_button_available }, "g-2 mb-3"] do %>
<% if prefered_auth_button_available %>
<div class="col justify-content-center d-flex align-items-center flex-wrap">
:alt => t(".openid.alt"),
:size => "36"),
:type => "button",
- :id => "openid_open_url",
+ :data => { "bs-toggle" => "collapse",
+ "bs-target" => "#login_auth_buttons, #openid_login_form" },
:title => t(".openid.title"),
:class => "btn btn-light p-2" %>
<% elsif provider != @preferred_auth_provider %>
<% end %>
<%# :tabindex starts high to allow rendering at the bottom of the template %>
- <%= form_tag(auth_path(:provider => "openid"), :id => "openid_login_form") do %>
+ <%= form_tag auth_path(:provider => "openid"), :id => "openid_login_form", :class => "collapse" do %>
<div class="mb-3">
<label for="openid_url" class="form-label">
<%= image_tag "openid.svg", :size => "36", :alt => "", :class => "align-text-bottom" %>