499430e1ea
We use them together in the same way in all pages, so it makes sense to combine them into a single component.
84 lines
3.7 KiB
Plaintext
84 lines
3.7 KiB
Plaintext
<% @page_title = "Multifactor Authentication" %>
|
|
|
|
<%== render("components/page_header", locals: { title: "My Account" }) %>
|
|
|
|
<main>
|
|
<div class="max-w-screen-xl pb-6 lg:pb-16">
|
|
<div class="overflow-hidden rounded-lg bg-white shadow">
|
|
<div class="divide-y divide-gray-200 lg:grid lg:grid-cols-12 lg:divide-x lg:divide-y-0">
|
|
<%== render("account/submenu") %>
|
|
<div class="divide-y divide-gray-200 lg:col-span-8 xl:col-span-9 2xl:col-span-10 pb-10">
|
|
<div class="px-4 py-6 sm:p-6 lg:pb-8 space-y-4">
|
|
<div class="mt-6 grid grid-cols-6 gap-6">
|
|
<div class="col-span-6 sm:col-span-4">
|
|
<div class="text-lg font-medium leading-6 text-gray-900">One-Time Password Generator</div>
|
|
<p class="mt-1 text-sm text-gray-500">Connect an authenticator app that generates verification codes.</p>
|
|
</div>
|
|
<div class="col-span-6 sm:col-span-2 text-right space-y-1">
|
|
<% if rodauth.otp_exists? %>
|
|
<%== render(
|
|
"components/button",
|
|
locals: {
|
|
text: rodauth.otp_disable_link_text,
|
|
link: rodauth.otp_disable_path,
|
|
type: "danger"
|
|
}
|
|
) %>
|
|
<% else %>
|
|
<%== render("components/button", locals: { text: rodauth.otp_setup_link_text, link: rodauth.otp_setup_path }) %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="px-4 py-6 sm:p-6 lg:pb-8 space-y-4">
|
|
<div class="mt-6 grid grid-cols-6 gap-6">
|
|
<div class="col-span-6 sm:col-span-4">
|
|
<div class="text-lg font-medium leading-6 text-gray-900">Security Keys</div>
|
|
<p class="mt-1 text-sm text-gray-500">Connect a security key to your account.</p>
|
|
</div>
|
|
<div class="col-span-6 sm:col-span-2 text-right space-y-1">
|
|
<%== render("components/button", locals: { text: rodauth.webauthn_setup_link_text, link: rodauth.webauthn_setup_path }) %>
|
|
<% if rodauth.webauthn_setup? %>
|
|
<%== render(
|
|
"components/button",
|
|
locals: {
|
|
text: rodauth.webauthn_remove_link_text,
|
|
link: rodauth.webauthn_remove_path,
|
|
type: "danger"
|
|
}
|
|
) %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% if rodauth.uses_two_factor_authentication? %>
|
|
<div class="px-4 py-6 sm:p-6 lg:pb-8 space-y-4">
|
|
<div class="mt-6 grid grid-cols-6 gap-6">
|
|
<div class="col-span-6 sm:col-span-4">
|
|
<div class="text-lg font-medium leading-6 text-gray-900">Recovery Codes</div>
|
|
<p class="mt-1 text-sm text-gray-500">Single-use recovery codes for your account.</p>
|
|
</div>
|
|
<div class="col-span-6 sm:col-span-2 text-right">
|
|
<%== render("components/button", locals: { text: rodauth.recovery_codes_link_text, link: rodauth.recovery_codes_path }) %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<% if rodauth.two_factor_remove_links.length > 1 %>
|
|
<div class="px-4 py-6 sm:p-6 lg:pb-8 space-y-4">
|
|
<%== render(
|
|
"components/button",
|
|
locals: {
|
|
text: rodauth.two_factor_disable_link_text,
|
|
link: rodauth.two_factor_disable_path,
|
|
type: "danger"
|
|
}
|
|
) %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|