darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-19 05:59:44 -04:00
Code Issues Packages Projects Releases Wiki Activity

Include details JS

Browse Source
This commit is contained in:
Tom Byers
2019-12-16 17:03:42 +00:00
parent 84f90a7e1c
commit afd3fe5781
1 changed files with 22 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/assets/javascripts/modules/all.mjs
View File

@@ -7,6 +7,21 @@
// Exported items will be added to the window.GOVUK namespace. // Exported items will be added to the window.GOVUK namespace.
// For example, `export { Frontend }` will assign `Frontend` to `window.Frontend` // For example, `export { Frontend }` will assign `Frontend` to `window.Frontend`
import Header from 'govuk-frontend/components/header/header'; import Header from 'govuk-frontend/components/header/header';
import Details from 'govuk-frontend/components/details/details';
/**
* TODO: Ideally this would be a NodeList.prototype.forEach polyfill
* This seems to fail in IE8, requires more investigation.
* See: https://github.com/imagitama/nodelist-foreach-polyfill
*/
function nodeListForEach (nodes, callback) {
if (window.NodeList.prototype.forEach) {
return nodes.forEach(callback)
}
for (var i = 0; i < nodes.length; i++) {
callback.call(window, nodes[i], i, nodes);
}
}
// Copy of the initAll function from https://github.com/alphagov/govuk-frontend/blob/v2.13.0/src/all.js // Copy of the initAll function from https://github.com/alphagov/govuk-frontend/blob/v2.13.0/src/all.js
// except it only includes, and initialises, the components used by this application. // except it only includes, and initialises, the components used by this application.
@@ -18,6 +33,12 @@ function initAll (options) {
// Defaults to the entire document if nothing is set. // Defaults to the entire document if nothing is set.
var scope = typeof options.scope !== 'undefined' ? options.scope : document var scope = typeof options.scope !== 'undefined' ? options.scope : document
// Find all global details elements to enhance.
var $details = scope.querySelectorAll('details')
nodeListForEach($details, function ($detail) {
new Details($detail).init()
})
// Find first header module to enhance. // Find first header module to enhance.
var $toggleButton = scope.querySelector('[data-module="header"]') var $toggleButton = scope.querySelector('[data-module="header"]')
new Header($toggleButton).init() new Header($toggleButton).init()
@@ -26,6 +47,7 @@ function initAll (options) {
// Create separate namespace for GOVUK Frontend. // Create separate namespace for GOVUK Frontend.
var Frontend = { var Frontend = {
"Header": Header, "Header": Header,
"Details": Details,
"initAll": initAll "initAll": initAll
} }