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

Removing govuk js

Browse Source
This commit is contained in:
alexjanousekGSA
2025-08-06 17:19:15 -04:00
parent 9d7b2b9076
commit 3a230f15b6
19 changed files with 78 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/collapsibleCheckboxes.js
View File

@@ -220,6 +220,6 @@
this.summary.bindEvents(this);
};
GOVUK.Modules.CollapsibleCheckboxes = CollapsibleCheckboxes;
NotifyModules.CollapsibleCheckboxes = CollapsibleCheckboxes;
}(window));

6
app/assets/javascripts/copyToClipboard.js
View File

@@ -90,11 +90,11 @@
.find('.usa-button').focus()
);
if ('stickAtBottomWhenScrolling' in GOVUK) {
GOVUK.stickAtBottomWhenScrolling.recalculate();
if ('stickAtBottomWhenScrolling' in window.NotifyModules) {
window.NotifyModules.stickAtBottomWhenScrolling.recalculate();
}
};
};
})(window.GOVUK.Modules);
})(window.NotifyModules);

12
app/assets/javascripts/enhancedTextbox.js
View File

@@ -1,13 +1,15 @@
(function(Modules) {
(function(global) {
"use strict";
window.NotifyModules = window.NotifyModules || {};
if (
!('oninput' in document.createElement('input'))
) return;
const tagPattern = /\(\(([^\)\((\?)]+)(\?\?)?([^\)\(]*)\)\)/g;
Modules.EnhancedTextbox = function() {
window.NotifyModules.EnhancedTextbox = function() {
this.start = function(textarea) {
@@ -58,8 +60,8 @@
)
);
if ('stickAtBottomWhenScrolling' in GOVUK) {
GOVUK.stickAtBottomWhenScrolling.recalculate();
if ('stickAtBottomWhenScrolling' in window.NotifyModules) {
window.NotifyModules.stickAtBottomWhenScrolling.recalculate();
}
};
@@ -84,4 +86,4 @@
};
})(window.GOVUK.Modules);
})(window);

4
app/assets/javascripts/errorBanner.js
View File

@@ -1,6 +1,8 @@
(function (window) {
"use strict";
window.NotifyModules = window.NotifyModules || {};
/*
This module is intended to be used to show and hide an error banner based on a javascript trigger. You should make
sure the banner has an appropriate aria-live attribute, and a tabindex of -1 so that screenreaders and keyboard users
@@ -8,7 +10,7 @@
This may behave in unexpected ways if you have more than one element with the `banner-dangerous` class on your page.
*/
window.GOVUK.ErrorBanner = {
window.NotifyModules.ErrorBanner = {
hideBanner: () => $('.banner-dangerous').addClass('display-none'),
showBanner: () => $('.banner-dangerous')
.removeClass('display-none')

8
app/assets/javascripts/errorTracking.js
View File

@@ -1,13 +1,13 @@
(function(window) {
"use strict";
window.GOVUK.Modules.TrackError = function() {
window.NotifyModules.TrackError = function() {
this.start = function(component) {
if (!('analytics' in window.GOVUK)) return;
window.GOVUK.analytics.trackEvent(
// Analytics tracking removed - no longer using GOVUK analytics
// If analytics is needed, integrate with USWDS analytics or custom solution
console.log(
'Error',
$(component).data('error-type'),
{

2
app/assets/javascripts/fileUpload.js
View File

@@ -55,7 +55,7 @@ function initUploadStatusAnnouncer() {
});
};
};
})(window.GOVUK.Modules);
})(window.NotifyModules);
if (typeof module !== 'undefined' && module.exports) {
module.exports = {

8
app/assets/javascripts/fullscreenTable.js
View File

@@ -24,10 +24,10 @@
.on('scroll', this.maintainHeight)
if (
window.GOVUK.stickAtBottomWhenScrolling &&
window.GOVUK.stickAtBottomWhenScrolling.recalculate
window.NotifyModules.stickAtBottomWhenScrolling &&
window.NotifyModules.stickAtBottomWhenScrolling.recalculate
) {
window.GOVUK.stickAtBottomWhenScrolling.recalculate();
window.NotifyModules.stickAtBottomWhenScrolling.recalculate();
}
this.maintainWidth();
@@ -120,4 +120,4 @@
};
})(window.GOVUK.Modules);
})(window.NotifyModules);

2
app/assets/javascripts/listEntry.js
View File

@@ -222,4 +222,4 @@
};
})(window.GOVUK.Modules);
})(window.NotifyModules);

6
app/assets/javascripts/liveSearch.js
View File

@@ -62,7 +62,9 @@
// make sticky JS recalculate its cache of the element's position
// because live search can change the height document
if ('stickAtBottomWhenScrolling' in GOVUK) {
GOVUK.stickAtBottomWhenScrolling.recalculate();
if (window.NotifyModules && window.NotifyModules.stickAtBottomWhenScrolling) {
window.NotifyModules.stickAtBottomWhenScrolling.recalculate();
}
}
};
@@ -95,4 +97,4 @@
};
})(window.GOVUK.Modules);
})(window.NotifyModules);

26
app/assets/javascripts/main.js
View File

@@ -1,9 +1,27 @@
window.GOVUK.Frontend.initAll();
// Initialize USWDS components
if (window.uswds) {
window.uswds.init();
}
var showHideContent = new GOVUK.ShowHideContent();
showHideContent.init();
// Initialize custom modules
window.NotifyModules = window.NotifyModules || {};
window.NotifyModules.start = function() {
var modules = document.querySelectorAll('[data-module]');
modules.forEach(function(element) {
var moduleName = element.getAttribute('data-module');
var moduleStarted = element.getAttribute('data-module-started');
$(() => GOVUK.modules.start());
if (!moduleStarted && window.NotifyModules[moduleName]) {
var module = new window.NotifyModules[moduleName]();
if (module.start) {
module.start(element);
}
element.setAttribute('data-module-started', 'true');
}
});
};
$(() => window.NotifyModules.start());
$(() => $('.error-message, .usa-error-message').eq(0).parent('label').next('input').trigger('focus'));

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

@@ -4,76 +4,16 @@
// When processed by a bundler, this is turned into a Immediately Invoked Function Expression (IIFE)
// The IIFE format allows it to run in browsers that don't support JS Modules.
//
// Exported items will be added to the window.GOVUK namespace.
// For example, `export { Frontend }` will assign `Frontend` to `window.Frontend`
// GOVUK Frontend modules
import Header from 'govuk-frontend/components/header/header';
import Details from 'govuk-frontend/components/details/details';
import Button from 'govuk-frontend/components/button/button';
import Radios from 'govuk-frontend/components/radios/radios';
// Exported items will be added to the window.NotifyModules namespace.
// Modules from 3rd party vendors
import morphdom from 'morphdom';
/**
* 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
// except it only includes, and initialises, the components used by this application.
function initAll(options) {
// Set the options to an empty object by default if no options are passed.
options = typeof options !== 'undefined' ? options : {}
// Allow the user to initialise US Frontend in only certain sections of the page
// Defaults to the entire document if nothing is set.
var scope = typeof options.scope !== 'undefined' ? options.scope : document
// Find all buttons with [role=button] on the scope to enhance.
new Button(scope).init()
// 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.
var $toggleButton = scope.querySelector('[data-module="header"]')
new Header($toggleButton).init()
var $radios = scope.querySelectorAll('[data-module="radios"]')
nodeListForEach($radios, function ($radio) {
new Radios($radio).init()
})
}
// Create separate namespace for GOVUK Frontend.
var Frontend = {
"Header": Header,
"Details": Details,
"Button": Button,
"initAll": initAll
}
var vendor = {
"morphdom": morphdom
}
morphdom: morphdom,
};
// The exported object will be assigned to window.GOVUK in our production code
// The exported object will be assigned to window in our production code
// (bundled into an IIFE by RollupJS)
export {
Frontend,
vendor
}
// Export morphdom globally for backward compatibility
export { morphdom, vendor };

2
app/assets/javascripts/radioSelect.js
View File

@@ -2,7 +2,7 @@
"use strict";
var Modules = global.GOVUK.Modules;
var Modules = global.NotifyModules;
// Template functions for rendering component states
let renderStates = {

2
app/assets/javascripts/radioSlider.js
View File

@@ -2,7 +2,7 @@
"use strict";
global.GOVUK.Modules.RadioSlider = function() {
global.NotifyModules.RadioSlider = function() {
this.start = function(component) {

10
app/assets/javascripts/stick-to-window-when-scrolling.js
View File

@@ -2,7 +2,7 @@
'use strict';
var $ = global.jQuery;
var GOVUK = global.GOVUK || {};
var NotifyModules = global.NotifyModules || {};
var _mode = 'default';
// Constructor to make objects representing the area sticky elements can scroll in
@@ -677,7 +677,7 @@
}
self.setElementDimensions(elObj, onDimensionsSet);
};
};
Sticky.prototype.remove = function (el) {
if ($.inArray(el, this._els) !== -1) {
@@ -989,7 +989,7 @@
el.unstop();
};
GOVUK.stickAtTopWhenScrolling = stickAtTop;
GOVUK.stickAtBottomWhenScrolling = stickAtBottom;
global.GOVUK = GOVUK;
NotifyModules.stickAtTopWhenScrolling = stickAtTop;
NotifyModules.stickAtBottomWhenScrolling = stickAtBottom;
global.NotifyModules = NotifyModules;
})(window);

2
app/assets/javascripts/templateFolderForm.js
View File

@@ -357,4 +357,4 @@
`).get(0);
};
})(window.GOVUK.Modules);
})(window.NotifyModules);

17
app/assets/javascripts/timeoutPopup.js
View File

@@ -1,6 +1,5 @@
window.GOVUK = window.GOVUK || {};
window.GOVUK.Modules = window.GOVUK.Modules || {};
window.GOVUK.Modules.TimeoutPopup = window.GOVUK.Modules.TimeoutPopup || {};
window.NotifyModules = window.NotifyModules || {};
window.NotifyModules.TimeoutPopup = window.NotifyModules.TimeoutPopup || {};
(function(global) {
"use strict";
@@ -56,10 +55,10 @@ window.GOVUK.Modules.TimeoutPopup = window.GOVUK.Modules.TimeoutPopup || {};
setTimeout(setSessionTimer, 25 * 60 * 1000);
}
global.GOVUK.Modules.TimeoutPopup.checkTimer = checkTimer;
global.GOVUK.Modules.TimeoutPopup.expireUserSession = expireUserSession;
global.GOVUK.Modules.TimeoutPopup.signoutUser = signoutUser;
global.GOVUK.Modules.TimeoutPopup.extendSession = extendSession;
global.GOVUK.Modules.TimeoutPopup.showTimer = showTimer;
global.GOVUK.Modules.TimeoutPopup.closeTimer = closeTimer;
global.NotifyModules.TimeoutPopup.checkTimer = checkTimer;
global.NotifyModules.TimeoutPopup.expireUserSession = expireUserSession;
global.NotifyModules.TimeoutPopup.signoutUser = signoutUser;
global.NotifyModules.TimeoutPopup.extendSession = extendSession;
global.NotifyModules.TimeoutPopup.showTimer = showTimer;
global.NotifyModules.TimeoutPopup.closeTimer = closeTimer;
})(window);

7
app/assets/javascripts/updateContent.js
View File

@@ -2,7 +2,8 @@
"use strict";
var queues = {};
var morphdom = global.GOVUK.vendor.morphdom;
// morphdom is now imported directly from node_modules
var morphdom = window.morphdom || (window.NotifyModules && window.NotifyModules.vendor && window.NotifyModules.vendor.morphdom);
var defaultInterval = 2000;
var interval = 0;
@@ -105,7 +106,7 @@
);
};
global.GOVUK.Modules.UpdateContent = function() {
global.NotifyModules.UpdateContent = function() {
this.start = component => {
var $component = $(component);
@@ -143,6 +144,6 @@
};
global.GOVUK.Modules.UpdateContent.calculateBackoff = calculateBackoff;
global.NotifyModules.UpdateContent.calculateBackoff = calculateBackoff;
})(window);

2
app/assets/javascripts/updateStatus.js
View File

@@ -1,7 +1,7 @@
(function(window) {
"use strict";
window.GOVUK.Modules.UpdateStatus = function() {
window.NotifyModules.UpdateStatus = function() {
const getRenderer = $component => response => $component.html(
response.html

2
gulpfile.js
View File

@@ -37,7 +37,7 @@ const javascripts = () => {
],
output: {
format: 'iife',
name: 'GOVUK',
name: 'NotifyModules',
},
})
.pipe(source('all.mjs'))