diff options
Diffstat (limited to 'vendor/twbs/bootstrap/site/assets/js')
-rw-r--r-- | vendor/twbs/bootstrap/site/assets/js/application.js | 27 |
1 files changed, 16 insertions, 11 deletions
diff --git a/vendor/twbs/bootstrap/site/assets/js/application.js b/vendor/twbs/bootstrap/site/assets/js/application.js index 6ff316056..dd9162e40 100644 --- a/vendor/twbs/bootstrap/site/assets/js/application.js +++ b/vendor/twbs/bootstrap/site/assets/js/application.js @@ -58,6 +58,22 @@ }) } + var alertPlaceholder = document.getElementById('liveAlertPlaceholder') + var alertTrigger = document.getElementById('liveAlertBtn') + + function alert(message, type) { + var wrapper = document.createElement('div') + wrapper.innerHTML = '<div class="alert alert-' + type + ' alert-dismissible" role="alert">' + message + '<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div>' + + alertPlaceholder.append(wrapper) + } + + if (alertTrigger) { + alertTrigger.addEventListener('click', function () { + alert('Nice, you triggered this alert message!', 'success') + }) + } + // Demos within modals document.querySelectorAll('.tooltip-test') .forEach(function (tooltip) { @@ -101,17 +117,6 @@ }) } - // Activate animated progress bar - var btnToggleAnimatedProgress = document.getElementById('btnToggleAnimatedProgress') - if (btnToggleAnimatedProgress) { - btnToggleAnimatedProgress.addEventListener('click', function () { - btnToggleAnimatedProgress.parentNode - .querySelector('.progress-bar-striped') - .classList - .toggle('progress-bar-animated') - }) - } - // Insert copy to clipboard button before .highlight var btnHtml = '<div class="bd-clipboard"><button type="button" class="btn-clipboard" title="Copy to clipboard">Copy</button></div>' document.querySelectorAll('div.highlight') |