toast duration as parameter

This commit is contained in:
Corban-Lee Jones 2024-03-26 11:34:21 +00:00
parent 34890c4cf2
commit 87c4adac83

View File

@ -12,8 +12,6 @@ const toastTemplate = `
</div>
`
const toastFadeDelayMs = 5000;
const toastTypes = {
"primary": "bi-bell-fill",
"info": "bi-info-circle-fill",
@ -31,7 +29,7 @@ function animateToastProgress(progressBar, durationMs) {
});
}
function showToast(typeName, title, message) {
function showToast(typeName, title, message, duration=5000) {
var toast = makeToast(typeName, title, message)
$(".toasts-container").append(toast);
@ -43,7 +41,7 @@ function showToast(typeName, title, message) {
setTimeout(function() {toast.remove()}, 1500);
});
animateToastProgress(progressBar, toastFadeDelayMs);
animateToastProgress(progressBar, duration);
}
function makeToast(typeName, title, message) {
@ -51,7 +49,7 @@ function makeToast(typeName, title, message) {
var template = $(toastTemplate);
template.find(".toast-icon").addClass(`text-${typeName}`).addClass(iconClass);
template.find(".progress-bar").addClass(`bg-${typeName}`);
template.find(".toast-body").text(message);
template.find(".toast-body").html(message);
template.find(".toast-title").text(title);
return template;