mirror of
https://github.com/HeyPuter/puter.git
synced 2026-05-04 16:40:41 +00:00
Sam Atkins
f0e2bb3633
These serve no purpose except to confuse you, and make my IDE draw some red wiggly underlines.
71 lines
3.0 KiB
JavaScript
71 lines
3.0 KiB
JavaScript
/*
|
|
Copyright (C) 2024 Puter Technologies Inc.
|
|
|
|
This file is part of Puter.com.
|
|
|
|
Puter.com 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 |