Update templates/index.html

templates/index.html

@@ -208,21 +208,8 @@
             border: 1px solid var(--border-color);
             border-radius: 0.35rem;
             background-color: white;
-             /* Ensure PDF viewer has a min-height even if no PDF is loaded */
-            min-height: 200px;
-            display: flex; /* Use flexbox to center content */
-            justify-content: center;
-            align-items: center;
-            color: #6c757d; /* Muted text color */
         }
 
-         #pdf-viewer embed,
-         #pdf-viewer object,
-         #pdf-viewer iframe {
-             display: block; /* Ensure these take up space */
-         }
-
-
         .success-alert {
             display: none;
             margin-top: 1.5rem; /* Less margin */
@@ -258,7 +245,6 @@
              color: #0f5132;
              background-color: #d1e7dd;
              border-color: #badbcc;
-             padding: 0.75rem 1.25rem; /* Bootstrap default alert padding */
         }
 
          .alert-success strong {
@@ -268,7 +254,6 @@
              color: #721c24;
              background-color: #f8d7da;
              border-color: #f5c6cb;
-             padding: 0.75rem 1.25rem; /* Bootstrap default alert padding */
         }
          .alert-danger strong {
               color: var(--danger-color);
@@ -382,16 +367,12 @@
 
                         <h5 class="mt-4">PDF Preview:</h5>
                         <div id="pdf-viewer" class="mt-2">
-                             <p>PDF preview will appear here after generation.</p>
                              <!-- PDF will be embedded here -->
                         </div>
                     </div>
                 </div>
             </div>
         </div>
-         <div id="data-volatility-note" class="alert alert-info mt-4 text-center">
-            <i class="fas fa-exclamation-triangle me-2"></i> Note: Patient data is stored temporarily in memory for this demo and will be lost when the server restarts.
-         </div>
     </div>
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
@@ -451,7 +432,6 @@
                 $('#whatsapp-alert').hide();
                 $('#api-error-alert').hide();
                 $('#pdf-viewer').empty(); // Clear previous PDF preview
-                $('#pdf-viewer').html('<p>Generating PDF preview...</p>'); // Add loading text
 
                 // Create FormData object for file upload
                 const formData = new FormData(this);
@@ -508,9 +488,8 @@
                             if (response.pdf_data) {
                                 const pdfData = `data:application/pdf;base64,${response.pdf_data}`;
                                 // Use <object> or <iframe> for better compatibility than <embed>
-                                // <embed> is often simpler but less supported on some mobile/browsers
                                 $('#pdf-viewer').html(`<object data="${pdfData}" type="application/pdf" width="100%" height="500px">
-                                    <p>Your browser does not support embedding PDFs directly. You can download the PDF <a href="/download_pdf/${patientId}" target="_blank">here</a>.</p>
+                                    <p>Your browser does not support PDFs. You can download the PDF instead.</p>
                                     </object>`);
                                 console.log("PDF preview embedded.");
                             } else {
@@ -531,7 +510,6 @@
                             console.error("Submission failed:", response.error);
                              $('#api-error-message').text(response.error || 'An unknown error occurred.');
                              $('#api-error-alert').fadeIn();
-                             $('#pdf-viewer').html('<p class="text-muted">Could not generate PDF preview due to an error.</p>'); // Update preview area on error
                         }
                     },
                     error: function(xhr, status, error) {
@@ -555,14 +533,9 @@
                          console.error("AJAX error:", status, error, xhr.responseText);
                          $('#api-error-message').text(errorMessage);
                          $('#api-error-alert').fadeIn();
-                         $('#pdf-viewer').html('<p class="text-muted">Could not generate PDF preview due to a connection error.</p>'); // Update preview area on error
                     }
                 });
             });
-
-            // Show the data volatility note on load
-             $('#data-volatility-note').show();
-
         });
     </script>
 </body>