Update pages/home.py

pages/home.py

@@ -1,6 +1,7 @@
 import streamlit as st
 import streamlit.components.v1 as components
 from streamlit_shortcuts import button, add_keyboard_shortcuts 
+import base64 
 
 st.title("📘Named Entity Recognition")
 
@@ -12,48 +13,45 @@ st.title("📘Named Entity Recognition")
 #if st.button("Scroll to End"):
 #    st.success("Reached End of page! (You can also press Ctrl+End)")
 
-st.header("Tags the below 41 medical entities")
+def auto_scroll_to_bottom():
+    # JavaScript to scroll to bottom
+    js_code = """
+    <script>
+        // Wait for the page to fully render
+        const scrollToBottom = () => {
+            // Get the main Streamlit iframe
+            const streamlitDoc = window.parent.document;
+            // Get the app container
+            const appContainer = streamlitDoc.querySelector('.main');
+            if (appContainer) {
+                // Scroll the app container to the bottom
+                appContainer.scrollTop = appContainer.scrollHeight;
+            } else {
+                // Fallback to scrolling the entire page
+                window.parent.scrollTo(0, streamlitDoc.body.scrollHeight);
+            }
+        };
+        
+        // Try immediately
+        scrollToBottom();
+        
+        // Also try after a short delay to ensure content is rendered
+        setTimeout(scrollToBottom, 200);
+        
+        // And after a longer delay just to be safe
+        setTimeout(scrollToBottom, 500);
+    </script>
+    """
+    
+    # Render the JavaScript code
+    html = f'<div style="display:none">{js_code}</div>'
+    st.components.v1.html(html, height=0)
+
+# Then in your button click handler, add this:
+if st.button("Scroll Down"):    
+    # Call the scroll function at the end
+    auto_scroll_to_bottom()
 
-'ACTIVITY'
-'ADMINISTRATION'
-'AGE'
-'AREA'
-'BIOLOGICAL_ATTRIBUTE'
-'BIOLOGICAL_STRUCTURE'
-'CLINICAL_EVENT'
-'COLOR'
-'COREFERENCE'
-'DATE'
-'DETAILED_DESCRIPTION'
-'DIAGNOSTIC_PROCEDURE'
-'DISEASE_DISORDER'
-'DISTANCE'
-'DOSAGE'
-'DURATION'
-'FAMILY_HISTORY'
-'FREQUENCY'
-'HEIGHT'
-'HISTORY'
-'LAB_VALUE'
-'MASS'
-'MEDICATION'
-'NONBIOLOGICAL_LOCATION'
-'OCCUPATION'
-'OTHER_ENTITY'
-'OUTCOME'
-'PERSONAL_BACKGROUND'
-'QUALITATIVE_CONCEPT'
-'QUANTITATIVE_CONCEPT'
-'SEVERITY'
-'SEX'
-'SHAPE'
-'SIGN_SYMPTOM'
-'SUBJECT'
-'TEXTURE'
-'THERAPEUTIC_PROCEDURE'
-'TIME'
-'VOLUME'
-'WEIGHT'
 
 def scrollToBottom():
   # JavaScript to scroll to bottom
@@ -124,5 +122,48 @@ def scrollToBottom():
   html = f'<div style="display:none">{JS_code}</div>'
   st.components.v1.html(html, height=0, width=0)
 
-
 scrollToBottom()
+
+
+st.header("Tags the below 41 medical entities")
+
+'ACTIVITY'
+'ADMINISTRATION'
+'AGE'
+'AREA'
+'BIOLOGICAL_ATTRIBUTE'
+'BIOLOGICAL_STRUCTURE'
+'CLINICAL_EVENT'
+'COLOR'
+'COREFERENCE'
+'DATE'
+'DETAILED_DESCRIPTION'
+'DIAGNOSTIC_PROCEDURE'
+'DISEASE_DISORDER'
+'DISTANCE'
+'DOSAGE'
+'DURATION'
+'FAMILY_HISTORY'
+'FREQUENCY'
+'HEIGHT'
+'HISTORY'
+'LAB_VALUE'
+'MASS'
+'MEDICATION'
+'NONBIOLOGICAL_LOCATION'
+'OCCUPATION'
+'OTHER_ENTITY'
+'OUTCOME'
+'PERSONAL_BACKGROUND'
+'QUALITATIVE_CONCEPT'
+'QUANTITATIVE_CONCEPT'
+'SEVERITY'
+'SEX'
+'SHAPE'
+'SIGN_SYMPTOM'
+'SUBJECT'
+'TEXTURE'
+'THERAPEUTIC_PROCEDURE'
+'TIME'
+'VOLUME'
+'WEIGHT'