.

atlas/templates/atlas/collection_viva.html

@@ -77,7 +77,7 @@
         var win2 = false;
 
         $(document).ready(function() {
-            const bc = new BroadcastChannel("test_channel");
+            const bc = new BroadcastChannel("viva_load_channel");
             bc.onmessage = (event) => {
                 console.log("message received");
                 console.log(event);

atlas/templates/atlas/collection_viva_case.html

@@ -25,10 +25,11 @@
         document.addEventListener("DOMContentLoaded", function() {
             document.title = "Case: {{current_case.title}}";
             console.log('ready');
-            const bc = new BroadcastChannel("test_channel");
+            const bc = new BroadcastChannel("viva_load_channel");
             bc.onmessage = (event) => {
                 console.log("message received");
                 console.log(event);
+                bc.postMessage({"type": "open-completed", "url" : url});
             };
         });
     </script>

atlas/templates/atlas/collection_viva_series.html

@@ -23,9 +23,10 @@
 
         document.addEventListener("DOMContentLoaded", function() {
             console.log('ready');
-            const bc = new BroadcastChannel("test_channel");
+            const bc = new BroadcastChannel("viva_load_channel");
             bc.onmessage = (event) => {
                 console.log(event);
+                bc.postMessage({"type": "open-completed", "url" : url});
             };
         });
     </script>

atlas/templates/atlas/index.html

@@ -3,8 +3,12 @@
 {% block content %}
 <h2>Atlas</h2>
 
-<a href="{% url 'atlas:user_collections' %}">Colletion to view / take</a><br/>
+<a href="{% url 'atlas:user_collections' %}">Collections to view / take</a><br/>
+
+
+<h3>My cases / collections</h3>
 View my <a href='{% url "atlas:case_view" %}?author={{request.user.id}}'>cases</a>.<br/>
-<a href="{% url 'atlas:user_uploads' %}">Uploads awaiting import</a>
+
+<a href="{% url 'atlas:user_uploads' %}"><button><i class="bi bi-cloud-arrow-up"></i> Uploads awaiting import</button></a>
 
 {% endblock %}