Upload folder using huggingface_hub

test.py

@@ -3,9 +3,6 @@ import base64
 import os
 
 def create_pdf_popup_app():
-    """
-    Creates a Gradio app with a button that shows a PDF in a modal popup.
-    """
     def get_pdf_base64():
         pdf_path = "Hate Speech Policy.pdf"
         if not os.path.exists(pdf_path):
@@ -20,9 +17,9 @@ def create_pdf_popup_app():
         except Exception as e:
             print(f"Error reading PDF file: {str(e)}")
             return None
-    
+
     pdf_base64 = get_pdf_base64()
-    
+
     modal_css = """
     .pdf-modal {
         display: none;
@@ -81,15 +78,14 @@ def create_pdf_popup_app():
         font-size: 18px;
     }
     """
-    
+
     if pdf_base64:
         modal_html = f"""
         <div id="pdfModal" class="pdf-modal">
             <div class="pdf-modal-content">
-                <button class="close-btn" onclick="document.getElementById('pdfModal').style.display='none';">×</button>
+                <button class="close-btn" onclick="document.getElementById('pdfModal').style.display='none';document.body.style.overflow='auto';">×</button>
                 <div class="pdf-container">
-                    <iframe class="pdf-embed" src="data:application/pdf;base64,{pdf_base64}#toolbar=0&navpanes=0" 
-                            type="application/pdf" frameborder="0"></iframe>
+                    <iframe class="pdf-embed" src="data:application/pdf;base64,{pdf_base64}#toolbar=0&navpanes=0" type="application/pdf"></iframe>
                 </div>
             </div>
         </div>
@@ -98,53 +94,39 @@ def create_pdf_popup_app():
         modal_html = """
         <div id="pdfModal" class="pdf-modal">
             <div class="pdf-modal-content">
-                <button class="close-btn" onclick="document.getElementById('pdfModal').style.display='none';">×</button>
+                <button class="close-btn" onclick="document.getElementById('pdfModal').style.display='none';document.body.style.overflow='auto';">×</button>
                 <div class="pdf-container">
-                    <p class="pdf-error">
-                        Error: Could not load the PDF file. Please make sure "Hate Speech Policy.pdf" exists in the same directory.
-                    </p>
+                    <p class="pdf-error">Error: Could not load the PDF file.</p>
                 </div>
             </div>
         </div>
         """
-    
+
     with gr.Blocks(css=modal_css) as app:
         gr.Markdown("# PDF Modal Popup Demo")
         gr.HTML(modal_html)
-        
-        view_button = gr.Button("View Hate Speech Policy")
-        
-        # More reliable way to attach the click handler
-        view_button.click(
-            fn=None,
-            inputs=None,
-            outputs=None,
-            _js="""
-            function() {
-                const modal = document.getElementById('pdfModal');
-                if (modal) {
-                    modal.style.display = 'block';
-                    // Prevent body scrolling when modal is open
-                    document.body.style.overflow = 'hidden';
-                }
-                return [];
-            }
-            """
-        )
-        
-        # Add script to handle modal closing and body scroll
+        gr.Button("View Hate Speech Policy", elem_id="open-modal-button")
         gr.HTML("""
         <script>
-        document.addEventListener('click', function(e) {
+        document.addEventListener('DOMContentLoaded', function () {
+            const button = document.getElementById('open-modal-button');
             const modal = document.getElementById('pdfModal');
-            if (modal && e.target === modal) {
-                modal.style.display = 'none';
-                document.body.style.overflow = 'auto';
+            if (button && modal) {
+                button.addEventListener('click', () => {
+                    modal.style.display = 'block';
+                    document.body.style.overflow = 'hidden';
+                });
+                window.addEventListener('click', function(e) {
+                    if (e.target === modal) {
+                        modal.style.display = 'none';
+                        document.body.style.overflow = 'auto';
+                    }
+                });
             }
         });
         </script>
         """)
-    
+
     return app
 
 if __name__ == "__main__":