36 lines
No EOL
1.1 KiB
JavaScript
36 lines
No EOL
1.1 KiB
JavaScript
export async function showNotification(title, subtitle, time = 5000, hint) {
|
|
const notificationBox = document.createElement('div');
|
|
notificationBox.classList.add('notification-box');
|
|
|
|
const notificationTitle = document.createElement('h1');
|
|
notificationTitle.innerHTML = title;
|
|
|
|
const notificationSubtitle = document.createElement('p');
|
|
notificationSubtitle.innerHTML = subtitle;
|
|
|
|
notificationBox.appendChild(notificationTitle);
|
|
if (subtitle) {
|
|
notificationBox.appendChild(notificationSubtitle);
|
|
}
|
|
document.querySelector('body').appendChild(notificationBox);
|
|
|
|
let clicked = false;
|
|
|
|
notificationBox.addEventListener('click', () => {
|
|
hideNotification(notificationBox);
|
|
})
|
|
|
|
await new Promise(requestAnimationFrame);
|
|
notificationBox.classList.add("shown");
|
|
|
|
await new Promise(r => setTimeout(r, time));
|
|
if (!clicked) {
|
|
hideNotification(notificationBox);
|
|
}
|
|
}
|
|
|
|
async function hideNotification(notificationBox) {
|
|
notificationBox.classList.remove('shown');
|
|
await new Promise(r => setTimeout(r, 1000));
|
|
notificationBox.remove();
|
|
} |