diff --git a/app/assets/javascripts/fileUpload.js b/app/assets/javascripts/fileUpload.js index c9fa79ff4..a246651e5 100644 --- a/app/assets/javascripts/fileUpload.js +++ b/app/assets/javascripts/fileUpload.js @@ -1,3 +1,25 @@ +function announceUploadStatusFromElement() { + const srRegion = document.getElementById('upload-status-live'); + const success = document.getElementById('upload-success'); + const error = document.getElementById('upload-error'); + + if (!srRegion) return; + + const message = error?.textContent || success?.textContent; + + if (message) { + srRegion.textContent = ''; + setTimeout(() => { + srRegion.textContent = message; + console.log(message); + }, 50); + } +} + +document.addEventListener('DOMContentLoaded', () => { + announceUploadStatusFromElement(); +}); + (function(Modules) { "use strict"; @@ -11,19 +33,9 @@ Uploading `); - - const $srStatus = $('#upload-status-live'); - if ($srStatus.length) { - // Clear and re-set the content to ensure it's treated as a change - $srStatus.html(''); - setTimeout(() => { - $srStatus.html('File is uploading'); - }, 50); - } }; this.start = function(component) { - this.$form = $(component); // Handle "Upload your file" button click — CSP-safe version diff --git a/app/templates/base.html b/app/templates/base.html index c37937cdb..aeec8b6e9 100644 --- a/app/templates/base.html +++ b/app/templates/base.html @@ -11,6 +11,11 @@ {% include "components/head.html" %} +
+
{% block bodyStart %} {% block extra_javascripts_before_body %} diff --git a/app/templates/components/banner.html b/app/templates/components/banner.html index 5ea9383d9..ccbc24225 100644 --- a/app/templates/components/banner.html +++ b/app/templates/components/banner.html @@ -4,10 +4,6 @@ {% macro banner(body, type=None, with_tick=False, delete_button=None, subhead=None, context=None, action=None, id=None, thing=None) %}
{% call banner_wrapper(type='dangerous') %} + {# Alert for users of AT #} + File upload failed + {% if recipients.too_many_rows %}