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

Converted more files

Browse Source
This commit is contained in:
Alex Janousek
2025-10-21 09:35:41 -04:00
parent c53c9f5c91
commit 2ba8779c9b
4 changed files with 54 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -28,30 +28,38 @@ function initUploadStatusAnnouncer() {
"use strict";
window.NotifyModules['file-upload'] = function() {
this.submit = () => this.$form.trigger('submit');
this.submit = () => this.form.submit();
this.showCancelButton = () => {
$('.file-upload-button', this.$form).replaceWith(`
<button class='usa-button uploading-button' aria-disabled="true" tabindex="0">
Uploading<span class="loading-spinner" role="status" aria-label="Uploading"></span>
</button>
`);
const uploadButton = this.form.querySelector('.file-upload-button');
if (uploadButton) {
uploadButton.outerHTML = `
<button class='usa-button uploading-button' aria-disabled="true" tabindex="0">
Uploading<span class="loading-spinner" role="status" aria-label="Uploading"></span>
</button>
`;
}
};
this.start = function(component) {
this.$form = $(component);
this.form = component;
this.$form.on('click', '[data-module="upload-trigger"]', function () {
const inputId = $(this).data('file-input-id');
const fileInput = document.getElementById(inputId);
if (fileInput) fileInput.click();
this.form.addEventListener('click', (event) => {
const trigger = event.target.closest('[data-module="upload-trigger"]');
if (trigger) {
const inputId = trigger.dataset.fileInputId;
const fileInput = document.getElementById(inputId);
if (fileInput) fileInput.click();
}
});
$(window).on("pageshow", () => this.$form[0].reset());
window.addEventListener("pageshow", () => this.form.reset());
this.$form.on('change', '.file-upload-field', () => {
this.submit();
this.showCancelButton();
this.form.addEventListener('change', (event) => {
if (event.target.closest('.file-upload-field')) {
this.submit();
this.showCancelButton();
}
});
};
};