From e897234a80a2cdb24778a0b3995069bdb3b0fa48 Mon Sep 17 00:00:00 2001
From: Leonidas Triantafyllou <leonidastri@users.noreply.github.com>
Date: Tue, 27 Aug 2024 14:43:04 +0200
Subject: [PATCH] YDA-5889: add warning when uploading file with non-UTF8 names
 in research space

---
 research/static/research/js/research.js | 9 +++++++++
 research/templates/research/browse.html | 3 +++
 2 files changed, 12 insertions(+)

diff --git a/research/static/research/js/research.js b/research/static/research/js/research.js
index 37b48d94..a64c9950 100644
--- 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')
+    $('#nonUTF-8FilenameWarning').addClass('hidden')
     // clear information present for next time dialog is presented
     $('.uploads-progress-information').html('')
     $('.uploads-total-progress-bar').css('width', '0%')
@@ -407,6 +408,14 @@ $(function () {
             $self.find('.msg').html('<i class="fa-solid fa-spinner fa-spin fa-fw"></i>')
           })
 
+          try {
+            decodeURIComponent(escape(file.name))
+          } catch (e) {
+            if ($('#nonUTF-8FilenameWarning').hasClass('hidden')) {
+              $('#nonUTF-8FilenameWarning').removeClass('hidden')
+            }
+          }
+
           // No Overwrite btn
           $self.find('.upload-no-overwrite').on('click', function () {
             file.cancel()
diff --git a/research/templates/research/browse.html b/research/templates/research/browse.html
index f0af5930..bfa4931c 100644
--- 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="nonUTF-8FilenameWarning" 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">