toast duration as parameter
This commit is contained in:
parent
34890c4cf2
commit
87c4adac83
@ -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;
|
||||
|
Loading…
x
Reference in New Issue
Block a user