YDA-6132: fix multi-select display of progress of the selected items

Author: kaur16

research/static/research/js/dlgFileBrowseOperations.js

@@ -77,6 +77,7 @@ $(document).ready(function () {
     $('#multi-select-delete .collection').text($('.system-metadata-icon').attr('data-folder'))
     $('#mutli-select-progress').attr('data-action', 'delete')
     $('#multi-select-delete').modal('show')
+    $('#mutli-select-progress .dlg-multi-action-button').hide()
   })
   // handling of breadcrumbs
   $('body').on('click', '.browse-select', function (e) {
@@ -113,7 +114,7 @@ $(document).ready(function () {
       $('.multi-select-table tbody').html('')
       $("input:checkbox[name='multiSelect[]']:checked").each(function (index) {
         const type = $(this).attr('data-type')
-        const name = $(this).attr('data-name')
+        const name = DOMPurify.sanitize($(this).attr('data-name'))
         let icon
         if (type === 'coll') {
           icon = '<i class="fa-regular fa-folder"></i>'
@@ -126,11 +127,12 @@ $(document).ready(function () {
                     <td class="item-progress">-</td>
                 </tr>
                 `
-        $('.multi-select-table tbody').append(DOMPurify.sanitize(row))
+        $('.multi-select-table tbody').append(row)
       })
 
       if (action === 'multiple-delete') {
         $('#multi-select-delete').modal('hide')
+        $('.dlg-multi-action-button').hide()
       } else {
         $('#dlg-file-browse-operations').modal('hide')
       }