2024 Dec 30:new methods

Signed-off-by: Milind Kamat <36366961+milindkamat0507@users.noreply.github.com>

app.py

@@ -182,8 +182,71 @@ class StreamlitTutorial:
         """
 
     
-    
-    
+    def _get_widgets_help_content(self) -> str:
+        """
+        Enhanced help content for widgets section
+        """
+        return """
+        **Widget Best Practices:**
+        1. Input Validation
+        ```python
+        # Add validation to inputs
+        age = st.number_input('Age', min_value=0, max_value=150, key='age_1')
+        if age < 18:
+            st.warning('Must be 18 or older')
+        ```
+
+        2. Default Values
+        ```python
+        # Provide sensible defaults
+        st.text_input('Name', value='Guest User', key='name_2')
+        st.slider('Rating', 1, 5, value=3, key='rating_1')
+        ```
+
+        3. Responsive Widgets
+        ```python
+        # React to widget changes
+        if st.checkbox('Show advanced options', key='advanced_1'):
+            st.number_input('Threshold', key='threshold_1')
+            st.slider('Sensitivity', key='sensitivity_1')
+        ```
+
+        4. Form Submission
+        ```python
+        with st.form('my_form'):
+            st.text_input('Username', key='form_user')
+            st.text_input('Password', type='password', key='form_pass')
+            submitted = st.form_submit_button('Login')
+        ```
+
+        5. File Handling
+        ```python
+        file = st.file_uploader('Upload CSV', key='file_2')
+        if file is not None:
+            # Handle file upload
+            st.success('File uploaded!')
+        ```
+
+        6. Interactive Filters
+        ```python
+        col1, col2 = st.columns(2)
+        with col1:
+            category = st.selectbox('Category', ['A', 'B', 'C'], key='cat_1')
+        with col2:
+            subcategory = st.multiselect('Subcategory', ['X', 'Y', 'Z'], key='subcat_1')
+        ```
+
+        **Tips for Widget Usage:**
+        - Use clear, concise labels
+        - Group related widgets together
+        - Provide help text when needed
+        - Use appropriate widget types
+        - Handle all possible states
+        - Validate inputs properly
+        - Always use unique keys
+        - Consider mobile responsiveness
+        """
+        
     
     
     def _get_advanced_tips_content(self) -> str:
@@ -253,24 +316,7 @@ class StreamlitTutorial:
     
     
     
-    def get_input_elements(self) -> List[Tuple[str, str]]:
-        """
-        Provides collection of input widget examples with corresponding code.
-        Defines various input types and interactive elements.
-        Used for demonstrating user input capabilities.
-
-        Returns:
-            List[Tuple[str, str]]: List of (widget name, code snippet) pairs
-        """
-        return [
-            ("Text Input", "name = st.text_input('Enter your name')"),
-            ("Number Input", "num = st.number_input('Enter a number', min_value=0, max_value=100)"),
-            ("Slider", "value = st.slider('Select value', 0, 100, 50)"),
-            ("Selectbox", "option = st.selectbox('Choose option', ['A', 'B', 'C'])"),
-            ("Checkbox", "checked = st.checkbox('Enable feature')")
-        ]
-
-    
+   
     
     
     
@@ -302,6 +348,70 @@ class StreamlitTutorial:
     
     
     
+    def get_input_elements(self) -> List[Tuple[str, str]]:
+        """
+        Enhanced collection of input widget examples with unique keys for each widget
+        """
+        return [
+                ("Text Input", """name = st.text_input('Enter your name', 
+        placeholder='John Doe',
+        key='name_input_1')"""),
+                
+                ("Text Area", """text = st.text_area('Enter long text', 
+        height=100,
+        placeholder='Write something...',
+        key='text_area_1')"""),
+                
+                ("Number Input", """num = st.number_input('Enter a number',
+        min_value=0,
+        max_value=100,
+        value=50,
+        step=5,
+        key='num_input_1')"""),
+                
+                ("Slider", """value = st.slider('Select range',
+        min_value=0,
+        max_value=100,
+        value=(25, 75),
+        step=5,
+        key='slider_1')"""),
+                
+                ("Select Box", """option = st.selectbox('Choose an option',
+        options=['Option 1', 'Option 2', 'Option 3'],
+        index=0,
+        key='select_1')"""),
+                
+                ("Multi Select", """options = st.multiselect('Select multiple',
+        options=['A', 'B', 'C', 'D'],
+        default=['A', 'B'],
+        key='multiselect_1')"""),
+                
+                ("Checkbox", """if st.checkbox('Enable feature', 
+        value=False,
+        key='check_1'):
+            st.write('Feature enabled!')"""),
+                
+                ("Radio Button", """choice = st.radio('Pick one',
+        options=['First', 'Second', 'Third'],
+        horizontal=True,
+        key='radio_1')"""),
+                
+                ("Date Input", """date = st.date_input('Select date',
+        key='date_1')"""),
+                
+                ("Time Input", """time = st.time_input('Select time',
+        key='time_1')"""),
+                
+                ("Color Picker", """color = st.color_picker('Pick a color', 
+        '#00EEFF',
+        key='color_1')"""),
+                
+                ("File Uploader", """uploaded_file = st.file_uploader('Choose a file',
+        type=['csv', 'txt', 'pdf'],
+        key='file_1')""")
+            ]
+            
+    
     def render_input_elements(self, col: st.delta_generator.DeltaGenerator) -> None:
         """
         Renders input widget examples in the specified column.
@@ -451,9 +561,47 @@ class StreamlitTutorial:
                 """)
     
         
-    
-    
-    
+    def render_widget_help(self, col: st.delta_generator.DeltaGenerator) -> None:
+        """
+        Renders comprehensive widget help content
+        """
+        with col:
+            st.markdown("### 📚 Widget Guide")
+            
+            with st.expander("🎯 Basic Concepts", expanded=True):
+                st.markdown("""
+                    **Widget Types:**
+                    - Input widgets (text, numbers, dates)
+                    - Selection widgets (dropdown, checkbox, radio)
+                    - File widgets (uploaders, downloads)
+                    - Display widgets (progress, status)
+                    
+                    **Key Features:**
+                    - Real-time updates
+                    - State management
+                    - Input validation
+                    - Responsive layout
+                    - Form handling
+                    - Unique widget keys
+                """)
+            
+            with st.expander("💡 Best Practices"):
+                st.markdown(self._get_widgets_help_content())
+            
+            with st.expander("🔍 Examples"):
+                st.code("""
+                # Basic form example
+                with st.form('contact'):
+                    name = st.text_input('Name', key='contact_name')
+                    email = st.text_input('Email', key='contact_email')
+                    message = st.text_area('Message', key='contact_message')
+                    submit = st.form_submit_button('Send')
+                
+                if submit:
+                    st.success('Message sent!')
+                """)
+        
+        
     
 
     def get_topic_tips(self, topic: str) -> str: