Recalibrate modal uses new mixin

src/components/paneSettingsComponents/microscopeSettings.vue

@@ -73,12 +73,14 @@ export default {
     },
 
     recalibrateConfirm: function() {
-      var self = this;
+      self = this;
-      UIkit.modal.confirm('Start recalibration? This may take a while, and the microscope will be locked during this time.').then(function() {
+
-        self.recalibrateRequest()
+      this.modalConfirm('Start recalibration? This may take a while, and the microscope will be locked during this time.')
-      }, function () {
+        .then(function() {
-        console.log('Rejected.')
+          self.recalibrateRequest()
-      });
+        }, function () {
+          console.log('Rejected recalibration.')
+        })
     },
 
     recalibrateRequest: function() {
@@ -87,21 +89,17 @@ export default {
         .then(response => { 
           console.log("Task ID: " + response.data[0].id)
           this.isCalibrating = true
-          // Start the store polling TaskId for success
+          return this.$store.dispatch('pollTask', [response.data[0].id, null, null])
-          self = this;
+        })
-          this.$store.dispatch('pollTask', [response.data[0].id, null, null])
+        .then(() => {
-          .then(function() {
+          UIkit.notification({message: "Finished recalibration.", status: 'success'})
-            self.isCalibrating = false
-            UIkit.notification({message: "Finished recalibration.", status: 'success'})
-          })
-          .catch(error => {
-            self.isCalibrating = false
-            UIkit.notification({message: `<span uk-icon=\'icon: warning\'></span> ${error}`, status: 'danger'})
-          })
         })
         .catch(error => {
           this.$store.dispatch('handleHTTPError', error);  // Let store handle error
         })
+        .finally(() => {
+          this.isCalibrating = false
+        })
     },
 
     applyConfigRequest: function() {