Fix lint warnings

webapp/src/components/labThingsComponents/endpointButton.vue

@@ -5,7 +5,7 @@
       isDisabled ? 'uk-button-disabled' : '',
       buttonPrimary ? 'uk-button-primary' : 'uk-button-default',
     ]"
-    :href="URL"
+    :href="url"
     download
   >
     {{ buttonLabel }}</a
@@ -22,7 +22,7 @@ export default {
       required: false,
       default: true,
     },
-    URL: {
+    url: {
       type: String,
       required: true,
     },

webapp/src/components/labThingsComponents/inputFromSchema.vue

@@ -95,9 +95,11 @@ export default {
   props: {
     dataSchema: {
       type: Object,
+      required: true,
     },
     value: {
       type: null,
+      required: true,
     },
     label: {
       type: String,

webapp/src/components/tabContentComponents/loggingContent.vue

@@ -24,7 +24,7 @@
           <div>
             <EndpointButton
               class="uk-button uk-width-1-1"
-              :u-r-l="logFileURI"
+              :url="logFileURI"
               button-label="Download Log File"
               :button-primary="false"
             />

webapp/src/components/tabContentComponents/scanListComponents/scanCard.vue

@@ -31,7 +31,7 @@
             class="uk-width-1-2"
             :button-primary="true"
             :is-disabled="!scanData.stitch_available"
-            :u-r-l="downloadStitchFile"
+            :url="downloadStitchFile"
             button-label="Download JPEG"
           />
         </div>

webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue

@@ -26,7 +26,7 @@
     >
       Download Calibration Data
     </button>
-    <div v-if="this.csmMatrix != 'undefined'" style="margin:10px;">
+    <div v-if="csmMatrix != 'undefined'" style="margin:10px;">
       <details
         ><summary>Calibration Details</summary>
         <strong>CSM calculated for images with a resolution of {{ csmResolution }}</strong>

webapp/src/components/tabContentComponents/settingsComponents/stageSettings.vue

@@ -3,29 +3,28 @@
     The microscope stage is a <b>{{ stageType }}</b>
     <div>
       <div class="uk-margin">
+        <p>Your z motor is currently {{ z_inverted }} inverted.</p>
         <p>
-        <br>
+          We expect that moving in +z:
-        Your z motor is currently {{ this.z_inverted }} inverted.
+        </p>
-        <br>
-        <br>
-        We expect that moving in +z:
         <ul>
-        <li> Moves your objective up, towards the sample and illumination</li>
+          <li>Moves your objective up, towards the sample and illumination</li>
-        <li> Turns the exposed z gear anti-clockwise (when viewed from above)</li>
+          <li>Turns the exposed z gear anti-clockwise (when viewed from above)</li>
         </ul>
-        If this is not the case, click the button below to switch.
+        <p>
+          If this is not the case, click the button below to switch.
         </p>
         <div class="uk-margin">
           <div class="uk-margin">
-          <action-button
+            <action-button
-            class="uk-width-1-2"
+              class="uk-width-1-2"
-            thing="stage"
+              thing="stage"
-            action="invert_axis_direction"
+              action="invert_axis_direction"
-            :submit-data="{ axis: 'z' }"
+              :submit-data="{ axis: 'z' }"
-            submit-label="Invert z"
+              submit-label="Invert z"
-            @response=readAxis()
+              @response="readAxis()"
-          />
+            />
-        </div>
+          </div>
         </div>
       </div>
     </div>
@@ -51,23 +50,20 @@ export default {
   computed: {
     stageType: function() {
       return this.thingDescription("stage").title;
-    }
+    },
   },
 
-  methods:{
+  methods: {
     visibilityChanged(isVisible) {
       if (isVisible) {
         this.readAxis();
       }
     },
     async readAxis() {
-      let axes_inverted = await this.readThingProperty(
+      let axes_inverted = await this.readThingProperty("stage", "axis_inverted");
-        "stage",
+      this.z_inverted = axes_inverted["z"] ? "" : "not ";
-        "axis_inverted"
+    },
-      );
+  },
-      this.z_inverted = axes_inverted['z'] ? "" : "not ";
-    }
-  }
 };
 </script>