Update pages/home.py

pages/home.py

@@ -1,8 +1,46 @@
+
 import streamlit as st
 import streamlit.components.v1 as components
-from streamlit_shortcuts import button, add_keyboard_shortcuts 
-import base64 
+from streamlit_shortcuts import button, add_keyboard_shortcuts # Keep these if you need them
+import base64 # Keep this if you need it
+
+st.title("📘Named Entity Recognition")
+st.header("Tags the below 41 medical entities")
+
+# Your list of entities
+entities = [
+    'ACTIVITY', 'ADMINISTRATION', 'AGE', 'AREA', 'BIOLOGICAL_ATTRIBUTE',
+    'BIOLOGICAL_STRUCTURE', 'BODY_PART', 'CESIUM_UNIT', 'CHEMICAL', 'CLASS',
+    'COLOR', 'COREFERENCE', 'DATE', 'DIMENSION', 'DOSAGE', 'DISTANCE',
+    'DURATION', 'ENERGY', 'FREQUENCY', 'HUMAN_IDENTIFIER', 'IDC_CODE',
+    'ID_NUMBER', 'LAB_VALUE', 'LOCATION', 'MEASUREMENT', 'MEDICAL_DEVICE',
+    'MEDICAL_PROCEDURE', 'MODE', 'NANOMETER', 'OBJECTIVE', 'OCCUPATION',
+    'ORGANISM', 'PERCENT', 'PERSONAL_RELATION', 'PHYSICAL_FINDING',
+    'PROCEDURE', 'QUALITATIVE_VALUE', 'QUANTITY', 'RATE', 'SCALE',
+    'SEX', 'SIGN', 'STATUS', 'SUBJECTIVE', 'TEMPORALITY', 'TEST',
+    'TIME', 'TOPIC', 'UNIT', 'VITAL_SIGN', 'WEIGHT'
+]
+
+for entity in entities:
+    st.write(entity)
+
+# Create scrollable content
+for i in range(100):
+    st.write(f"This is scrollable content line {i}")
 
+# JavaScript to scroll to the bottom
+scroll_script = """
+<script>
+    var body = window.parent.document.querySelector(".main");
+    body.scrollTop = body.scrollHeight;
+</script>
+"""
+
+# Inject the JavaScript
+components.html(scroll_script, height=0, width=0)
+
+
+'''
 st.title("📘Named Entity Recognition")
 
 st.header("Tags the below 41 medical entities")
@@ -47,32 +85,4 @@ st.header("Tags the below 41 medical entities")
 'TIME'
 'VOLUME'
 'WEIGHT'
-
-# --- Automatic Scrolling Approach ---
-# Add a checkbox to control auto-scrolling
-auto_scroll = st.sidebar.checkbox("Auto-scroll to bottom", value=True)
-
-# Create scrollable content
-for i in range(100):
-    st.write(f"This is scrollable content line {i}")
-
-# Add a manual scroll button at both top and bottom for convenience
-if st.button("Scroll to Bottom") or auto_scroll:
-    # Create a link target
-    st.markdown('''
-    <a name="bottom"></a>
-    ''', unsafe_allow_html=True)
-    
-    # Use Streamlit's HTML component to execute the scroll
-    st.components.v1.html('''
-    <script>
-        // Use the iframe parent to scroll the main content area
-        window.parent.document.querySelector('section.main').scrollTo({
-            top: window.parent.document.querySelector('section.main').scrollHeight,
-            behavior: 'smooth'
-        });
-    </script>
-    ''', height=0)
-
-# Add some text at the bottom as a visual indicator
-st.write("You've reached the bottom!")
+'''