mirror of
https://github.com/ubicloud/ubicloud.git
synced 2025-10-04 22:02:18 +08:00
c1b0a1e982
It is redundant. role="form" should be set on non-form tags that operate as forms, and if a form tag is used that doesn't operate as a form, you could potentially use a different role, but the assumption is that a form tag has a form role, so there is no benefit to being explicit about it.
68 lines
3.2 KiB
Text
68 lines
3.2 KiB
Text
<% @page_title = "Recovery Codes" %>
|
|
|
|
<%== part("components/page_header", 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">
|
|
<% if rodauth.two_factor_modifications_require_password? %>
|
|
<div class="px-4 py-6 sm:p-6 lg:pb-8 space-y-4">
|
|
<h2 class="text-lg font-medium leading-6 text-gray-900">Recovery Codes</h2>
|
|
<% form(action: rodauth.recovery_codes_path, method: :post) do %>
|
|
<div class="mt-6 grid grid-cols-6 gap-6">
|
|
<div class="col-span-6 sm:col-span-2">
|
|
<%== render("components/rodauth/password_field") %>
|
|
</div>
|
|
<div class="col-span-6">
|
|
<%== part("components/form/submit_button", text: rodauth.view_recovery_codes_button) %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<% else %>
|
|
<div class="px-4 py-6 sm:p-6 lg:pb-8 space-y-4">
|
|
<h2 class="text-lg font-medium leading-6 text-gray-900">Recovery Codes</h2>
|
|
<p class="mt-1 text-sm text-gray-500">
|
|
Copy these recovery codes to a safe location. You can also download them
|
|
<a
|
|
class="font-medium text-orange-500 hover:text-orange-600 underline underline-offset-2"
|
|
href="data:text/plain;base64,<%= Base64.encode64(rodauth.recovery_codes.join("\n")) %>"
|
|
download="ubicloud-recovery-codes.txt"
|
|
>here</a>.
|
|
</p>
|
|
<div class="mt-6 grid grid-cols-6 gap-6">
|
|
<div class="col-span-6 sm:col-span-6">
|
|
<% if rodauth.recovery_codes.any? %>
|
|
<div
|
|
id="recovery-codes-text"
|
|
class="w-fit text-sm xl:text-base whitespace-nowrap border p-3 bg-slate-100 text-rose-500 font-mono rounded"
|
|
>
|
|
<% rodauth.recovery_codes.each do |code| %>
|
|
<div><%= code %></div>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% if rodauth.can_add_recovery_codes? %>
|
|
<div class="px-4 py-6 sm:p-6 lg:pb-8 space-y-4">
|
|
<h2 class="text-lg font-medium leading-6 text-gray-900"><%== rodauth.add_recovery_codes_heading %></h2>
|
|
<% form(action: rodauth.recovery_codes_path, method: :post) do %>
|
|
<div class="mt-6 grid grid-cols-6 gap-6">
|
|
<div class="col-span-6">
|
|
<%== part("components/form/submit_button", text: rodauth.add_recovery_codes_button, name: rodauth.add_recovery_codes_param) %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|