mirror of
https://github.com/plausible/analytics.git
synced 2024-12-28 12:01:39 +03:00
da0fa6c355
* Add 2FA actions to `AuthController` * Hook up new `AuthController` actions to router * Add `qr_code` to project dependencies * Implement generic `qr_code` component rendering SVG QR code from text * Implement enabled and disabled 2FA setting state in user settings view * Implement view for initiating 2FA setup * Implement view for verifying 2FA setup * Implement view for rendering generated 2FA recovery codes * Implement view for verifying 2FA code * Implement view for verifying 2FA recovery code * Improve `input_with_clipboard` component * Improve view for initiating 2FA setup * Improve verify 2FA setup view * Implement `verify_2fa_input` component * Improve view for verifying 2FA setup * Improve view rendering generated 2FA recovery codes * Use `verify_2fa_input` component in verify 2FA view * Do not render PA contact on self-hosted instances * Improve flash message phrasing on generated recovery codes * Add byline with a warning to disable 2FA modal * Extract modal to component and move 2FA components to dedicated module * First pass on loading state for "generate new codes" * Adjust modal button logic * Fix button in verify_2fa_input component * Use button component in activate view * Implement wait states for recovery code related actions properly * Apply rate limiting to 2FA verification * Log failed 2FA code input attempts * Add ability to trust device and skip 2FA for 30 days * Improve styling in dark mode * Fix waiting state under Chrome and Safari * Delete trust cookie when disabling 2FA * Put 2FA behind a feature flag * Extract 2FA cookie deletion * ff fixup * Improve session management during 2FA login * Extract part of 2FA controller logic to a separate module and clean up a bit * Clear 2FA user session when rate limit hit * Add id to form in verify 2FA setup view * Add controller tests for 2FA actions and login action * Update CHANGELOG.md * Use `full_build?()` instead of `@is_selfhost` removed after rebase * Update `Auth.TOTP` moduledoc * Add TOTP token management and make `TOTP.enable` more test-friendly * Use TOTP token for device trust feature * Use zero-deps `eqrcode` instead of deps-heavy `qr_code` * Improve flash messages copy Co-authored-by: hq1 <hq@mtod.org> * Make one more copy improvement Co-authored-by: hq1 <hq@mtod.org> * Fix copy in remaining spots * Change redirect after login to accept URLs from #3560 (h/t @aerosol) * Add tests checking handling login_dest on login and 2FA verification * Fix regression in email activation form submit button behavior * Rename `PlausibleWeb.TwoFactor` -> `PlausibleWeb.TwoFactor.Session` * Move `qr_code` component under `Components.TwoFactor` * Set domain and secure options for new cookies --------- Co-authored-by: hq1 <hq@mtod.org>
60 lines
2.3 KiB
Plaintext
60 lines
2.3 KiB
Plaintext
<div class="w-full max-w-3xl mt-4 mx-auto flex">
|
|
<%= form_for @conn.params,
|
|
Routes.auth_path(@conn, :verify_2fa_recovery_code),
|
|
[
|
|
class: "w-full max-w-lg mx-auto bg-white dark:bg-gray-800 shadow-md rounded px-8 py-6 mb-4 mt-8",
|
|
onsubmit: "document.getElementById('use-code-button').disabled = true"
|
|
], fn f -> %>
|
|
<h2 class="text-xl font-black dark:text-gray-100">
|
|
Enter Recovery Code
|
|
</h2>
|
|
|
|
<div class="text-sm mt-2 text-gray-500 dark:text-gray-200 leading-tight">
|
|
Can't access your authenticator application? Enter a recovery code instead.
|
|
<div class="mt-6">
|
|
<div>
|
|
<%= text_input(f, :recovery_code,
|
|
value: "",
|
|
autocomplete: "off",
|
|
class:
|
|
"font-medium shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full px-2 border-gray-300 dark:border-gray-500 dark:text-gray-200 dark:bg-gray-900 rounded-md",
|
|
maxlength: "10",
|
|
oninvalid: "document.getElementById('use-code-button').disabled = false",
|
|
placeholder: "Enter recovery code",
|
|
required: "required"
|
|
) %>
|
|
</div>
|
|
<.button
|
|
id="use-code-button"
|
|
type="submit"
|
|
class="w-full mt-2 [&>span.label-enabled]:block [&>span.label-disabled]:hidden [&[disabled]>span.label-enabled]:hidden [&[disabled]>span.label-disabled]:block"
|
|
>
|
|
<span class="label-enabled pointer-events-none">
|
|
Use Code
|
|
</span>
|
|
|
|
<span class="label-disabled">
|
|
<PlausibleWeb.Components.Generic.spinner class="inline-block h-5 w-5 mr-2 text-white dark:text-gray-400" />
|
|
Verifying...
|
|
</span>
|
|
</.button>
|
|
</div>
|
|
|
|
<div class="mt-6 flex flex-row justify-between items-center">
|
|
<p class="text-sm">
|
|
Authenticator application working again?
|
|
<a href={Routes.auth_path(@conn, :verify_2fa)} class="underline text-indigo-600">
|
|
Enter verification code
|
|
</a>
|
|
<%= if full_build?() do %>
|
|
<br /> Lost your recovery codes?
|
|
<a href="https://plausible.io/contact" class="underline text-indigo-600">
|
|
Contact us
|
|
</a>
|
|
<% end %>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|