disabling switch when running

elastic · Sep 16, 2020 · 2ec87e1 · 2ec87e1
1 parent ced6f1b
commit 2ec87e1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/.../pages/components/summary_step/components/start_datafeed_switch/start_datafeed_switch.tsx b/.../pages/components/summary_step/components/start_datafeed_switch/start_datafeed_switch.tsx
@@ -10,9 +10,14 @@ import { EuiSwitch, EuiFormRow, EuiSpacer } from '@elastic/eui';
 interface Props {
   startDatafeed: boolean;
   setStartDatafeed(start: boolean): void;
+  disabled?: boolean;
 }
 
-export const StartDatafeedSwitch: FC<Props> = ({ startDatafeed, setStartDatafeed }) => {
+export const StartDatafeedSwitch: FC<Props> = ({
+  startDatafeed,
+  setStartDatafeed,
+  disabled = false,
+}) => {
   return (
     <>
       <EuiSpacer />
@@ -31,6 +36,7 @@ export const StartDatafeedSwitch: FC<Props> = ({ startDatafeed, setStartDatafeed
           })}
           checked={startDatafeed}
           onChange={(e) => setStartDatafeed(e.target.checked)}
+          disabled={disabled}
         />
       </EuiFormRow>
     </>

diff --git a/x-pack/plugins/ml/public/application/jobs/new_job/pages/components/summary_step/summary.tsx b/x-pack/plugins/ml/public/application/jobs/new_job/pages/components/summary_step/summary.tsx
@@ -61,6 +61,7 @@ export const SummaryStep: FC<StepProps> = ({ setCurrentStep, isCurrentStep }) =>
   }, []);
 
   async function start() {
+    setCreatingJob(true);
     if (isAdvanced) {
       await createAdvancedJob();
     } else if (startDatafeed === true) {
@@ -71,7 +72,6 @@ export const SummaryStep: FC<StepProps> = ({ setCurrentStep, isCurrentStep }) =>
   }
 
   async function createAndStartJob() {
-    setCreatingJob(true);
     try {
       const jr = await jobCreator.createAndStartJob();
       setJobRunner(jr);
@@ -81,7 +81,6 @@ export const SummaryStep: FC<StepProps> = ({ setCurrentStep, isCurrentStep }) =>
   }
 
   async function createAdvancedJob(showStartModal: boolean = true) {
-    setCreatingJob(true);
     try {
       await jobCreator.createJob();
       await jobCreator.createDatafeed();
@@ -139,6 +138,7 @@ export const SummaryStep: FC<StepProps> = ({ setCurrentStep, isCurrentStep }) =>
             <StartDatafeedSwitch
               startDatafeed={startDatafeed}
               setStartDatafeed={setStartDatafeed}
+              disabled={creatingJob}
             />
           )}