front: disable electrical profiles options if rs use thermal mode only

Author: SharglutDev

front/src/applications/operationalStudies/components/SimulationResults/ChartHelpers/ChartHelpers.ts

@@ -366,7 +366,7 @@ export function makeTrainListWithAllTrainsOffset(trains: Train[], dragOffset = 0
 }
 
 /**
- * Get the width of an element based of it's text content
+ * Get the width of an element based on its text content
  * @param text the text content of the element
  * @param fontSize the font size of the element (pixel)
  * @param selector the name of the DOM selector (id, class...)

front/src/applications/operationalStudies/components/SimulationResults/ChartHelpers/drawElectricalProfile.jsx

@@ -76,7 +76,8 @@ const drawElectricalProfile = (
       const textZone = chart.drawZone.select(`#${groupID}`);
 
       // get the width of the text element and adding a few pixels for readability
-      const svgWidth = getElementWidth(dataSimulation.text, 8, `#${groupID}`) + 10;
+      const labelFontSize = 8; // in px
+      const svgWidth = getElementWidth(dataSimulation.text, labelFontSize, `#${groupID}`) + 10;
 
       // add rect for text zone
       textZone

front/src/applications/operationalStudies/components/SimulationResults/SpeedSpaceSettings/SpeedSpaceSettings.tsx

@@ -16,15 +16,13 @@ type RollingStockMode = {
   };
 };
 interface SpeedSpaceSettingsProps {
-  // rollingStockMode: RollingStockMode;
   electrificationRanges: ElectrificationRange[];
   showSettings: boolean;
   speedSpaceSettings: { [key in SPEED_SPACE_SETTINGS_KEYS]: boolean };
   onSetSettings: (newSettings: { [key in SPEED_SPACE_SETTINGS_KEYS]: boolean }) => void;
 }
 
 export default function SpeedSpaceSettings({
-  // rollingStockMode,
   electrificationRanges,
   showSettings,
   speedSpaceSettings,
@@ -53,6 +51,18 @@ export default function SpeedSpaceSettings({
     onSetSettings(newSettings);
   };
 
+  /**
+   * Check if the train (in case of bimode rolling stock) runs in thermal mode on the whole path
+   * @param electricRanges all of the different path's ranges.
+   * If the range is electrified and the train us the eletrical mode, mode_handled is true
+   */
+  const runsOnlyThermal = (electricRanges: ElectrificationRange[]) =>
+    !electricRanges.some(
+      (range) =>
+        range.electrificationUsage.object_type === 'Electrified' &&
+        range.electrificationUsage.mode_handled
+    );
+
   useEffect(() => {
     if (selectedTrain) {
       getTrainSchedule({ id: selectedTrain.id })
@@ -103,7 +113,7 @@ export default function SpeedSpaceSettings({
         getCheckboxRadio(
           SPEED_SPACE_SETTINGS_KEYS.ELECTRICAL_PROFILES,
           settings.electricalProfiles,
-          isOnlyThermal(rollingStock.effort_curves.modes)
+          isOnlyThermal(rollingStock.effort_curves.modes) || runsOnlyThermal(electrificationRanges)
         )}
       {getCheckboxRadio(SPEED_SPACE_SETTINGS_KEYS.POWER_RESTRICTION, settings.powerRestriction)}
     </div>

front/src/common/BootstrapSNCF/CheckboxRadioSNCF.scss

@@ -1,6 +1,6 @@
 .custom-control .custom-control-input:disabled ~ .custom-control-label {
-  color: #b9b9b9 !important;
+  color: var(--coolgray5) !important;
   &:before {
-    border-color: #f2f2f2 !important;
+    border-color: var(--coolgray1) !important;
   }
 }

front/src/common/BootstrapSNCF/CheckboxRadioSNCF.tsx

@@ -37,9 +37,9 @@ const CheckboxRadioSNCF = ({
   id,
   label,
   name,
-  checked = false,
+  checked,
   onChange,
-  type = 'checkbox',
+  type,
   disabled = false,
 }: CheckboxRadioSNCFProps) => (
   <div className={cx('custom-control', `custom-${type}`)}>