lee/puter
1
0
Fork 0
mirror of https://github.com/HeyPuter/puter.git synced 2026-08-22 22:17:01 +00:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

Add recovery codes

Browse Source
This commit is contained in:
KernelDeimos
2024-05-06 00:02:46 -04:00
parent 455d3946d6
commit 3bf7737790
6 changed files with 105 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/UI/Settings/UITabSecurity.js
+2 -2
View File
@@ -64,10 +64,10 @@ export default {
i18n('confirm_2fa_setup'),
i18n('confirm_2fa_recovery'),
],
recovery_codes: data.codes,
has_confirm_and_cancel: true,
});
console.log('confirmation?', confirmation);
if ( ! confirmation ) return;
await fetch(`${api_origin}/auth/configure-2fa/enable`, {
src/UI/UIWindowQR.js
+31 -8
View File
@@ -20,6 +20,8 @@
import TeePromise from '../util/TeePromise.js';
import UIWindow from './UIWindow.js'
let checkbox_id_ = 0;
async function UIWindowQR(options){
const confirmations = options.confirmations || [];
@@ -36,24 +38,45 @@ async function UIWindowQR(options){
}</h1>`;
h += `</div>`;
if ( options.recovery_codes ) {
h += `<div class="recovery-codes">`;
h += `<h2 style="text-align: center; font-size: 16px; padding: 10px; font-weight: 400; margin: -10px 10px 20px 10px; -webkit-font-smoothing: antialiased; color: #5f626d;">${
i18n('recovery_codes')
}</h2>`;
h += `<div class="recovery-codes-list">`;
for ( let i=0 ; i < options.recovery_codes.length ; i++ ) {
h += `<div class="recovery-code">${
html_encode(options.recovery_codes[i])
}</div>`;
}
h += `</div>`;
h += `</div>`;
}
for ( let i=0 ; i < confirmations.length ; i++ ) {
const confirmation = confirmations[i];
// checkbox
h += `<div class="qr-code-checkbox">`;
h += `<input type="checkbox" name="confirmation_${i}">`;
h += `<label for="confirmation_${i}">${confirmation}</label>`;
h += `<input type="checkbox" id="checkbox_${++checkbox_id_}" name="confirmation_${i}">`;
h += `<label for="checkbox_${checkbox_id_}">${confirmation}</label>`;
h += `</div>`;
}
// h += `<button class="code-confirm-btn" style="margin: 20px auto; display: block; width: 100%; padding: 10px; font-size: 16px; font-weight: 400; background-color: #007bff; color: #fff; border: none; border-radius: 5px; cursor: pointer;">${
// i18n('confirm')
// }</button>`;
h += `<button type="submit" class="button button-block button-primary code-confirm-btn" style="margin-top:10px;" disabled>${
i18n('confirm')
}</button>`;
h += `<button type="submit" class="button button-block button-secondary code-cancel-btn" style="margin-top:10px;">${
i18n('cancel')
}</button>`;
if ( options.has_confirm_and_cancel ) {
h += `<button type="submit" class="button button-block button-primary code-confirm-btn" style="margin-top:10px;" disabled>${
i18n('confirm')
}</button>`;
h += `<button type="submit" class="button button-block button-secondary code-cancel-btn" style="margin-top:10px;">${
i18n('cancel')
}</button>`;
} else {
h += `<button type="submit" class="button button-block button-primary code-confirm-btn" style="margin-top:10px;">${
i18n('done')
}</button>`;
}
const el_window = await UIWindow({
title: 'Instant Login!',