Spaces:

rajkhanke
/

Medical_Report_Prescription_generator

Running

App Files Files Community

rajkhanke commited on Apr 26

Commit

938c8ca

verified ·

1 Parent(s): 63facf6

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +73 -47

templates/index.html CHANGED Viewed

@@ -783,53 +783,78 @@
       return html;
     }
-    // Print functionality
-    printButton.addEventListener('click', function() {
-      const printWindow = window.open('', '_blank');
-      const content = markdownContent.innerHTML;
-      printWindow.document.write(`
-        <!DOCTYPE html>
-        <html>
-        <head>
-          <title>Medical Report & Prescription</title>
-          <style>
-            body { font-family: Arial, sans-serif; line-height: 1.6; padding: 20px; }
-            h1 { color: #1a365d; font-size: 24px; margin-bottom: 20px; }
-            h2 { color: #2c5282; font-size: 20px; margin-top: 25px; margin-bottom: 10px; }
-            h3 { color: #2d3748; font-size: 18px; margin-top: 20px; margin-bottom: 10px; }
-            p { margin-bottom: 15px; text-align: justify; }
-            ul, ol { padding-left: 25px; margin: 10px 0; }
-            li { margin-bottom: 8px; }
-            .header { text-align: center; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
-            .footer { text-align: center; margin-top: 30px; padding-top: 10px; border-top: 1px solid #ccc; font-size: 12px; color: #718096; }
-            .justified { text-align: justify; text-justify: inter-word; }
-            @media print {
-              body { margin: 0; padding: 15px; }
-              .no-print { display: none; }
-            }
-          </style>
-        </head>
-        <body>
-          <div class="header">
-            <h1>Medical Report & Prescription</h1>
-            <p>Generated on: ${new Date().toLocaleDateString()} at ${new Date().toLocaleTimeString()}</p>
-          </div>
-          ${content}
-          <div class="footer">
-            <p>This report was generated by Medical Report & Prescription Generator.</p>
-            <p>Please consult with your healthcare provider before making any changes to your treatment.</p>
-          </div>
-        </body>
-        </html>
-      `);
-      printWindow.document.close();
-      setTimeout(() => {
-        printWindow.print();
-      }, 500);
-    });
     // New analysis button functionality
     newAnalysisButton.addEventListener('click', function() {
       // Reset form and hide results
@@ -851,5 +876,6 @@
       }, 2000);
     });
   </script>
 </body>
 </html>

       return html;
     }
+         // Fallback print via hidden iframe
+function printViaIframe(html) {
+  const iframe = document.getElementById('printFrame');
+  const doc = iframe.contentWindow.document;
+  doc.open();
+  doc.write(html);
+  doc.close();
+  iframe.contentWindow.focus();
+  iframe.contentWindow.print();
+}
+// Updated click handler for "Print Report"
+printButton.addEventListener('click', function() {
+  // Make sure there's something to print
+  const content = markdownContent.innerHTML;
+  if (!content.trim()) {
+    showError('Nothing to print yet.');
+    return;
+  }
+  // Build the full HTML for printing
+  const printHTML = `
+    <!DOCTYPE html>
+    <html>
+      <head>
+        <title>Medical Report & Prescription</title>
+        <style>
+          body { font-family: Arial, sans-serif; line-height: 1.6; padding: 20px; }
+          h1 { color: #1a365d; font-size: 24px; margin-bottom: 20px; }
+          h2 { color: #2c5282; font-size: 20px; margin-top: 25px; margin-bottom: 10px; }
+          h3 { color: #2d3748; font-size: 18px; margin-top: 20px; margin-bottom: 10px; }
+          p { margin-bottom: 15px; text-align: justify; }
+          ul, ol { padding-left: 25px; margin: 10px 0; }
+          li { margin-bottom: 8px; }
+          .header { text-align: center; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
+          .footer { text-align: center; margin-top: 30px; padding-top: 10px; border-top: 1px solid #ccc; font-size: 12px; color: #718096; }
+          .justified { text-align: justify; text-justify: inter-word; }
+          @media print {
+            body { margin: 0; padding: 15px; }
+            .no-print { display: none; }
+          }
+        </style>
+      </head>
+      <body>
+        <div class="header">
+          <h1>Medical Report & Prescription</h1>
+          <p>Generated on: ${new Date().toLocaleDateString()} at ${new Date().toLocaleTimeString()}</p>
+        </div>
+        ${content}
+        <div class="footer">
+          <p>This report was generated by Medical Report & Prescription Generator.</p>
+          <p>Please consult with your healthcare provider before making any changes to your treatment.</p>
+        </div>
+      </body>
+    </html>
+  `;
+  // Try opening a new window
+  const printWindow = window.open('', '_blank');
+  if (printWindow) {
+    // We got a window → proceed as before
+    printWindow.document.write(printHTML);
+    printWindow.document.close();
+    setTimeout(() => printWindow.print(), 500);
+  } else {
+    // Popup was blocked → fallback to iframe
+    alert('Pop-up blocked! Using in-page print instead.');
+    printViaIframe(printHTML);
+  }
+});
     // New analysis button functionality
     newAnalysisButton.addEventListener('click', function() {
       // Reset form and hide results
       }, 2000);
     });
   </script>
+  <iframe id="printFrame" style="display:none;"></iframe>
 </body>
 </html>