Spaces:
Paused
Paused
File size: 4,647 Bytes
b72f5af |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 |
/**
* 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'
function UIPrompt(options){
// set sensible defaults
if(arguments.length > 0){
// if first argument is a string, then assume it is the message
if(isString(arguments[0])){
options = {};
options.message = arguments[0];
}
// if second argument is an array, then assume it is the buttons
if(arguments[1] && Array.isArray(arguments[1])){
options.buttons = arguments[1];
}
}
return new Promise(async (resolve) => {
// provide an 'OK' button if no buttons are provided
if(!options.buttons || options.buttons.length === 0){
options.buttons = [
{label: 'Cancel', value: false, type: 'default'},
{label: 'OK', value: true, type: 'primary'},
]
}
let h = '';
// message
h += `<div class="window-prompt-message">${options.message}</div>`;
// prompt
h += `<div class="window-alert-prompt" style="margin-top: 20px;">`;
h += `<input type="text" class="prompt-input" placeholder="${options.placeholder ?? ''}" value="${options.value ?? ''}">`;
h += `</div>`;
// buttons
if(options.buttons && options.buttons.length > 0){
h += `<div style="overflow:hidden; margin-top:20px; float:right;">`;
h += `<button class="button button-default prompt-resp-button prompt-resp-btn-cancel" data-label="Cancel" style="padding: 0 20px;">Cancel</button>`;
h += `<button class="button button-primary prompt-resp-button prompt-resp-btn-ok" data-label="OK" data-value="true" autofocus>OK</button>`;
h += `</div>`;
}
const el_window = await UIWindow({
title: null,
icon: null,
uid: null,
is_dir: false,
message: options.message,
backdrop: options.backdrop ?? false,
is_resizable: false,
is_droppable: false,
has_head: false,
stay_on_top: options.stay_on_top ?? false,
selectable_body: false,
draggable_body: true,
allow_context_menu: false,
show_in_taskbar: false,
window_class: 'window-alert',
dominant: true,
body_content: h,
width: 450,
parent_uuid: options.parent_uuid,
onAppend: function(this_window){
setTimeout(function(){
$(this_window).find('.prompt-input').get(0).focus({preventScroll:true});
}, 30);
},
...options.window_options,
window_css:{
height: 'initial',
},
body_css: {
width: 'initial',
padding: '20px',
'background-color': 'rgba(231, 238, 245, .95)',
'backdrop-filter': 'blur(3px)',
}
});
// focus to primary btn
$(el_window).find('.button-primary').focus();
// --------------------------------------------------------
// Button pressed
// --------------------------------------------------------
$(el_window).find('.prompt-resp-button').on('click', async function(event){
event.preventDefault();
event.stopPropagation();
if($(this).attr('data-value') === 'true'){
resolve($(el_window).find('.prompt-input').val());
}else{
resolve(false);
}
$(el_window).close();
return false;
})
$(el_window).find('.prompt-input').on('keyup', async function(e){
if(e.keyCode === 13){
$(el_window).find('.prompt-resp-btn-ok').click();
}
})
})
}
export default UIPrompt; |