Reintroduce recactive button state for background detect

webapp/src/components/labThingsComponents/actionButton.vue

@@ -322,6 +322,9 @@ export default {
         } else if (response.data.status == "cancelled") {
           this.$emit("cancelled", response.data);
           this.modalNotify(`The action '${this.submitLabel}' was cancelled.`);
+        } else if (response.data.status == "error") {
+          const err_msg = this.log?.[0]?.message ?? "Unknown error";
+          this.$emit("error", err_msg);
         }
       }
       this.taskUrl = null;

webapp/src/components/labThingsComponents/serverSpecifiedActionButton.vue

@@ -8,6 +8,7 @@
     :requires-confirmation="actionData.requires_confirmation"
     :confirmation-message="actionData.confirmation_message"
     :button-primary="actionData.button_primary"
+    :is-disabled="actionData.disabled"
     :modal-progress="actionData.modal_progress"
     :stream-with-modal="actionData.stream_with_modal"
     @response="actionResponse"
@@ -34,7 +35,7 @@ export default {
     },
   },
 
-  emits: ["response", "finished"],
+  emits: ["response", "finished", "requestUpdate"],
 
   methods: {
     /**
@@ -50,6 +51,9 @@ export default {
         } else {
           this.modalNotify(this.actionData.success_message);
         }
+        if (this.actionData.update_interface_on_response) {
+          this.$emit("requestUpdate");
+        }
         this.$emit("response", response);
       }
     },

webapp/src/components/labThingsComponents/serverSpecifiedInterface.vue

@@ -10,12 +10,19 @@
     <server-specified-action-button
       v-else-if="element.element_type === 'action_button'"
       :action-data="element"
+      @request-update="$emit('requestUpdate')"
     />
     <simple-accordion v-else-if="element.element_type === 'accordion'" :title="element.title">
-      <server-specified-interface :elements="element.children" />
+      <server-specified-interface
+        :elements="element.children"
+        @request-update="$emit('requestUpdate')"
+      />
     </simple-accordion>
     <div v-else-if="element.element_type === 'container'" :class="element.css_class">
-      <server-specified-interface :elements="element.children" />
+      <server-specified-interface
+        :elements="element.children"
+        @request-update="$emit('requestUpdate')"
+      />
     </div>
   </div>
 </template>
@@ -41,6 +48,8 @@ export default {
       required: true,
     },
   },
+
+  emits: ["requestUpdate"],
 };
 </script>
 

webapp/src/components/tabContentComponents/slideScanContent.vue

@@ -16,7 +16,7 @@
             </option>
           </select>
         </div>
-        <server-specified-interface :elements="workflowSettings" />
+        <server-specified-interface :elements="workflowSettings" @request-update="readSettings" />
         <ul uk-accordion="multiple: true">
           <li class="uk-open">
             <a class="uk-accordion-title" href="#">Stitching Settings</a>