mirror of
https://github.com/HeyPuter/puter.git
synced 2026-08-10 00:01:20 +00:00
Sam Atkins
05aaa5b667
No `.qr-code-checkbox input`s now exist. Also, `.code-confirm-btn` is only used by CodeEntryView, which doesn't use this Button component.
94 lines
2.8 KiB
JavaScript
94 lines
2.8 KiB
JavaScript
/**
|
|
* Copyright (C) 2024 Puter Technologies Inc.
|
|
*
|
|
* This file is part of Puter.
|
|
*
|
|
* Puter is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as published
|
|
* by the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import Placeholder from '../util/Placeholder.js';
|
|
import TeePromise from '../util/TeePromise.js';
|
|
import Flexer from './Components/Flexer.js';
|
|
import QRCodeView from './Components/QRCode.js';
|
|
import UIWindow from './UIWindow.js'
|
|
|
|
let checkbox_id_ = 0;
|
|
|
|
async function UIWindowQR(options){
|
|
const confirmations = options.confirmations || [];
|
|
|
|
options = options ?? {};
|
|
|
|
const placeholder_qr = Placeholder();
|
|
|
|
let h = '';
|
|
// close button containing the multiplication sign
|
|
h += `<div class="qr-code-window-close-btn generic-close-window-button"> × </div>`;
|
|
h += `<div class="otp-qr-code">`;
|
|
h += `<h1 style="text-align: center; font-size: 16px; padding: 10px; font-weight: 400; margin: -10px 10px 20px 10px; -webkit-font-smoothing: antialiased; color: #5f626d;">${
|
|
i18n(options.message_i18n_key || 'scan_qr_generic')
|
|
}</h1>`;
|
|
h += `</div>`;
|
|
|
|
h += placeholder_qr.html;
|
|
|
|
const el_window = await UIWindow({
|
|
title: 'Instant Login!',
|
|
app: 'instant-login',
|
|
single_instance: true,
|
|
icon: null,
|
|
uid: null,
|
|
is_dir: false,
|
|
body_content: h,
|
|
has_head: false,
|
|
selectable_body: false,
|
|
allow_context_menu: false,
|
|
is_resizable: false,
|
|
is_droppable: false,
|
|
init_center: true,
|
|
allow_native_ctxmenu: false,
|
|
allow_user_select: false,
|
|
backdrop: true,
|
|
width: 450,
|
|
height: 'auto',
|
|
dominant: true,
|
|
show_in_taskbar: false,
|
|
draggable_body: true,
|
|
onAppend: function(this_window){
|
|
},
|
|
window_class: 'window-qr',
|
|
body_css: {
|
|
width: 'initial',
|
|
height: '100%',
|
|
'background-color': 'rgb(245 247 249)',
|
|
'backdrop-filter': 'blur(3px)',
|
|
padding: '50px 20px',
|
|
},
|
|
})
|
|
|
|
const component_qr = new QRCodeView({
|
|
value: options.text,
|
|
size: 250,
|
|
});
|
|
|
|
const component_flexer = new Flexer({
|
|
children: [
|
|
component_qr,
|
|
]
|
|
});
|
|
|
|
component_flexer.attach(placeholder_qr);
|
|
}
|
|
|
|
export default UIWindowQR |