webapp/form: disable single option select

Author: tharvik

webapp/cypress/e2e/task-creation.cy.ts

@@ -25,7 +25,6 @@ it("submits with tabular task", () => {
   });
 
   cy.get("select[name='trainingInformation.scheme']").select("federated");
-  cy.get("select[name='trainingInformation.aggregationStrategy']").select("mean");
   cy.get("input[name='trainingInformation.epochs']").type("10");
   cy.get("input[name='trainingInformation.batchSize']").type("5");
   cy.get("input[name='trainingInformation.roundDuration']").type("2");

webapp/src/components/task_creation_form/TaskCreationForm.vue

@@ -314,11 +314,10 @@
                 name="trainingInformation.aggregationStrategy"
                 as="select"
                 v-model="aggregationStrategy"
+                :disabled="scheme !== 'decentralized'"
               >
                 <option value="mean">Mean</option>
-                <option v-if="scheme === 'decentralized'" value="secure">
-                  Secure
-                </option>
+                <option value="secure">Secure</option>
               </FormField>
 
               <FormLabel
@@ -597,6 +596,13 @@ watch([dataType, form], ([dataType, form]) => {
   }
 });
 
+watch([scheme, form], ([scheme, form]) => {
+  if (form === null) return;
+
+  if (scheme !== "decentralized")
+    form.setFieldValue("trainingInformation.aggregationStrategy", "mean");
+});
+
 // warn user on page content loss
 window.onbeforeunload = (event) => {
   if (form.value === null || form.value.meta.dirty === false) return;