From 3573999d578e2da9c105494c0fac55f27248673f Mon Sep 17 00:00:00 2001
From: Luci Pak <luciypak@gmail.com>
Date: Tue, 11 Jul 2023 07:53:32 +1000
Subject: [PATCH 1/4] add waiting spinner to start stop stim button

---
 ui/components/status/StatusBar.vue            |  6 ++-
 .../stimulation/StimulationStudioControls.vue | 54 ++++++++++++-------
 .../StimulationStudioCreateAndEdit.vue        | 11 +++-
 ui/store/modules/stimulation/enums.js         |  2 +
 4 files changed, 52 insertions(+), 21 deletions(-)

diff --git a/ui/components/status/StatusBar.vue b/ui/components/status/StatusBar.vue
index 5d557b7..37a3af5 100644
--- a/ui/components/status/StatusBar.vue
+++ b/ui/components/status/StatusBar.vue
@@ -260,7 +260,11 @@ export default {
     },
     stimStatus: function (newStatus) {
       // only let stim messages through if system is in idle ready state
-      if (this.statusUuid === SYSTEM_STATUS.IDLE_READY_STATE) this.setStimSpecificStatus(newStatus);
+      if (this.statusUuid === SYSTEM_STATUS.IDLE_READY_STATE) {
+        if (newStatus === STIM_STATUS.WAITING) newStatus = this.stimPlayState ? "Stopping..." : "Starting...";
+
+        this.setStimSpecificStatus(newStatus);
+      }
     },
     confirmationRequest: async function () {
       const stimOpsInProgress =
diff --git a/ui/components/stimulation/StimulationStudioControls.vue b/ui/components/stimulation/StimulationStudioControls.vue
index 8913d64..dd3b4e6 100644
--- a/ui/components/stimulation/StimulationStudioControls.vue
+++ b/ui/components/stimulation/StimulationStudioControls.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-b-popover.hover.bottom="disabledToolTip" :style="isDisabledStyles">
+  <div v-b-popover.hover.bottom="false" :style="isDisabledStyles">
     <div :style="div__preventInteraction">
       <div class="div__stimulation-controls-container">
         <!-- Tanner (2/1/22): Only need controls block until SVGs are made of all the buttons in this widget and they can be shaded manually when inactive-->
@@ -25,19 +25,19 @@
           </svg>
           <span :class="svg__StimulationStudioControlsPlayStopButton__dynamicClass" @click="handlePlayStop">
             <div
-              v-if="!playState"
-              id="start-stim-button"
-              v-b-popover.hover.top="startStimLabel"
-              title="Start Stimulation"
+              v-b-popover.hover.bottom="playState ? stopStimLabel : startStimLabel"
+              :title="playState ? 'Stop Stimulation' : 'Start Stimulation'"
             >
-              <!-- this is here for testing the popover message -->
-              <span id="start-popover-msg" style="display: none">{{ startStimLabel }}</span>
-              <FontAwesomeIcon class="fontawesome-icon-class" :icon="['fa', 'play-circle']" />
-            </div>
-            <div v-if="playState" v-b-popover.hover.bottom="stopStimLabel" title="Stop Stimulation">
-              <!-- this is here for testing the popover message -->
-              <span id="stop-popover-msg" style="display: none">{{ stopStimLabel }}</span>
-              <FontAwesomeIcon class="fontawesome-icon-class" :icon="['fa', 'stop-circle']" />
+              <span :id="playState ? 'stop-popover-msg' : 'start-popover-msg'" style="display: none">{{
+                playState ? stopStimLabel : startStimLabel
+              }}</span>
+              <FontAwesomeIcon
+                class="fontawesome-icon-class"
+                :icon="playState ? ['fa', 'stop-circle'] : ['fa', 'play-circle']"
+              />
+              <span v-show="isStimInWaiting" class="span__start-stop-spinner">
+                <FontAwesomeIcon :style="'fill: #ececed;'" :icon="['fa', 'spinner']" pulse />
+              </span>
             </div>
           </span>
         </div>
@@ -96,7 +96,7 @@
             <line class="svg__inner-line" x1="34.8" y1="17.28" x2="21.16" y2="30.91" />
             <line class="svg__inner-line" x1="58.73" y1="30.87" x2="50.48" y2="30.87" />
           </svg>
-          <span v-show="configCheckInProgress" class="span__spinner">
+          <span v-show="configCheckInProgress" class="span__config-check-spinner">
             <FontAwesomeIcon :style="'fill: #ececed;'" :icon="['fa', 'spinner']" pulse />
           </span>
         </div>
@@ -274,7 +274,12 @@ export default {
         opacity: this.disabled ? 0.5 : 1,
       };
     },
+    isStimInWaiting: function () {
+      return this.stimStatus === STIM_STATUS.WAITING;
+    },
     isStartStopButtonEnabled: function () {
+      if (this.isStimInWaiting) return false;
+
       if (!this.playState) {
         // if starting stim make sure initial magnetometer calibration has been completed and
         // no additional calibrations are running, stim checks have completed, there are no short or
@@ -396,6 +401,8 @@ export default {
     async handlePlayStop(e) {
       e.preventDefault();
       if (this.isStartStopButtonEnabled) {
+        this.$store.commit("stimulation/setStimStatus", STIM_STATUS.WAITING);
+
         if (this.playState) {
           this.$store.dispatch(`stimulation/stopStimulation`);
           clearTimeout(this.stim24hrTimer); // clear 24 hour timer for next stimulation
@@ -490,7 +497,7 @@ body {
   grid-template-columns: repeat(25%, 4);
   align-items: center;
   justify-items: center;
-  padding: 5px;
+  padding: 2px;
 }
 
 .span__stimulation-controls-play-stop-button--disabled {
@@ -571,11 +578,11 @@ body {
   width: 20px;
 }
 
-.span__spinner {
+.span__config-check-spinner {
   position: absolute;
   font-size: 34px;
-  right: 17.5px;
-  bottom: 15px;
+  left: 5px;
+  top: 0px;
   width: 45px;
   color: #fff;
   padding-left: 5px;
@@ -640,6 +647,17 @@ body {
   fill: none;
 }
 
+.span__start-stop-spinner {
+  position: absolute;
+  font-size: 20px;
+  right: 2px;
+  bottom: 3px;
+  color: #fff;
+  padding-left: 5px;
+  background-color: #000;
+  opacity: 0.75;
+}
+
 #user-input-prompt-message,
 #open-circuit-warning,
 #stim-24hr-warning,
diff --git a/ui/components/stimulation/StimulationStudioCreateAndEdit.vue b/ui/components/stimulation/StimulationStudioCreateAndEdit.vue
index 6be6b77..9e20ad9 100644
--- a/ui/components/stimulation/StimulationStudioCreateAndEdit.vue
+++ b/ui/components/stimulation/StimulationStudioCreateAndEdit.vue
@@ -80,10 +80,13 @@ export default {
     };
   },
   computed: {
-    ...mapState("stimulation", ["protocolList", "editMode"]),
+    ...mapState("stimulation", ["protocolList", "editMode", "selectedWells"]),
     editModeStatus: function () {
       return this.editMode.status;
     },
+    noWellsSelected: function () {
+      return this.selectedWells.length === 0;
+    },
   },
   watch: {
     protocolList: function (newList, oldList) {
@@ -113,7 +116,11 @@ export default {
       this.$emit("handle-selection-change", selectedProtocol);
     },
     disableSelectionBtn(idx) {
-      return this.disableEdits || (this.selectedProtocolIdx === 0 && idx === 0);
+      return (
+        this.disableEdits ||
+        (this.selectedProtocolIdx === 0 && idx === 0) ||
+        (this.noWellsSelected && idx === 0)
+      );
     },
     handleClick(idx) {
       if (this.disableSelectionBtn(idx)) {
diff --git a/ui/store/modules/stimulation/enums.js b/ui/store/modules/stimulation/enums.js
index efcff5b..36b9f8e 100644
--- a/ui/store/modules/stimulation/enums.js
+++ b/ui/store/modules/stimulation/enums.js
@@ -9,6 +9,8 @@ export const STIM_STATUS = {
   READY: "Ready",
   // stim play states
   STIM_ACTIVE: "Stimulating...",
+  // used to show spinner in stim controls over play/stop button
+  WAITING: "",
 
   // error
   SHORT_CIRCUIT_ERROR: "Short Circuit Error",

From f2a578ee058f97c2cbfe8fa3b7c8fd2630142e64 Mon Sep 17 00:00:00 2001
From: Luci Pak <luciypak@gmail.com>
Date: Tue, 11 Jul 2023 07:55:07 +1000
Subject: [PATCH 2/4] update changelog

---
 CHANGELOG.rst | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.rst b/CHANGELOG.rst
index d5ba3ad..ef0fdea 100644
--- a/CHANGELOG.rst
+++ b/CHANGELOG.rst
@@ -8,6 +8,7 @@ Changelog for Stingray Controller
 Added:
 ^^^^^^
 - Handling for new firmware error reporting
+- Stim waiting state to add spinner to stim start/stop button
 
 
 0.3.0 (unreleased)

From c12b1339f77b91f2dd48f74ea738b1943e5ba41d Mon Sep 17 00:00:00 2001
From: Luci Pak <luciypak@gmail.com>
Date: Tue, 11 Jul 2023 07:56:13 +1000
Subject: [PATCH 3/4] add conditional to modal overlay

---
 .../stimulation/StimulationStudioControls.vue | 74 +++++++++----------
 1 file changed, 37 insertions(+), 37 deletions(-)

diff --git a/ui/components/stimulation/StimulationStudioControls.vue b/ui/components/stimulation/StimulationStudioControls.vue
index dd3b4e6..887f4c6 100644
--- a/ui/components/stimulation/StimulationStudioControls.vue
+++ b/ui/components/stimulation/StimulationStudioControls.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-b-popover.hover.bottom="false" :style="isDisabledStyles">
+  <div v-b-popover.hover.bottom="disabledToolTip" :style="isDisabledStyles">
     <div :style="div__preventInteraction">
       <div class="div__stimulation-controls-container">
         <!-- Tanner (2/1/22): Only need controls block until SVGs are made of all the buttons in this widget and they can be shaded manually when inactive-->
@@ -218,7 +218,7 @@ export default {
     FontAwesomeIcon,
     StatusWarningWidget,
     SettingsButton,
-    SettingsForm,
+    SettingsForm
   },
   data() {
     return {
@@ -231,24 +231,24 @@ export default {
         msgOne:
           "You are attempting to assign a protocol to a well that an open circuit was previously found in during the configuration check.",
         msgTwo: "Please unassign all wells labeled with an open circuit.",
-        buttonNames: ["Okay"],
+        buttonNames: ["Okay"]
       },
       timerWarningLabels: {
         header: "Warning!",
         msgOne: "You have been running a stimulation for 24 hours.",
         msgTwo:
           "We strongly recommend stopping the stimulation and running another configuration check to ensure the integrity of the stimulation.",
-        buttonNames: ["Continue Anyway", "Stop Stimulation"],
+        buttonNames: ["Continue Anyway", "Stop Stimulation"]
       },
       userInputPromptLabels: {
         header: "Important!",
         msgOne: "Downloading the firmware update requires your user credentials.",
         msgTwo: "Please input them to begin the download",
-        buttonNames: ["Okay"],
+        buttonNames: ["Okay"]
       },
       stim24hrTimer: null,
       disabledToolTip: "Controls disabled until connected to instrument.",
-      disabled: true,
+      disabled: true
     };
   },
   computed: {
@@ -256,28 +256,28 @@ export default {
       "protocolAssignments",
       "stimPlayState",
       "stimStatus",
-      "stimulatorCircuitStatuses",
+      "stimulatorCircuitStatuses"
     ]),
     ...mapState("system", ["barcodes"]),
     ...mapState("settings", ["userCredInputNeeded"]),
     ...mapState("stimulation", ["invalidImportedProtocols"]),
     ...mapGetters({
-      statusUuid: "system/statusId",
+      statusUuid: "system/statusId"
     }),
-    div__preventInteraction: function () {
+    div__preventInteraction: function() {
       return {
-        pointerEvents: this.disabled ? "none" : "auto",
+        pointerEvents: this.disabled ? "none" : "auto"
       };
     },
-    isDisabledStyles: function () {
+    isDisabledStyles: function() {
       return {
-        opacity: this.disabled ? 0.5 : 1,
+        opacity: this.disabled ? 0.5 : 1
       };
     },
-    isStimInWaiting: function () {
+    isStimInWaiting: function() {
       return this.stimStatus === STIM_STATUS.WAITING;
     },
-    isStartStopButtonEnabled: function () {
+    isStartStopButtonEnabled: function() {
       if (this.isStimInWaiting) return false;
 
       if (!this.playState) {
@@ -292,20 +292,20 @@ export default {
             STIM_STATUS.CONFIG_CHECK_NEEDED,
             STIM_STATUS.CONFIG_CHECK_IN_PROGRESS,
             STIM_STATUS.SHORT_CIRCUIT_ERROR,
-            STIM_STATUS.CALIBRATION_NEEDED,
+            STIM_STATUS.CALIBRATION_NEEDED
           ].includes(this.stimStatus)
         );
       }
       // currently, stop button should always be enabled
       return true;
     },
-    assignedOpenCircuits: function () {
+    assignedOpenCircuits: function() {
       // filter for matching indices
-      return this.stimulatorCircuitStatuses.filter((well) =>
+      return this.stimulatorCircuitStatuses.filter(well =>
         Object.keys(this.protocolAssignments).includes(well.toString())
       );
     },
-    startStimLabel: function () {
+    startStimLabel: function() {
       if (this.stimStatus === STIM_STATUS.ERROR || this.stimStatus === STIM_STATUS.SHORT_CIRCUIT_ERROR) {
         return "Cannot start a stimulation with error";
       } else if (
@@ -322,11 +322,11 @@ export default {
         return "Start Stimulation";
       }
     },
-    stopStimLabel: function () {
+    stopStimLabel: function() {
       // Tanner (7/27/22): there used to be multiple values, so leaving this as a function in case more values get added in future
       return "Stop Stimulation";
     },
-    svg__StimulationStudioControlsPlayStopButton__dynamicClass: function () {
+    svg__StimulationStudioControlsPlayStopButton__dynamicClass: function() {
       // Tanner (2/1/22): This is only necessary so that the this button is shaded the same as the rest of
       // the stim controls buttons when the controls block is displayed. The button is
       // not actually active here. If the controls block is removed, this branch can likely be removed too.
@@ -334,18 +334,18 @@ export default {
         ? "span__stimulation-controls-play-stop-button--enabled"
         : "span__stimulation-controls-play-stop-button--disabled";
     },
-    isConfigCheckButtonEnabled: function () {
+    isConfigCheckButtonEnabled: function() {
       return (
         [STIM_STATUS.CONFIG_CHECK_NEEDED, STIM_STATUS.READY].includes(this.stimStatus) &&
         this.barcodes.stimBarcode.valid
       );
     },
-    svg__StimulationStudioControlsConfigCheckButton__dynamicClass: function () {
+    svg__StimulationStudioControlsConfigCheckButton__dynamicClass: function() {
       return this.isConfigCheckButtonEnabled
         ? "svg__stimulation-controls-config-check-button--enabled"
         : "svg__stimulation-controls-config-check-button--disabled";
     },
-    configurationMessage: function () {
+    configurationMessage: function() {
       if (!this.barcodes.stimBarcode.valid) {
         return "Must have a valid Stimulation Lid Barcode";
       } else if (this.stimStatus == STIM_STATUS.ERROR || this.stimStatus == STIM_STATUS.SHORT_CIRCUIT_ERROR) {
@@ -362,40 +362,40 @@ export default {
         return "Configuration check complete. Click to rerun.";
       }
     },
-    configCheckInProgress: function () {
+    configCheckInProgress: function() {
       return this.stimStatus === STIM_STATUS.CONFIG_CHECK_IN_PROGRESS;
     },
-    invalidImportedProtocolsLabels: function () {
+    invalidImportedProtocolsLabels: function() {
       return {
         header: "Warning!",
         msgOne:
           "The following protocols were not imported because some values no longer pass current validity checks:",
         msgTwo: this.invalidImportedProtocols.join(", "),
-        buttonNames: ["Close"],
+        buttonNames: ["Close"]
       };
-    },
+    }
   },
   watch: {
-    stimPlayState: function () {
+    stimPlayState: function() {
       this.currentGradient = this.stimPlayState ? this.activeGradient : this.inactiveGradient;
       this.playState = this.stimPlayState;
     },
-    assignedOpenCircuits: function (newVal, oldVal) {
+    assignedOpenCircuits: function(newVal, oldVal) {
       if (this.stimStatus !== STIM_STATUS.CONFIG_CHECK_COMPLETE && newVal.length > oldVal.length)
         this.$bvModal.show("open-circuit-warning");
     },
-    userCredInputNeeded: function () {
+    userCredInputNeeded: function() {
       if (this.userCredInputNeeded) this.$bvModal.show("user-input-prompt-message");
     },
-    invalidImportedProtocols: function () {
+    invalidImportedProtocols: function() {
       if (this.invalidImportedProtocols.length > 0) this.$bvModal.show("invalid-imported-protocols");
     },
-    statusUuid: function (new_status) {
+    statusUuid: function(new_status) {
       if (new_status == SYSTEM_STATUS.IDLE_READY_STATE) {
         this.disabled = false;
         this.disabledToolTip = "";
       }
-    },
+    }
   },
   methods: {
     async handlePlayStop(e) {
@@ -433,7 +433,7 @@ export default {
       this.$bvModal.hide("user-input-prompt-message");
       this.$bvModal.show("settings-form");
     },
-    closeSettingsModal: function (save) {
+    closeSettingsModal: function(save) {
       this.$bvModal.hide("settings-form");
 
       if (save) {
@@ -441,11 +441,11 @@ export default {
         this.$emit("save-account-info");
       }
     },
-    closeInvalidProtocolModal: function () {
+    closeInvalidProtocolModal: function() {
       this.$bvModal.hide("invalid-imported-protocols");
       this.$store.commit("stimulation/setInvalidImportedProtocols", []);
-    },
-  },
+    }
+  }
 };
 </script>
 <style>

From cbb4f06db816d4ef75fee5fe2a0845f354c4319e Mon Sep 17 00:00:00 2001
From: Luci Pak <luciypak@gmail.com>
Date: Tue, 11 Jul 2023 08:01:56 +1000
Subject: [PATCH 4/4] pre-commit

---
 .../stimulation/StimulationStudioControls.vue | 72 +++++++++----------
 1 file changed, 36 insertions(+), 36 deletions(-)

diff --git a/ui/components/stimulation/StimulationStudioControls.vue b/ui/components/stimulation/StimulationStudioControls.vue
index 887f4c6..52719ce 100644
--- a/ui/components/stimulation/StimulationStudioControls.vue
+++ b/ui/components/stimulation/StimulationStudioControls.vue
@@ -218,7 +218,7 @@ export default {
     FontAwesomeIcon,
     StatusWarningWidget,
     SettingsButton,
-    SettingsForm
+    SettingsForm,
   },
   data() {
     return {
@@ -231,24 +231,24 @@ export default {
         msgOne:
           "You are attempting to assign a protocol to a well that an open circuit was previously found in during the configuration check.",
         msgTwo: "Please unassign all wells labeled with an open circuit.",
-        buttonNames: ["Okay"]
+        buttonNames: ["Okay"],
       },
       timerWarningLabels: {
         header: "Warning!",
         msgOne: "You have been running a stimulation for 24 hours.",
         msgTwo:
           "We strongly recommend stopping the stimulation and running another configuration check to ensure the integrity of the stimulation.",
-        buttonNames: ["Continue Anyway", "Stop Stimulation"]
+        buttonNames: ["Continue Anyway", "Stop Stimulation"],
       },
       userInputPromptLabels: {
         header: "Important!",
         msgOne: "Downloading the firmware update requires your user credentials.",
         msgTwo: "Please input them to begin the download",
-        buttonNames: ["Okay"]
+        buttonNames: ["Okay"],
       },
       stim24hrTimer: null,
       disabledToolTip: "Controls disabled until connected to instrument.",
-      disabled: true
+      disabled: true,
     };
   },
   computed: {
@@ -256,28 +256,28 @@ export default {
       "protocolAssignments",
       "stimPlayState",
       "stimStatus",
-      "stimulatorCircuitStatuses"
+      "stimulatorCircuitStatuses",
     ]),
     ...mapState("system", ["barcodes"]),
     ...mapState("settings", ["userCredInputNeeded"]),
     ...mapState("stimulation", ["invalidImportedProtocols"]),
     ...mapGetters({
-      statusUuid: "system/statusId"
+      statusUuid: "system/statusId",
     }),
-    div__preventInteraction: function() {
+    div__preventInteraction: function () {
       return {
-        pointerEvents: this.disabled ? "none" : "auto"
+        pointerEvents: this.disabled ? "none" : "auto",
       };
     },
-    isDisabledStyles: function() {
+    isDisabledStyles: function () {
       return {
-        opacity: this.disabled ? 0.5 : 1
+        opacity: this.disabled ? 0.5 : 1,
       };
     },
-    isStimInWaiting: function() {
+    isStimInWaiting: function () {
       return this.stimStatus === STIM_STATUS.WAITING;
     },
-    isStartStopButtonEnabled: function() {
+    isStartStopButtonEnabled: function () {
       if (this.isStimInWaiting) return false;
 
       if (!this.playState) {
@@ -292,20 +292,20 @@ export default {
             STIM_STATUS.CONFIG_CHECK_NEEDED,
             STIM_STATUS.CONFIG_CHECK_IN_PROGRESS,
             STIM_STATUS.SHORT_CIRCUIT_ERROR,
-            STIM_STATUS.CALIBRATION_NEEDED
+            STIM_STATUS.CALIBRATION_NEEDED,
           ].includes(this.stimStatus)
         );
       }
       // currently, stop button should always be enabled
       return true;
     },
-    assignedOpenCircuits: function() {
+    assignedOpenCircuits: function () {
       // filter for matching indices
-      return this.stimulatorCircuitStatuses.filter(well =>
+      return this.stimulatorCircuitStatuses.filter((well) =>
         Object.keys(this.protocolAssignments).includes(well.toString())
       );
     },
-    startStimLabel: function() {
+    startStimLabel: function () {
       if (this.stimStatus === STIM_STATUS.ERROR || this.stimStatus === STIM_STATUS.SHORT_CIRCUIT_ERROR) {
         return "Cannot start a stimulation with error";
       } else if (
@@ -322,11 +322,11 @@ export default {
         return "Start Stimulation";
       }
     },
-    stopStimLabel: function() {
+    stopStimLabel: function () {
       // Tanner (7/27/22): there used to be multiple values, so leaving this as a function in case more values get added in future
       return "Stop Stimulation";
     },
-    svg__StimulationStudioControlsPlayStopButton__dynamicClass: function() {
+    svg__StimulationStudioControlsPlayStopButton__dynamicClass: function () {
       // Tanner (2/1/22): This is only necessary so that the this button is shaded the same as the rest of
       // the stim controls buttons when the controls block is displayed. The button is
       // not actually active here. If the controls block is removed, this branch can likely be removed too.
@@ -334,18 +334,18 @@ export default {
         ? "span__stimulation-controls-play-stop-button--enabled"
         : "span__stimulation-controls-play-stop-button--disabled";
     },
-    isConfigCheckButtonEnabled: function() {
+    isConfigCheckButtonEnabled: function () {
       return (
         [STIM_STATUS.CONFIG_CHECK_NEEDED, STIM_STATUS.READY].includes(this.stimStatus) &&
         this.barcodes.stimBarcode.valid
       );
     },
-    svg__StimulationStudioControlsConfigCheckButton__dynamicClass: function() {
+    svg__StimulationStudioControlsConfigCheckButton__dynamicClass: function () {
       return this.isConfigCheckButtonEnabled
         ? "svg__stimulation-controls-config-check-button--enabled"
         : "svg__stimulation-controls-config-check-button--disabled";
     },
-    configurationMessage: function() {
+    configurationMessage: function () {
       if (!this.barcodes.stimBarcode.valid) {
         return "Must have a valid Stimulation Lid Barcode";
       } else if (this.stimStatus == STIM_STATUS.ERROR || this.stimStatus == STIM_STATUS.SHORT_CIRCUIT_ERROR) {
@@ -362,40 +362,40 @@ export default {
         return "Configuration check complete. Click to rerun.";
       }
     },
-    configCheckInProgress: function() {
+    configCheckInProgress: function () {
       return this.stimStatus === STIM_STATUS.CONFIG_CHECK_IN_PROGRESS;
     },
-    invalidImportedProtocolsLabels: function() {
+    invalidImportedProtocolsLabels: function () {
       return {
         header: "Warning!",
         msgOne:
           "The following protocols were not imported because some values no longer pass current validity checks:",
         msgTwo: this.invalidImportedProtocols.join(", "),
-        buttonNames: ["Close"]
+        buttonNames: ["Close"],
       };
-    }
+    },
   },
   watch: {
-    stimPlayState: function() {
+    stimPlayState: function () {
       this.currentGradient = this.stimPlayState ? this.activeGradient : this.inactiveGradient;
       this.playState = this.stimPlayState;
     },
-    assignedOpenCircuits: function(newVal, oldVal) {
+    assignedOpenCircuits: function (newVal, oldVal) {
       if (this.stimStatus !== STIM_STATUS.CONFIG_CHECK_COMPLETE && newVal.length > oldVal.length)
         this.$bvModal.show("open-circuit-warning");
     },
-    userCredInputNeeded: function() {
+    userCredInputNeeded: function () {
       if (this.userCredInputNeeded) this.$bvModal.show("user-input-prompt-message");
     },
-    invalidImportedProtocols: function() {
+    invalidImportedProtocols: function () {
       if (this.invalidImportedProtocols.length > 0) this.$bvModal.show("invalid-imported-protocols");
     },
-    statusUuid: function(new_status) {
+    statusUuid: function (new_status) {
       if (new_status == SYSTEM_STATUS.IDLE_READY_STATE) {
         this.disabled = false;
         this.disabledToolTip = "";
       }
-    }
+    },
   },
   methods: {
     async handlePlayStop(e) {
@@ -433,7 +433,7 @@ export default {
       this.$bvModal.hide("user-input-prompt-message");
       this.$bvModal.show("settings-form");
     },
-    closeSettingsModal: function(save) {
+    closeSettingsModal: function (save) {
       this.$bvModal.hide("settings-form");
 
       if (save) {
@@ -441,11 +441,11 @@ export default {
         this.$emit("save-account-info");
       }
     },
-    closeInvalidProtocolModal: function() {
+    closeInvalidProtocolModal: function () {
       this.$bvModal.hide("invalid-imported-protocols");
       this.$store.commit("stimulation/setInvalidImportedProtocols", []);
-    }
-  }
+    },
+  },
 };
 </script>
 <style>