Fix #3733 - stop spinner on json export (#3735)

CHANGELOG.md

@@ -24,6 +24,7 @@ About changelog [here](https://keepachangelog.com/en/1.0.0/)
 - Handle connection timeout when sending requests requests to external web services
 - Validate any ClinVar submission regardless of its status
 - Empty Phenopackets import crashes
+- Stop Spinner on Phenopacket JSON download
 ### Changed
 - Updated ClinVar submission instructions
 

scout/server/blueprints/cases/templates/cases/case.html

@@ -544,6 +544,7 @@ <h5 class="modal-title" id="exampleModalLabel">Edit synopsis</h5>
         container: 'body'})
   })
 
+
   $(function(){
       function getHpoTerms(query, process) {
         $.get("{{ url_for('cases.hpoterms') }}", {query: query}, function(data) {
@@ -596,6 +597,11 @@ <h5 class="modal-title" id="exampleModalLabel">Edit synopsis</h5>
 
   });
 
+function StopSpinner() {
+   // Avoid page spinner being stuck on file download
+  $(window).unbind('beforeunload');
+  return true;
+}
 function SidebarCollapse () {
     $('.menu-collapsed').toggleClass('d-none');
     $('.sidebar-submenu').toggleClass('d-none');

scout/server/blueprints/cases/templates/cases/phenotype.html

@@ -228,8 +228,8 @@ <h6 class="mt-3"><span class="fa fa-stethoscope"></span>&nbsp;Phenotype terms (<
         <button class="btn btn-secondary form-control" id="import-phenotype-modal-btn" data-bs-toggle="modal" data-bs-target="#import-phenotype">Import</button>
       </div>
       <div class="col">
-        <form method="POST" action="{{ url_for('cases.phenotype_export', institute_id=institute._id, case_name=case.display_name) }}">
-            <button class="btn btn-secondary form-control" id="export-phenotype-button" type="submit" data-bs-toggle='tooltip' title="Export Phenopacket JSON for affected individual">Export</button>
+        <form method="POST" action="{{ url_for('cases.phenotype_export', institute_id=institute._id, case_name=case.display_name) }}" onsubmit="return StopSpinner()">
+            <button class="btn btn-secondary form-control" id="export-phenotype-button" type="submit" data-bs-toggle="tooltip" title="Export Phenopacket JSON for affected individual">Export</button>
         </form>
       </div>
     </div>