diff options
author | XhmikosR <xhmikosr@gmail.com> | 2019-02-24 16:42:18 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-02-24 16:42:18 +0300 |
commit | 5ad21218192ddab3d798203065ac947cce03d76d (patch) | |
tree | 18d22047d15fe386092523fee5f4b30bbc9e95bc /site/docs/4.3/assets | |
parent | 5328d0db0d3ce909dca12b9ded4356da6f5971e4 (diff) |
Remove DOMContentLoaded. (#28337)
There's no reason for us to wait here.
Diffstat (limited to 'site/docs/4.3/assets')
-rw-r--r-- | site/docs/4.3/assets/js/src/application.js | 222 |
1 files changed, 110 insertions, 112 deletions
diff --git a/site/docs/4.3/assets/js/src/application.js b/site/docs/4.3/assets/js/src/application.js index 858e5d0e55..24b633bec1 100644 --- a/site/docs/4.3/assets/js/src/application.js +++ b/site/docs/4.3/assets/js/src/application.js @@ -15,143 +15,141 @@ (function () { 'use strict' - document.addEventListener('DOMContentLoaded', function () { - // Tooltip and popover demos - bootstrap.Util.makeArray(document.querySelectorAll('.tooltip-demo')) - .forEach(function (tooltip) { - new bootstrap.Tooltip(tooltip, { - selector: '[data-toggle="tooltip"]' - }) - }) - - bootstrap.Util.makeArray(document.querySelectorAll('[data-toggle="popover"]')) - .forEach(function (popover) { - new bootstrap.Popover(popover) + // Tooltip and popover demos + bootstrap.Util.makeArray(document.querySelectorAll('.tooltip-demo')) + .forEach(function (tooltip) { + new bootstrap.Tooltip(tooltip, { + selector: '[data-toggle="tooltip"]' }) + }) - bootstrap.Util.makeArray(document.querySelectorAll('.toast')) - .forEach(function (toastNode) { - var toast = new bootstrap.Toast(toastNode, { - autohide: false - }) + bootstrap.Util.makeArray(document.querySelectorAll('[data-toggle="popover"]')) + .forEach(function (popover) { + new bootstrap.Popover(popover) + }) - toast.show() + bootstrap.Util.makeArray(document.querySelectorAll('.toast')) + .forEach(function (toastNode) { + var toast = new bootstrap.Toast(toastNode, { + autohide: false }) - // Demos within modals - bootstrap.Util.makeArray(document.querySelectorAll('.tooltip-test')) - .forEach(function (tooltip) { - new bootstrap.Tooltip(tooltip) - }) + toast.show() + }) - bootstrap.Util.makeArray(document.querySelectorAll('.popover-test')) - .forEach(function (popover) { - new bootstrap.Popover(popover) - }) + // Demos within modals + bootstrap.Util.makeArray(document.querySelectorAll('.tooltip-test')) + .forEach(function (tooltip) { + new bootstrap.Tooltip(tooltip) + }) - // Indeterminate checkbox example - bootstrap.Util.makeArray(document.querySelectorAll('.bd-example-indeterminate [type="checkbox"]')) - .forEach(function (checkbox) { - checkbox.indeterminate = true - }) + bootstrap.Util.makeArray(document.querySelectorAll('.popover-test')) + .forEach(function (popover) { + new bootstrap.Popover(popover) + }) - // Disable empty links in docs examples - bootstrap.Util.makeArray(document.querySelectorAll('.bd-content [href="#"]')) - .forEach(function (link) { - link.addEventListener('click', function (e) { - e.preventDefault() - }) - }) + // Indeterminate checkbox example + bootstrap.Util.makeArray(document.querySelectorAll('.bd-example-indeterminate [type="checkbox"]')) + .forEach(function (checkbox) { + checkbox.indeterminate = true + }) - // Modal relatedTarget demo - var exampleModal = document.getElementById('exampleModal') - if (exampleModal) { - exampleModal.addEventListener('show.bs.modal', function (event) { - var button = event.relatedTarget // Button that triggered the modal - var recipient = button.getAttribute('data-whatever') // Extract info from data-* attributes + // Disable empty links in docs examples + bootstrap.Util.makeArray(document.querySelectorAll('.bd-content [href="#"]')) + .forEach(function (link) { + link.addEventListener('click', function (e) { + e.preventDefault() + }) + }) - // Update the modal's content. - var modalTitle = exampleModal.querySelector('.modal-title') - var modalBodyInput = exampleModal.querySelector('.modal-body input') + // Modal relatedTarget demo + var exampleModal = document.getElementById('exampleModal') + if (exampleModal) { + exampleModal.addEventListener('show.bs.modal', function (event) { + var button = event.relatedTarget // Button that triggered the modal + var recipient = button.getAttribute('data-whatever') // Extract info from data-* attributes - modalTitle.innerHTML = 'New message to ' + recipient - modalBodyInput.value = recipient - }) - } + // Update the modal's content. + var modalTitle = exampleModal.querySelector('.modal-title') + var modalBodyInput = exampleModal.querySelector('.modal-body input') - // Activate animated progress bar - bootstrap.Util.makeArray(document.querySelectorAll('.bd-toggle-animated-progress > .progress-bar-striped')) - .forEach(function (progressBar) { - progressBar.addEventListener('click', function () { - if (progressBar.classList.contains('progress-bar-animated')) { - progressBar.classList.remove('progress-bar-animated') - } else { - progressBar.classList.add('progress-bar-animated') - } - }) + modalTitle.innerHTML = 'New message to ' + recipient + modalBodyInput.value = recipient + }) + } + + // Activate animated progress bar + bootstrap.Util.makeArray(document.querySelectorAll('.bd-toggle-animated-progress > .progress-bar-striped')) + .forEach(function (progressBar) { + progressBar.addEventListener('click', function () { + if (progressBar.classList.contains('progress-bar-animated')) { + progressBar.classList.remove('progress-bar-animated') + } else { + progressBar.classList.add('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>' - bootstrap.Util.makeArray(document.querySelectorAll('figure.highlight, div.highlight')) - .forEach(function (element) { - element.insertAdjacentHTML('beforebegin', btnHtml) - }) + // 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>' + bootstrap.Util.makeArray(document.querySelectorAll('figure.highlight, div.highlight')) + .forEach(function (element) { + element.insertAdjacentHTML('beforebegin', btnHtml) + }) - bootstrap.Util.makeArray(document.querySelectorAll('.btn-clipboard')) - .forEach(function (btn) { - var tooltipBtn = new bootstrap.Tooltip(btn) + bootstrap.Util.makeArray(document.querySelectorAll('.btn-clipboard')) + .forEach(function (btn) { + var tooltipBtn = new bootstrap.Tooltip(btn) - btn.addEventListener('mouseleave', function () { - // Explicitly hide tooltip, since after clicking it remains - // focused (as it's a button), so tooltip would otherwise - // remain visible until focus is moved away - tooltipBtn.hide() - }) + btn.addEventListener('mouseleave', function () { + // Explicitly hide tooltip, since after clicking it remains + // focused (as it's a button), so tooltip would otherwise + // remain visible until focus is moved away + tooltipBtn.hide() }) - - var clipboard = new ClipboardJS('.btn-clipboard', { - target: function (trigger) { - return trigger.parentNode.nextElementSibling - } }) - clipboard.on('success', function (e) { - var tooltipBtn = bootstrap.Tooltip._getInstance(e.trigger) + var clipboard = new ClipboardJS('.btn-clipboard', { + target: function (trigger) { + return trigger.parentNode.nextElementSibling + } + }) - e.trigger.setAttribute('title', 'Copied!') - tooltipBtn._fixTitle() - tooltipBtn.show() + clipboard.on('success', function (e) { + var tooltipBtn = bootstrap.Tooltip._getInstance(e.trigger) - e.trigger.setAttribute('title', 'Copy to clipboard') - tooltipBtn._fixTitle() - e.clearSelection() - }) + e.trigger.setAttribute('title', 'Copied!') + tooltipBtn._fixTitle() + tooltipBtn.show() - clipboard.on('error', function (e) { - var modifierKey = /Mac/i.test(navigator.userAgent) ? '\u2318' : 'Ctrl-' - var fallbackMsg = 'Press ' + modifierKey + 'C to copy' - var tooltipBtn = bootstrap.Tooltip._getInstance(e.trigger) + e.trigger.setAttribute('title', 'Copy to clipboard') + tooltipBtn._fixTitle() + e.clearSelection() + }) - e.trigger.setAttribute('title', fallbackMsg) - tooltipBtn._fixTitle() - tooltipBtn.show() + clipboard.on('error', function (e) { + var modifierKey = /Mac/i.test(navigator.userAgent) ? '\u2318' : 'Ctrl-' + var fallbackMsg = 'Press ' + modifierKey + 'C to copy' + var tooltipBtn = bootstrap.Tooltip._getInstance(e.trigger) - e.trigger.setAttribute('title', 'Copy to clipboard') - tooltipBtn._fixTitle() - }) + e.trigger.setAttribute('title', fallbackMsg) + tooltipBtn._fixTitle() + tooltipBtn.show() - anchors.options = { - icon: '#' - } - anchors.add('.bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5') + e.trigger.setAttribute('title', 'Copy to clipboard') + tooltipBtn._fixTitle() + }) - // Wrap inner - bootstrap.Util.makeArray(document.querySelectorAll('.bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5')) - .forEach(function (hEl) { - hEl.innerHTML = '<span class="bd-content-title">' + hEl.innerHTML + '</span>' - }) + anchors.options = { + icon: '#' + } + anchors.add('.bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5') - bsCustomFileInput.init() - }) + // Wrap inner + bootstrap.Util.makeArray(document.querySelectorAll('.bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5')) + .forEach(function (hEl) { + hEl.innerHTML = '<span class="bd-content-title">' + hEl.innerHTML + '</span>' + }) + + bsCustomFileInput.init() }()) |