Optional primary/default button style in taskSubmitter

src/components/controlComponents/paneCapture.vue

@@ -232,20 +232,22 @@
       </li>
     </ul>
 
-    <taskSubmitter
+    <div v-if="scanCapture" class="uk-margin uk-margin-remove-top ">
-      v-if="scanCapture"
+      <taskSubmitter
-      :submit-url="scanUri"
+        :submit-url="scanUri"
-      :submit-data="scanPayload"
+        :submit-data="scanPayload"
-      :submit-label="'Start Scan'"
+        :submit-label="'Start Scan'"
-      @submit="onScanSubmit"
+        :button-primary="true"
-      @response="onScanResponse"
+        @submit="onScanSubmit"
-      @error="onScanError"
+        @response="onScanResponse"
-    >
+        @error="onScanError"
-    </taskSubmitter>
+      >
+      </taskSubmitter>
+    </div>
 
     <button
       v-else
-      class="uk-button uk-button-primary uk-form-small uk-margin uk-margin-remove-top uk-float-right uk-width-1-1"
+      class="uk-button uk-button-primary uk-form-small uk-margin uk-margin-remove-top uk-width-1-1"
       @click="handleCapture()"
     >
       Capture

src/components/controlComponents/paneNavigate.vue

@@ -95,7 +95,7 @@
       </li>
 
       <!--Show autofocus if default plugin is enabled-->
-      <li class="uk-open">
+      <li v-show="fastAutofocusUri || normalAutofocusUri" class="uk-open">
         <a class="uk-accordion-title" href="#">Autofocus</a>
         <div class="uk-accordion-content">
           <div class="uk-grid-small uk-child-width-expand" uk-grid>

src/components/controlComponents/settingsComponents/cameraSettings.vue

@@ -61,7 +61,7 @@
             'Start recalibration? This may take a while, and the microscope will be locked during this time.'
           "
           :submit-url="recalibrationUri"
-          :submit-label="'Auto-Calibrate (Task)'"
+          :submit-label="'Auto-Calibrate'"
           @response="onRecalibrateResponse"
           @error="onRecalibrateError"
         >

src/components/genericComponents/taskSubmitter.vue

@@ -20,14 +20,17 @@
       </button>
     </div>
 
-    <button
+    <div>
-      type="button"
+      <button
-      :hidden="taskRunning"
+        type="button"
-      class="uk-button uk-button-primary uk-form-small uk-margin-remove uk-float-right uk-width-1-1"
+        :hidden="taskRunning"
-      @click="bootstrapTask()"
+        class="uk-button uk-form-small uk-margin-remove uk-width-1-1"
-    >
+        :class="[buttonPrimary ? 'uk-button-primary' : 'uk-button-default']"
-      {{ submitLabel }}
+        @click="bootstrapTask()"
-    </button>
+      >
+        {{ submitLabel }}
+      </button>
+    </div>
   </div>
 </template>
 
@@ -76,6 +79,11 @@ export default {
       type: String,
       required: false,
       default: "Start task?"
+    },
+    buttonPrimary: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },