YDA-5889: add warning for unsupported characters in filenames

UtrechtUniversity · Aug 30, 2024 · dd09c5f · dd09c5f
1 parent 55f776f
commit dd09c5f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/research/static/research/js/research.js b/research/static/research/js/research.js
@@ -322,6 +322,7 @@ $(function () {
     r.cancel()
     $('#files').html('')
     $('#uploads').addClass('hidden')
+    $('#unsupportedCharsWarning').addClass('hidden')
     // clear information present for next time dialog is presented
     $('.uploads-progress-information').html('')
     $('.uploads-total-progress-bar').css('width', '0%')
@@ -347,6 +348,11 @@ $(function () {
         const folderName = file.relativePath.substring(0, file.relativePath.indexOf('/'))
         let overwrite = false
 
+        const diamondQuestionMarkPattern = /\uFFFD/
+        if (diamondQuestionMarkPattern.test(file.name)) {
+          $('#unsupportedCharsWarning').removeClass('hidden')
+        }
+
         const $self = $('#' + file.uniqueIdentifier)
         // Pause btn
         $self.find('.upload-pause').on('click', function () {

diff --git a/research/templates/research/browse.html b/research/templates/research/browse.html
@@ -321,6 +321,9 @@ <h5 class="modal-title">Uploads
                 <button type="button" class="btn-close btn-close-uploads-overview" data-bs-dismiss="modal" aria-label="Close" title="Close"></button>
             </div>
             <div class="modal-body">
+                <div id="unsupportedCharsWarning" class="hidden alert alert-primary">
+                    Uploaded filenames contain unsupported characters and are renamed for compatibility.
+                </div>
                 <div id="files"></div>
             </div>
             <div class="modal-footer">