41 lines
1.2 KiB
JavaScript
41 lines
1.2 KiB
JavaScript
(function (window, document, jQuery) {
|
|
'use strict';
|
|
|
|
// Basic Toast
|
|
var basicToast = document.querySelector('.basic-toast');
|
|
var basicToastBtn = document.querySelector('.toast-basic-toggler');
|
|
var showBasicToast = new bootstrap.Toast(basicToast);
|
|
|
|
basicToastBtn.addEventListener('click', function () {
|
|
showBasicToast.show();
|
|
});
|
|
|
|
// Required to hide translucent toast
|
|
var toastElList = [].slice.call(document.querySelectorAll('.toast'));
|
|
|
|
var toastList = toastElList.map(function (toastEl) {
|
|
return new bootstrap.Toast(toastEl);
|
|
});
|
|
|
|
// Auto Hide Toast
|
|
var autoHideToast = document.querySelector('.toast-autohide');
|
|
var autoHideToastBtn = document.querySelector('.toast-autohide-toggler');
|
|
|
|
var showAutoHideToast = new bootstrap.Toast(autoHideToast, {
|
|
autohide: false
|
|
});
|
|
|
|
autoHideToastBtn.addEventListener('click', function () {
|
|
showAutoHideToast.show();
|
|
});
|
|
|
|
// Stacked Toast
|
|
var stackedToast = document.querySelector('.toast-stacked');
|
|
var stackedToastBtn = document.querySelector('.toast-stacked-toggler');
|
|
var showStackedToast = new bootstrap.Toast(stackedToast);
|
|
|
|
stackedToastBtn.addEventListener('click', function () {
|
|
showStackedToast.show();
|
|
});
|
|
})(window, document, jQuery);
|