ITEP-32138 Tiling follow up [PART 7] (#507)

Author: dwesolow

web_ui/src/pages/project-details/components/project-models/train-model-dialog/advanced-settings/data-management/data-management.component.tsx

@@ -27,15 +27,11 @@ const getAugmentationParameters = (configuration: TrainingConfiguration) => {
     return augmentation;
 };
 
-const getTilingParameters = (configuration: TrainingConfiguration) => {
-    return configuration.datasetPreparation.augmentation.tiling;
-};
-
 export const DataManagement: FC<DataManagementProps> = ({ trainingConfiguration, onUpdateTrainingConfiguration }) => {
-    const tilingParameters = getTilingParameters(trainingConfiguration);
     const augmentationParameters = getAugmentationParameters(trainingConfiguration);
     const subsetSplitParameters = trainingConfiguration.datasetPreparation.subsetSplit;
     const filteringParameters = trainingConfiguration.datasetPreparation.filtering;
+    const tilingParameters = trainingConfiguration.datasetPreparation.augmentation.tiling;
 
     return (
         <View>

web_ui/src/pages/project-details/components/project-models/train-model-dialog/advanced-settings/data-management/tiling/tiling-modes.component.tsx

@@ -11,8 +11,8 @@ import styles from './tiling.module.scss';
 
 export enum TILING_MODES {
     OFF = 'Off',
-    ADAPTIVE = 'Adaptive',
-    MANUAL = 'Manual',
+    AUTOMATIC = 'Automatic',
+    CUSTOM = 'Custom',
 }
 
 const TilingModeTooltip: FC = () => {
@@ -36,7 +36,7 @@ export const TilingModes: FC<TilingModesProps> = ({ selectedTilingMode, onTiling
                 Tiling mode <TilingModeTooltip />
             </Text>
             <ToggleButtons
-                options={[TILING_MODES.OFF, TILING_MODES.ADAPTIVE, TILING_MODES.MANUAL]}
+                options={[TILING_MODES.OFF, TILING_MODES.AUTOMATIC, TILING_MODES.CUSTOM]}
                 selectedOption={selectedTilingMode}
                 onOptionChange={onTilingModeChange}
             />

web_ui/src/pages/project-details/components/project-models/train-model-dialog/advanced-settings/data-management/tiling/tiling.component.tsx

@@ -55,10 +55,10 @@ const getTilingMode = (tilingParameters: ConfigurationParameter[]): TILING_MODES
     }
 
     if (adaptive?.value === true) {
-        return TILING_MODES.ADAPTIVE;
+        return TILING_MODES.AUTOMATIC;
     }
 
-    return TILING_MODES.MANUAL;
+    return TILING_MODES.CUSTOM;
 };
 
 export const Tiling: FC<TilingProps> = ({ tilingParameters, onUpdateTrainingConfiguration }) => {
@@ -103,13 +103,16 @@ export const Tiling: FC<TilingProps> = ({ tilingParameters, onUpdateTrainingConf
             return;
         }
 
-        if (tilingMode === TILING_MODES.ADAPTIVE) {
+        if (tilingMode === TILING_MODES.AUTOMATIC) {
             handleUpdateTilingParameter([
                 { ...enableParameter, value: true },
                 { ...adaptiveParameter, value: true },
             ]);
         } else if (tilingMode === TILING_MODES.OFF) {
-            handleUpdateTilingParameter({ ...enableParameter, value: false });
+            handleUpdateTilingParameter([
+                { ...enableParameter, value: false },
+                { ...adaptiveParameter, value: false },
+            ]);
         } else {
             handleUpdateTilingParameter([
                 { ...enableParameter, value: true },
@@ -127,13 +130,13 @@ export const Tiling: FC<TilingProps> = ({ tilingParameters, onUpdateTrainingConf
             </Text>
         ),
 
-        [TILING_MODES.ADAPTIVE]: (
+        [TILING_MODES.AUTOMATIC]: (
             <View UNSAFE_className={styles.tilingModeDescription} gridColumn={'2/3'}>
-                Adaptive means that the system will automatically set the parameters based on the images resolution and
+                It means that the system will automatically set the parameters based on the images resolution and
                 annotations size.
             </View>
         ),
-        [TILING_MODES.MANUAL]: (
+        [TILING_MODES.CUSTOM]: (
             <View gridColumn={'1/-1'}>
                 <Parameters parameters={manualTilingParameters} onChange={handleUpdateTilingParameter} />
             </View>