Autoformat modalComponents

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

@@ -39,7 +39,6 @@ Tasks can be divided into multiple steps.
 </template>
 
 <script>
-
 export default {
   name: "calibrationWizardTask",
 
@@ -62,7 +61,7 @@ export default {
 
   data() {
     return {
-      stepIndex: this.startOnLast ? this.steps.length-1 : 0
+      stepIndex: this.startOnLast ? this.steps.length - 1 : 0
     };
   },
 
@@ -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

@@ -17,7 +17,7 @@ import cameraMainCalibrationStep from "./cameraCalibrationSteps/cameraMainCalibr
 
 export default {
   name: "cameraCalibrationTask",
-  components: {calibrationWizardTask},
+  components: { calibrationWizardTask },
   props: {
     // Standard calibrationWizardTask props below:
     first: Boolean,
@@ -31,11 +31,10 @@ export default {
   data: function() {
     return {
       steps: [
-        {component: camCalibrationExplanation},
-        {component: cameraMainCalibrationStep},
+        { component: camCalibrationExplanation },
+        { component: cameraMainCalibrationStep }
       ]
     };
   }
-
-}
+};
 </script>

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

@@ -18,7 +18,7 @@ import runCsmStep from "./csmSteps/runCsmStep.vue";
 
 export default {
   name: "cameraCalibrationTask",
-  components: {calibrationWizardTask},
+  components: { calibrationWizardTask },
   props: {
     // Standard calibrationWizardTask props below:
     first: Boolean,
@@ -32,12 +32,11 @@ export default {
   data: function() {
     return {
       steps: [
-        {component: csmExplanation},
-        {component: focusStep},
-        {component: runCsmStep}
+        { component: csmExplanation },
+        { component: focusStep },
+        { component: runCsmStep }
       ]
     };
   }
-
-}
+};
 </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,29 +4,30 @@
       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">
         <action-button
-        class="moveZ"
-        thing="stage"
-        action="move_relative"
-        :button-primary="false"
-        :submit-data="{ x: 0, y: 0, z: -100}"
-        :submit-label="' - '"
-        :hideOnRun="false"
-        :can-terminate="false"
+          class="moveZ"
+          thing="stage"
+          action="move_relative"
+          :button-primary="false"
+          :submit-data="{ x: 0, y: 0, z: -100 }"
+          :submit-label="' - '"
+          :hideOnRun="false"
+          :can-terminate="false"
         />
         <action-button
-        class="moveZ"
-        thing="stage"
-        action="move_relative"
-        :button-primary="false"
-        :submit-data="{ x: 0, y: 0, z: 100}"
-        :submit-label="'+'"
-        :can-terminate="false"
-        :hideOnRun="false"
+          class="moveZ"
+          thing="stage"
+          action="move_relative"
+          :button-primary="false"
+          :submit-data="{ x: 0, y: 0, z: 100 }"
+          :submit-label="'+'"
+          :can-terminate="false"
+          :hideOnRun="false"
         />
       </div>
     </template>
@@ -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,24 +44,23 @@ export default {
     stepTemplateWithStream,
     ActionButton
   }
-}
+};
 </script>
 <style scoped>
-
 .action-button-container {
   display: flex;
-  flex-direction: row;       /* Stack vertically */
-  justify-content: center;   /* Left align */
-  gap: 8px;                  /* Small space between buttons */
-  margin-top: 4px;           /* Gap from image */
+  flex-direction: row; /* Stack vertically */
+  justify-content: center; /* Left align */
+  gap: 8px; /* Small space between buttons */
+  margin-top: 4px; /* Gap from image */
 }
 .moveZ >>> .uk-button.uk-width-1-1 {
   line-height: 50px;
   font-size: 50px !important;
-  height: 60px; 
+  height: 60px;
   padding-bottom: 46px;
-  margin: 0;                 /* Remove default margin */
+  margin: 0; /* Remove default margin */
   width: 120px;
   min-width: 80px;
 }
-</style>
+</style>

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

@@ -1,17 +1,16 @@
 <template>
   <div>
     <p>
-        <b>Calibration complete</b>
+      <b>Calibration complete</b>
     </p>
     <p>
-        Click Finish to return to your microscope.
+      Click Finish to return to your microscope.
     </p>
   </div>
 </template>
 
 <script>
-
 export default {
   name: "finalStep"
-}
+};
 </script>

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

@@ -15,10 +15,13 @@ import calibrationWizardTask from "./calibrationWizardTask.vue";
 
 export default {
   name: "singleStepTask",
-  components: {calibrationWizardTask},
+  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: [
-        {component: this.stepComponent, props: this.stepProps}
-      ]
+      steps: [{ 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
-        be limited, and image quality will likely suffer.
+      Your microscope will still function, however some functionality will be
+      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>