61 lines
2.5 KiB
JavaScript
61 lines
2.5 KiB
JavaScript
// Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
|
|
// for details on configuring this project to bundle and minify static web assets.
|
|
|
|
// Write your JavaScript code.
|
|
function createToastContainer() {
|
|
const container = document.createElement('div');
|
|
container.id = 'toastContainer';
|
|
container.className = 'toast-container position-fixed bottom-0 end-0 p-3';
|
|
container.setAttribute("aria-live", "polite");
|
|
container.setAttribute("aria-atomic", "true");
|
|
|
|
const liveRegion = document.createElement('div');
|
|
liveRegion.id = 'toastLiveRegion';
|
|
liveRegion.className = 'visually-hidden';
|
|
liveRegion.setAttribute('aria-live', 'assertive');
|
|
liveRegion.setAttribute('aria-atomic', 'true');
|
|
container.appendChild(liveRegion);
|
|
|
|
document.body.appendChild(container);
|
|
return container;
|
|
}
|
|
|
|
// Simple toast helper
|
|
function showToast(message, type) {
|
|
const toastContainer = document.getElementById('toastContainer') || createToastContainer();
|
|
const toast = document.createElement('div');
|
|
toast.className = `toast align-items-center text-white bg-${type} border-0`;
|
|
toast.role = 'alert';
|
|
var useDarkElements = type === "warning"
|
|
toast.innerHTML = `
|
|
<div class="d-flex">
|
|
<div class="toast-body">${message}</div>
|
|
<button type="button" class="btn-close${useDarkElements ? "" : " btn-close-white"} me-2 m-auto"${useDarkElements ? ' style="filter: unset;"' : ""} data-bs-dismiss="toast" aria-label="${window.appTranslations.closeAlert}"></button>
|
|
</div>
|
|
`;
|
|
if (useDarkElements) {
|
|
toast.classList.remove("text-white");
|
|
toast.classList.add("text-dark");
|
|
}
|
|
toastContainer.appendChild(toast);
|
|
|
|
const liveRegion = document.getElementById('toastLiveRegion');
|
|
if (liveRegion) {
|
|
liveRegion.textContent = '';
|
|
setTimeout(() => liveRegion.textContent = message, 500);
|
|
}
|
|
|
|
const bsToast = new bootstrap.Toast(toast, { delay: 10000 });
|
|
bsToast.show();
|
|
toast.addEventListener('hidden.bs.toast', () => toast.remove());
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', async () => {
|
|
// Initialize all tooltips
|
|
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
|
|
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
|
|
let retVal = new bootstrap.Tooltip(tooltipTriggerEl);
|
|
tooltipTriggerEl.role = "tooltip";
|
|
return retVal;
|
|
});
|
|
}); |