Enhance upload results display by organizing duplicate files in a collapsible section and adding alerts for detected duplicates

atlas/templates/atlas/new_uploads.html

@@ -40,8 +40,11 @@
             <h5>Uploaded</h5>
             <ul id="uploaded-files"></ul>
             <h5>Duplicates</h5>
-            <ul id="duplicate-files"></ul>
             <ul id="duplicate-series"></ul>
+            <details>
+                <summary>Files</summary>
+                <ul id="duplicate-files"></ul>
+            </details>
             <h5>Failed</h5>
             <ul id="failed-files"></ul>
         </div>
@@ -170,12 +173,32 @@
                     if (current_chunk + 1 == total_chunks) {
                         $("#loading").hide();
 
+                        // If there are duplicates, open the details and highlight the series
+                        if (window.duplicate_series.size > 0) {
+                            $("#upload-results").attr("open", true);
+                            $("#duplicate-series").closest("details").attr("open", true);
+                            // Show a global alert for duplicate files
+                            toastr.warning(
+                                "Some duplicate files have been detected and not re-imported.",
+                                "Duplicate Files Warning",
+                                {
+                                    "closeButton": true,
+                                    "progressBar": true,
+                                    "positionClass": "toast-top-full-width",
+                                    "timeOut": 7000
+                                }
+                            );
                         window.duplicate_series.forEach((element) => {
-                            let item = document.createElement("a");
+                            const wrapper = document.createElement("div");
-                            item.href = element;
+                            wrapper.className = "alert alert-warning duplicate-series-highlight";
-                            item.textContent = element;
+                            const link = document.createElement("a");
-                            $("#duplicate-series").append(item, "<br/>");
+                            link.href = element;
+                            link.textContent = `Series exists: ${element}`;
+                            link.target = "_blank";
+                            wrapper.appendChild(link);
+                            $("#duplicate-series").append(wrapper);
                         });
+                        };
                         //$("#duplicate-series").append([...window.duplicate_series].join("<br/>"));  
                         alert("Uploading complete")
                     }