Update src/streamlit_app.py

src/streamlit_app.py

@@ -1,19 +1,19 @@
 import streamlit as st
 import pandas as pd
 import os
+import numpy as np
 
 # ==============================================================================
-# 1. STYLE CSS V2.1 (VERROUILLÉ - AUCUNE SUPPRESSION DE FONCTION)
+# 1. STYLE CSS V2.2 (SOCLE INVIOLABLE)
 # ==============================================================================
-st.set_page_config(page_title="Brake Lab V2", layout="centered")
+st.set_page_config(page_title="Brake Lab V2.2", layout="centered")
 
 st.markdown("""
     <style>
-    /* 1.1 FOND GLOBAL BLANC */
     .stApp { background-color: #FFFFFF !important; }
     * { color: #000000 !important; font-family: 'Arial', sans-serif; }
     
-    /* 1.2 SAISIE NUMÉRIQUE : TEXTE BLANC SUR FOND NOIR */
+    /* INPUTS : TEXTE BLANC SUR NOIR */
     input[type="number"], .stNumberInput div[data-baseweb="input"] {
         color: #FFFFFF !important;
         background-color: #1E1E1E !important;
@@ -21,42 +21,25 @@ st.markdown("""
         font-weight: bold !important;
         border: 2px solid #000 !important;
     }
-    input[type="number"] { color: #FFFFFF !important; }
 
-    /* 1.3 SELECTBOX : LA BOITE PRINCIPALE (BLANC SUR NOIR) */
+    /* SELECTBOX : BLANC SUR NOIR */
     div[data-baseweb="select"] {
         background-color: #1E1E1E !important;
         border: 2px solid #000000 !important;
         border-radius: 8px !important;
     }
-    
-    /* Texte sélectionné affiché dans la boite */
-    div[data-baseweb="select"] div {
-        color: #FFFFFF !important;
-        font-weight: bold !important;
-    }
+    div[data-baseweb="select"] div { color: #FFFFFF !important; font-weight: bold !important; }
 
-    /* 1.4 LA LISTE DÉROULANTE (VISIBILITÉ TOTALE) */
-    div[role="listbox"], ul[role="listbox"] {
-        background-color: #1E1E1E !important;
-    }
-
-    /* Force le blanc sur tous les éléments internes de la liste */
-    li[role="option"], 
-    li[role="option"] p, 
-    li[role="option"] span, 
-    li[role="option"] div {
+    /* LISTE DÉROULANTE (VISIBILITÉ) */
+    div[role="listbox"], ul[role="listbox"] { background-color: #1E1E1E !important; }
+    li[role="option"], li[role="option"] p, li[role="option"] span, li[role="option"] div {
         color: #FFFFFF !important;
         background-color: #1E1E1E !important;
         font-weight: bold !important;
     }
+    li[role="option"]:hover { background-color: #0082C3 !important; }
 
-    /* Couleur au survol (Bleu Decathlon) */
-    li[role="option"]:hover {
-        background-color: #0082C3 !important;
-    }
-
-    /* 1.5 CARTES DE RÉSULTATS (NOMMÉES V2.1) */
+    /* CARTES DE RÉSULTATS */
     .perf-box {
         padding: 40px;
         border: 4px solid #000000;
@@ -66,12 +49,7 @@ st.markdown("""
         margin-top: 20px;
         box-shadow: 8px 8px 0px #000;
     }
-    .perf-value {
-        font-size: 60px; /* Légèrement plus grand car moins de texte */
-        font-weight: 900;
-        color: #0082C3 !important;
-        margin: 0px;
-    }
+    .perf-value { font-size: 55px; font-weight: 900; color: #0082C3 !important; margin: 0px; }
     </style>
     """, unsafe_allow_html=True)
 
@@ -90,47 +68,68 @@ def load_data():
 df = load_data()
 
 # ==============================================================================
-# 3. INTERFACE V2.1 ÉPURÉE
+# 3. INTERFACE V2.2 : ARCHITECTURE 2 BLOCS
 # ==============================================================================
 if not df.empty:
-    # --- LOGO ET TITRE SUPPRIMÉS ---
-    
-    st.write("") # Espace de tête
     
-    # Zone d'entrée de données
-    col1, col2 = st.columns(2)
-
-    with col1:
-        effort_val = st.number_input("Effort Levier [N]", min_value=40, max_value=200, value=100, step=1)
-
-    with col2:
+    # --- BLOC 1 : DONNÉES D'USAGE ---
+    with st.expander("📊 Données d'usage", expanded=False):
+        c1, c2 = st.columns(2)
+        with c1:
+            effort_val = st.number_input("Effort Levier [N]", value=100, step=1)
+            mass_total = st.number_input("Masse Totale (Vélo + Cycliste) [kg]", value=100, step=1)
+            wheel_size = st.number_input("Taille de roue [inch]", value=28, step=1)
+        with c2:
+            speed_kmh = st.number_input("Vitesse du vélo [km/h]", value=25, step=1)
+            mass_ratio = st.number_input("Rapport de masse arrière [%]", value=70, step=1, min_value=0, max_value=100)
+
+    # --- BLOC 2 : DONNÉES COMPOSANTS ---
+    with st.expander("⚙️ Données composant", expanded=True):
         model_list = df['model name'].unique().tolist()
-        model_choice = st.selectbox("Sélectionner Modèle", options=model_list)
-
-    # Logique de calcul
-    row = df[df['model name'] == model_choice].iloc[0]
+        
+        col_comp1, col_comp2 = st.columns(2)
+        with col_comp1:
+            main_model = st.selectbox("Système de freinage étudié", options=model_list)
+        with col_comp2:
+            comp_options = ["Aucun"] + model_list
+            compare_model = st.selectbox("Système de comparaison", options=comp_options)
+
+    # --- LOGIQUE DE CALCUL (MODÈLE PRINCIPAL) ---
+    row = df[df['model name'] == main_model].iloc[0]
     res_dry = row['dry a'] * effort_val + row['dry b']
     res_wet = row['wet a'] * effort_val + row['wet b']
 
-    # Affichage des cartes de score épurées
+    # --- LOGIQUE DE CALCUL (MODÈLE COMPARAISON) ---
+    res_dry_comp, res_wet_comp = None, None
+    if compare_model != "Aucun":
+        row_c = df[df['model name'] == compare_model].iloc[0]
+        res_dry_comp = row_c['dry a'] * effort_val + row_c['dry b']
+        res_wet_comp = row_c['wet a'] * effort_val + row_c['wet b']
+
+    # --- AFFICHAGE DES RÉSULTATS ---
     st.write("") 
+    
+    # Titre dynamique pour savoir ce qu'on regarde
+    if compare_model == "Aucun":
+        st.markdown(f"<h3 style='text-align:center;'>Résultats : {main_model}</h3>", unsafe_allow_html=True)
+    else:
+        st.markdown(f"<h3 style='text-align:center;'>Comparaison : {main_model} vs {compare_model}</h3>", unsafe_allow_html=True)
+
     res_c1, res_c2 = st.columns(2)
 
     with res_c1:
-        st.markdown(f"""
-            <div class="perf-box">
-                <p style="font-size: 22px; font-weight: bold; color: #555 !important; margin-bottom: 10px;">CONDITION : SEC</p>
-                <p class="perf-value">{round(res_dry, 1)} N</p>
-            </div>
-        """, unsafe_allow_html=True)
+        st.markdown(f"""<div class="perf-box">
+            <p style="font-size: 20px; font-weight: bold; color: #555 !important; margin-bottom:10px;">CONDITION : SEC</p>
+            <p class="perf-value">{round(res_dry, 1)} N</p>
+            {f'<p style="color:#0082C3; font-weight:bold; margin-top:10px;">vs {round(res_dry_comp, 1)} N</p>' if res_dry_comp else ''}
+        </div>""", unsafe_allow_html=True)
 
     with res_c2:
-        st.markdown(f"""
-            <div class="perf-box">
-                <p style="font-size: 22px; font-weight: bold; color: #555 !important; margin-bottom: 10px;">CONDITION : HUMIDE</p>
-                <p class="perf-value" style="color: #E63312 !important;">{round(res_wet, 1)} N</p>
-            </div>
-        """, unsafe_allow_html=True)
+        st.markdown(f"""<div class="perf-box">
+            <p style="font-size: 20px; font-weight: bold; color: #555 !important; margin-bottom:10px;">CONDITION : HUMIDE</p>
+            <p class="perf-value" style="color: #E63312 !important;">{round(res_wet, 1)} N</p>
+            {f'<p style="color:#E63312; font-weight:bold; margin-top:10px;">vs {round(res_wet_comp, 1)} N</p>' if res_wet_comp else ''}
+        </div>""", unsafe_allow_html=True)
 
 else:
-    st.error("Erreur : Impossible de charger le fichier 'Brake_Lab_Test_Data.xlsx'.")
+    st.error("Erreur : Fichier Excel manquant.")