Spaces:
Paused
Paused
/** | |
* 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 UIWindow from './UIWindow.js' | |
async function UIWindowDownloadDirProg(options){ | |
options = options ?? {}; | |
let h = ''; | |
// Loading spinner | |
h +=`<svg style="height: 40px; width: 40px; padding: 10px; display: block; float: left;" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"><title>circle anim</title><g fill="#212121" class="nc-icon-wrapper"><g class="nc-loop-circle-24-icon-f"><path d="M12 24a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zm0-22a10 10 0 1 0 10 10A10.011 10.011 0 0 0 12 2z" fill="#212121" opacity=".4"></path><path d="M24 12h-2A10.011 10.011 0 0 0 12 2V0a12.013 12.013 0 0 1 12 12z" data-color="color-2"></path></g><style>.nc-loop-circle-24-icon-f{--animation-duration:0.5s;transform-origin:12px 12px;animation:nc-loop-circle-anim var(--animation-duration) infinite linear}@keyframes nc-loop-circle-anim{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}</style></g></svg>`; | |
h += `<p style="text-align:left; padding-left:20px; padding-right:20px; overflow:hidden; width: 310px; text-overflow: ellipsis; white-space: nowrap; float:left; font-size:14px;" class="dir-dl-status">${options.defaultText ?? 'Preparing...'}</p>`; | |
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: false, | |
width: 460, | |
height: 'auto', | |
dominant: true, | |
show_in_taskbar: false, | |
draggable_body: true, | |
onAppend: function(this_window){ | |
}, | |
window_class: 'window-qr', | |
body_css: { | |
width: 'initial', | |
height: '100px', | |
'background-color': 'rgb(245 247 249)', | |
'backdrop-filter': 'blur(3px)', | |
'display': 'flex', | |
"flex-direction": 'row', | |
'justify-content': 'center', | |
'align-items': 'center', | |
} | |
}) | |
return el_window; | |
} | |
export default UIWindowDownloadDirProg |