YDA-6639: reset multiselect checkbox after folder change

Author: FuHsinyu

deposit/static/deposit/js/data.js

@@ -689,6 +689,7 @@ function changeBrowserUrl (path) {
 }
 
 function browse (dir = '', changeHistory = false) {
+  resetMultiSelectCheckbox()
   currentFolder = dir
   makeBreadcrumb(dir)
   if (changeHistory) { changeBrowserUrl(dir) }
@@ -700,6 +701,12 @@ function browse (dir = '', changeHistory = false) {
   apostropheFolderHints(dir)
 }
 
+function resetMultiSelectCheckbox () {
+  $('#multi-select-all').prop({ checked: false })
+  $('#multiSelect').addClass('hide')
+  $("input[name='multiSelect[]']").prop('checked', false)
+}
+
 function apostropheFolderHints (dir) {
   // Apostrophe in the name, so disable upload/creation
   if (dir.indexOf('\'') > -1) {

research/static/research/js/research.js

@@ -879,6 +879,7 @@ function changeBrowserUrl (path) {
 }
 
 function browse (dir = '', changeHistory = false) {
+  resetMultiSelectCheckbox()
   currentFolder = dir
   // remove hide class that could have been added when a erroneous vault path was used.
   $('#file-browser_wrapper').removeClass('hide')
@@ -890,6 +891,12 @@ function browse (dir = '', changeHistory = false) {
   buildFileBrowser()
 }
 
+function resetMultiSelectCheckbox () {
+  $('#multi-select-all').prop({ checked: false })
+  $('#multiSelect').addClass('hide')
+  $("input[name='multiSelect[]']").prop('checked', false)
+}
+
 function handleGoToVaultButton (dir) {
   // Handle the button with which to return to the corresponding research area.
   const parts = dir.split('/')

vault/static/vault/js/vault.js

@@ -370,6 +370,7 @@ function changeBrowserUrl (path) {
 }
 
 function browse (dir = '', changeHistory = false) {
+  resetMultiSelectCheckbox()
   currentFolder = dir
   // remove hide class that could have been added when a erroneous vault path was used.
   $('#file-browser_wrapper').removeClass('hide')
@@ -390,6 +391,12 @@ function browse (dir = '', changeHistory = false) {
   topInformation(dir, true, true)
 }
 
+function resetMultiSelectCheckbox () {
+  $('#multi-select-all').prop({ checked: false })
+  $('#multiSelect').addClass('hide')
+  $("input[name='multiSelect[]']").prop('checked', false)
+}
+
 function handleGoToResearchButton (dir) {
   // Handle the button with which to return to the corresponding research area.
   const parts = dir.split('/')