Autoformat modalComponents

webapp/src/components/modalComponents/calibrationWizard.vue

@@ -14,7 +14,6 @@
         @next="nextTask"
         @back="previousTask"
       />
-      
     </div>
   </div>
 </template>
@@ -61,10 +60,10 @@ export default {
       camera_stage_mapping: cameraStageMappingTask
     };
     this.availableCalibrationTasks = Object.fromEntries(
-      Object.entries(allCalibrationTasks)
+      Object.entries(allCalibrationTasks).filter(([thing]) =>
-        .filter(([thing]) => this.thingAvailable(thing))
+        this.thingAvailable(thing)
+      )
     );
- 
   },
 
   methods: {
@@ -82,7 +81,10 @@ export default {
 
       for (const name of calibrateableThings) {
         try {
-          const thingNeedsCal = await this.readThingProperty(name, "calibration_required");
+          const thingNeedsCal = await this.readThingProperty(
+            name,
+            "calibration_required"
+          );
           if (thingNeedsCal) {
             needsCalibration.push(name);
           }
@@ -107,7 +109,10 @@ export default {
 
       // Optionally include the welcome screen
       if (includeWelcome) {
-        tasks.push({ component: singleStepTask, props: { stepComponent: welcomeStep } });
+        tasks.push({
+          component: singleStepTask,
+          props: { stepComponent: welcomeStep }
+        });
       }
 
       // Add calibration task for each thing
@@ -117,14 +122,17 @@ export default {
       }
 
       // Always include the final step
-      tasks.push({ component: singleStepTask, props: { stepComponent: finalStep } });
+      tasks.push({
+        component: singleStepTask,
+        props: { stepComponent: finalStep }
+      });
 
       this.tasks = tasks;
     },
 
     show_if_needed: async function() {
       // Check if the calibration modal is needed, and only show it if it is.
-      let thingsToCal = await this. check_things_needing_calibration()
+      let thingsToCal = await this.check_things_needing_calibration();
       const needed = thingsToCal.length > 0;
 
       // Check if this calibration wizard can actually do anything useful
@@ -181,8 +189,7 @@ export default {
       if (this.taskIndex < this.tasks.length - 1) {
         this.taskIndex = this.taskIndex + 1;
         return true;
-      }
+      } else {
-      else {
         this.hide();
       }
     }

webapp/src/components/modalComponents/calibrationWizardComponents/calibrationWizardTask.vue

@@ -39,7 +39,6 @@ Tasks can be divided into multiple steps.
 </template>
 
 <script>
-
 export default {
   name: "calibrationWizardTask",
 
@@ -74,7 +73,9 @@ export default {
       return !this.first || this.stepIndex > 0;
     },
     nextButtonText() {
-      return this.final && this.stepIndex === this.steps.length - 1 ? "Finish" : "Next";
+      return this.final && this.stepIndex === this.steps.length - 1
+        ? "Finish"
+        : "Next";
     }
   },
 
@@ -102,5 +103,5 @@ export default {
       }
     }
   }
-}
+};
 </script>

webapp/src/components/modalComponents/calibrationWizardComponents/cameraCalibrationSteps/camCalibrationExplanation.vue

@@ -13,8 +13,7 @@
 </template>
 
 <script>
-
 export default {
   name: "camCalibrationExplanation"
-}
+};
 </script>

webapp/src/components/modalComponents/calibrationWizardComponents/cameraCalibrationSteps/cameraMainCalibrationStep.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import stepTemplateWithStream from "../stepTemplateWithStream.vue"
+import stepTemplateWithStream from "../stepTemplateWithStream.vue";
 import cameraCalibrationSettings from "../../../tabContentComponents/settingsComponents/cameraSettingsComponents/cameraCalibrationSettings.vue";
 
 export default {
@@ -32,11 +32,10 @@ export default {
       return `${this.$store.getters.baseUri}/camera/`;
     }
   }
-}
+};
 </script>
 
 <style scoped>
-
 .action-button-container {
   padding: 4px;
 }

webapp/src/components/modalComponents/calibrationWizardComponents/cameraCalibrationTask.vue

@@ -32,10 +32,9 @@ export default {
     return {
       steps: [
         { component: camCalibrationExplanation },
-        {component: cameraMainCalibrationStep},
+        { component: cameraMainCalibrationStep }
       ]
     };
   }
-
+};
-}
 </script>

webapp/src/components/modalComponents/calibrationWizardComponents/cameraStageMappingTask.vue

@@ -38,6 +38,5 @@ export default {
       ]
     };
   }
-
+};
-}
 </script>

webapp/src/components/modalComponents/calibrationWizardComponents/csmSteps/csmExplanation.vue

@@ -18,5 +18,5 @@
 <script>
 export default {
   name: "csmExplanation"
-}
+};
 </script>

webapp/src/components/modalComponents/calibrationWizardComponents/csmSteps/focusStep.vue

@@ -4,7 +4,8 @@
       Use the buttons below to bring the sample into focus.
     </p>
     <p>
-      You may also adjust the z position with <b>page up</b> and <b>page down</b>.
+      You may also adjust the z position with <b>page up</b> and
+      <b>page down</b>.
     </p>
     <template #below-stream>
       <div class="action-button-container">
@@ -34,7 +35,7 @@
 </template>
 
 <script>
-import stepTemplateWithStream from "../stepTemplateWithStream.vue"
+import stepTemplateWithStream from "../stepTemplateWithStream.vue";
 import ActionButton from "../../../labThingsComponents/actionButton.vue";
 export default {
   name: "cameraMainCalibrationStep",
@@ -43,10 +44,9 @@ export default {
     stepTemplateWithStream,
     ActionButton
   }
-}
+};
 </script>
 <style scoped>
-
 .action-button-container {
   display: flex;
   flex-direction: row; /* Stack vertically */

webapp/src/components/modalComponents/calibrationWizardComponents/csmSteps/runCsmStep.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import stepTemplateWithStream from "../stepTemplateWithStream.vue"
+import stepTemplateWithStream from "../stepTemplateWithStream.vue";
 import CSMCalibrationSettings from "../../../tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue";
 
 export default {
@@ -28,11 +28,10 @@ export default {
       return `${this.$store.getters.baseUri}/camera/`;
     }
   }
-}
+};
 </script>
 
 <style scoped>
-
 .action-button-container {
   padding: 4px;
 }

webapp/src/components/modalComponents/calibrationWizardComponents/finalStep.vue

@@ -10,8 +10,7 @@
 </template>
 
 <script>
-
 export default {
   name: "finalStep"
-}
+};
 </script>

webapp/src/components/modalComponents/calibrationWizardComponents/singleStepTask.vue

@@ -18,7 +18,10 @@ export default {
   components: { calibrationWizardTask },
   props: {
     // This must be sent
-    stepComponent: Object,
+    stepComponent: {
+      type: Object,
+      required: true
+    },
     // This is optional.
     stepProps: {
       type: Object,
@@ -34,15 +37,13 @@ export default {
     startOnLast: {
       type: Boolean,
       default: false
-    },
+    }
   },
 
   data: function() {
     return {
-      steps: [
+      steps: [{ component: this.stepComponent, props: this.stepProps }]
-        {component: this.stepComponent, props: this.stepProps}
-      ]
     };
-  },
   }
+};
 </script>

webapp/src/components/modalComponents/calibrationWizardComponents/stepTemplateWithStream.vue

@@ -7,7 +7,6 @@
 </template>
 
 <script>
-
 import miniStreamDisplay from "../../genericComponents/miniStreamDisplay.vue";
 
 export default {
@@ -16,7 +15,7 @@ export default {
   components: {
     miniStreamDisplay
   }
-}
+};
 </script>
 
 <style scoped>

webapp/src/components/modalComponents/calibrationWizardComponents/welcomeStep.vue

@@ -6,8 +6,8 @@
       </b>
     </p>
     <p>
-        Your microscope will still function, however some functionality will
+      Your microscope will still function, however some functionality will be
-        be limited, and image quality will likely suffer.
+      limited, and image quality will likely suffer.
     </p>
     <p>
       <b>Click Next to begin microscope calibration.</b>
@@ -16,8 +16,7 @@
 </template>
 
 <script>
-
 export default {
   name: "welcomeStep"
-}
+};
 </script>