Update app/internal_loads.py

app/internal_loads.py

@@ -922,173 +922,178 @@ def display_ventilation_infiltration_tab():
             st.session_state.module_rerun_flags["internal_loads"] = True
             st.rerun()
 
-# Custom CSS for vertical sliders
+# Custom CSS for vertical sliders resembling a column chart
 st.markdown("""
     <style>
         .slider-container {
             display: flex;
             flex-direction: row;
+            justify-content: space-evenly;
             align-items: flex-end;
-            justify-content: center;
-            gap: 8px;
-            padding-top: 30px;
+            gap: 4px;
+            padding: 20px 0;
         }
         .slider-item {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            width: 40px;
+        }
+        .vertical-slider {
             writing-mode: bt-lr;
             transform: rotate(-90deg);
-            height: 150px;
+            height: 200px;
             width: 30px;
         }
         .hour-label {
             text-align: center;
             font-size: 12px;
             margin-top: 5px;
+            font-weight: bold;
+        }
+        .stSlider > div > div > div > div {
+            background-color: #4CAF50 !important;
+        }
+        .stSlider > div > div > div > div > div {
+            background-color: #2196F3 !important;
         }
     </style>
 """, unsafe_allow_html=True)
 
 def display_schedules_tab():
-    """Display the schedules tab content with responsive vertical slider interface."""
+    """Display the schedules tab content with vertical sliders resembling a column chart."""
     st.subheader("Schedule Management")
     
-    # Split the display into two columns
-    col1, col2 = st.columns([3, 2])
+    # Initialize editor state
+    if "schedule_editor" not in st.session_state:
+        st.session_state.schedule_editor = {}
     
-    with col1:
-        st.subheader("Saved Schedules")
-        schedules = st.session_state.project_data["internal_loads"]["schedules"]
-        if schedules:
-            display_schedules_table(schedules)
-        else:
-            st.write("No schedules available.")
+    editor_state = st.session_state.get("schedule_editor", {})
+    is_edit = editor_state.get("is_edit", False)
     
-    with col2:
-        st.subheader("Schedule Editor/Creator")
-        
-        # Initialize editor state
-        if "schedule_editor" not in st.session_state:
-            st.session_state.schedule_editor = {}
-        
-        editor_state = st.session_state.get("schedule_editor", {})
-        is_edit = editor_state.get("is_edit", False)
-        
-        # Schedule name and description
-        name = st.text_input(
-            "Schedule Name",
-            value=editor_state.get("name", ""),
-            help="Enter a unique name for this schedule."
-        )
-        
-        description = st.text_area(
-            "Description",
-            value=editor_state.get("description", ""),
-            help="Brief description of this schedule."
+    # Schedule name and description
+    name = st.text_input(
+        "Schedule Name",
+        value=editor_state.get("name", ""),
+        help="Enter a unique name for this schedule."
+    )
+    
+    description = st.text_area(
+        "Description",
+        value=editor_state.get("description", ""),
+        help="Brief description of this schedule."
+    )
+    
+    # Template selection for new schedules
+    if not is_edit:
+        template = st.selectbox(
+            "Start from Template",
+            ["Custom"] + list(DEFAULT_SCHEDULE_TEMPLATES.keys()),
+            help="Select a template to start with, or choose Custom for blank schedule.",
+            key="schedule_template"
         )
-        
-        # Template selection for new schedules
-        if not is_edit:
-            template = st.selectbox(
-                "Start from Template",
-                ["Custom"] + list(DEFAULT_SCHEDULE_TEMPLATES.keys()),
-                help="Select a template to start with, or choose Custom for blank schedule."
+    else:
+        template = "Custom"
+    
+    # Initialize schedule values
+    if template != "Custom" and not is_edit:
+        weekday_values = DEFAULT_SCHEDULE_TEMPLATES[template]["weekday"]
+        weekend_values = DEFAULT_SCHEDULE_TEMPLATES[template]["weekend"]
+    else:
+        weekday_values = editor_state.get("weekday", [0.0] * 24)
+        weekend_values = editor_state.get("weekend", [0.0] * 24)
+    
+    # Weekday schedule with vertical sliders
+    st.write("**Weekday Schedule**")
+    st.markdown('<div class="slider-container">', unsafe_allow_html=True)
+    weekday_schedule = []
+    for hour in range(24):
+        with st.container():
+            st.markdown('<div class="slider-item">', unsafe_allow_html=True)
+            val = st.slider(
+                label="",
+                min_value=0.0,
+                max_value=1.0,
+                step=0.01,
+                value=float(weekday_values[hour]),
+                key=f"weekday_{hour}",
+                help=f"Hour {hour}:00 weekday value",
+                format="%.2f"
             )
-        else:
-            template = "Custom"
-        
-        # Initialize schedule values
-        if template != "Custom" and not is_edit:
-            weekday_values = DEFAULT_SCHEDULE_TEMPLATES[template]["weekday"]
-            weekend_values = DEFAULT_SCHEDULE_TEMPLATES[template]["weekend"]
-        else:
-            weekday_values = editor_state.get("weekday", [0.0] * 24)
-            weekend_values = editor_state.get("weekend", [0.0] * 24)
-        
-        # Weekday schedule
-        st.write("**Weekday Schedule**")
-        st.markdown('<div class="slider-container">', unsafe_allow_html=True)
-        weekday_schedule = []
-        for hour in range(24):
-            with st.container():
-                val = st.slider(
-                    label=f"{hour:02d}:00",
-                    min_value=0.0,
-                    max_value=1.0,
-                    step=0.01,
-                    value=float(weekday_values[hour]),
-                    key=f"weekday_{hour}",
-                    help=f"Hour {hour}:00 weekday value",
-                    format="%.2f"
-                )
-                st.markdown(f'<div class="hour-label">{hour:02d}:00</div>', unsafe_allow_html=True)
-                weekday_schedule.append(val)
-        st.markdown('</div>', unsafe_allow_html=True)
-        
-        # Weekend schedule
-        st.write("**Weekend Schedule**")
-        st.markdown('<div class="slider-container">', unsafe_allow_html=True)
-        weekend_schedule = []
-        for hour in range(24):
-            with st.container():
-                val = st.slider(
-                    label=f"{hour:02d}:00",
-                    min_value=0.0,
-                    max_value=1.0,
-                    step=0.01,
-                    value=float(weekend_values[hour]),
-                    key=f"weekend_{hour}",
-                    help=f"Hour {hour}:00 weekend value",
-                    format="%.2f"
-                )
-                st.markdown(f'<div class="hour-label">{hour:02d}:00</div>', unsafe_allow_html=True)
-                weekend_schedule.append(val)
-        st.markdown('</div>', unsafe_allow_html=True)
-        
-        # Preview chart
-        st.write("**Schedule Preview**")
-        display_schedule_chart(f"Preview: {name or 'New Schedule'}", {
-            "weekday": weekday_schedule,
-            "weekend": weekend_schedule
-        })
-        
-        # Action buttons
-        col1, col2 = st.columns(2)
-        with col1:
-            submit_label = "Update Schedule" if is_edit else "Add Schedule"
-            if st.button(submit_label):
-                # Validate inputs
-                if not name.strip():
-                    st.error("Schedule name is required.")
-                elif name in schedules and not is_edit:
-                    st.error("A schedule with this name already exists.")
+            st.markdown(f'<div class="hour-label">{hour:02d}:00</div>', unsafe_allow_html=True)
+            st.markdown('</div>', unsafe_allow_html=True)
+            weekday_schedule.append(val)
+    st.markdown('</div>', unsafe_allow_html=True)
+    
+    # Weekend schedule with vertical sliders
+    st.write("**Weekend Schedule**")
+    st.markdown('<div class="slider-container">', unsafe_allow_html=True)
+    weekend_schedule = []
+    for hour in range(24):
+        with st.container():
+            st.markdown('<div class="slider-item">', unsafe_allow_html=True)
+            val = st.slider(
+                label="",
+                min_value=0.0,
+                max_value=1.0,
+                step=0.01,
+                value=float(weekend_values[hour]),
+                key=f"weekend_{hour}",
+                help=f"Hour {hour}:00 weekend value",
+                format="%.2f"
+            )
+            st.markdown(f'<div class="hour-label">{hour:02d}:00</div>', unsafe_allow_html=True)
+            st.markdown('</div>', unsafe_allow_html=True)
+            weekend_schedule.append(val)
+    st.markdown('</div>', unsafe_allow_html=True)
+    
+    # Display saved schedules table
+    st.write("**Saved Schedules**")
+    schedules = st.session_state.project_data["internal_loads"]["schedules"]
+    if schedules:
+        display_schedules_table(schedules)
+    else:
+        st.write("No schedules available.")
+    
+    # Action buttons
+    col1, col2 = st.columns(2)
+    with col1:
+        submit_label = "Update Schedule" if is_edit else "Add Schedule"
+        if st.button(submit_label):
+            # Validate inputs
+            if not name.strip():
+                st.error("Schedule name is required.")
+            elif name in schedules and not is_edit:
+                st.error("A schedule with this name already exists.")
+            else:
+                # Create schedule data
+                schedule_data = {
+                    "description": description,
+                    "weekday": weekday_schedule,
+                    "weekend": weekend_schedule
+                }
+                
+                # Update or add schedule
+                if is_edit and st.session_state.schedule_editor.get("original_name"):
+                    original_name = st.session_state.schedule_editor["original_name"]
+                    if original_name != name and original_name in schedules:
+                        del schedules[original_name]
+                    schedules[name] = schedule_data
+                    st.success(f"Schedule '{name}' updated successfully!")
                 else:
-                    # Create schedule data
-                    schedule_data = {
-                        "description": description,
-                        "weekday": weekday_schedule,
-                        "weekend": weekend_schedule
-                    }
-                    
-                    # Update or add schedule
-                    if is_edit and st.session_state.schedule_editor.get("original_name"):
-                        original_name = st.session_state.schedule_editor["original_name"]
-                        if original_name != name and original_name in schedules:
-                            del schedules[original_name]
-                        schedules[name] = schedule_data
-                        st.success(f"Schedule '{name}' updated successfully!")
-                    else:
-                        schedules[name] = schedule_data
-                        st.success(f"Schedule '{name}' added successfully!")
-                    
-                    # Clear editor state
-                    st.session_state.schedule_editor = {}
-                    st.session_state.module_rerun_flags["internal_loads"] = True
-                    st.rerun()
-        
-        with col2:
-            if st.button("Cancel"):
+                    schedules[name] = schedule_data
+                    st.success(f"Schedule '{name}' added successfully!")
+                
+                # Clear editor state
                 st.session_state.schedule_editor = {}
                 st.session_state.module_rerun_flags["internal_loads"] = True
                 st.rerun()
+    
+    with col2:
+        if st.button("Cancel"):
+            st.session_state.schedule_editor = {}
+            st.session_state.module_rerun_flags["internal_loads"] = True
+            st.rerun()
 
 def is_schedule_in_use(schedule_name: str) -> bool:
     """