Cleanup UI

src/components/Noise.vue

@@ -28,7 +28,7 @@
             class="mx-3 mb-5"
             fab
             large
-            color="secondary"
+            color="primary"
             @click="stop"
           >
             <v-icon>mdi-stop</v-icon>
@@ -68,23 +68,6 @@
           Save Profile
         </v-btn>
 
-        <v-snackbar
-          v-model="infoSnackbar"
-          timeout="3000"
-        >
-          {{ infoSnackbarText }}
-
-          <template v-slot:action="{ attrs }">
-            <v-btn
-              text
-              v-bind="attrs"
-              @click="infoSnackbar = false"
-            >
-              Close
-            </v-btn>
-          </template>
-        </v-snackbar>
-
         <v-dialog
           v-model="profileDialog"
           max-width="600px"
@@ -555,6 +538,23 @@
         </v-dialog>
       </v-col>
 
+      <v-snackbar
+        v-model="infoSnackbar"
+        timeout="3000"
+      >
+        {{ infoSnackbarText }}
+
+        <template v-slot:action="{ attrs }">
+          <v-btn
+            text
+            v-bind="attrs"
+            @click="infoSnackbar = false"
+          >
+            Close
+          </v-btn>
+        </template>
+      </v-snackbar>
+
       <v-snackbar
         v-model="errorSnackbar"
         color="error"

src/components/noise.js

@@ -255,10 +255,14 @@ export default {
         if (response.status === 200) {
           this.profileDialog = false
           this.populateProfileItems(response.data.id)
+          this.infoSnackbarText = 'Profile Saved'
+          this.infoSnackbar = true
         }
       })
         .catch((error) => {
           console.error(error.response)
+          this.errorSnackbarText = 'Error Saving Profile'
+          this.errorSnackbar = true
         })
     },
     updateProfile () {
@@ -323,10 +327,14 @@ export default {
         .then(response => {
           if (response.status === 200) {
             this.populateProfileItems(0)
+            this.infoSnackbarText = 'Profile Deleted'
+            this.infoSnackbar = true
           }
         })
         .catch((error) => {
           console.error(error.response)
+          this.errorSnackbarText = 'Error Deleting Profile'
+          this.errorSnackbar = true
         })
     },
     getSamples () {
@@ -359,11 +367,13 @@ export default {
         .then(response => {
           if (response.status === 200) {
             this.getSamples()
+            this.infoSnackbarText = 'Sample Uploaded'
+            this.infoSnackbar = true
           }
         })
         .catch((error) => {
           if (error.response.status === 409) {
-            this.errorSnackbarText = 'Upload Failed: Duplicate Sample Name'
+            this.errorSnackbarText = 'Error Uploading Sample: Duplicate Sample Name'
             this.errorSnackbar = true
           }
           console.error(error.response)

src/plugins/vuetify.js

@@ -1,7 +1,19 @@
 import Vue from 'vue'
 import Vuetify from 'vuetify/lib/framework'
 
+import colors from 'vuetify/lib/util/colors'
+
 Vue.use(Vuetify)
 
 export default new Vuetify({
+  theme: {
+    themes: {
+      light: {
+        primary: colors.blueGrey
+      },
+      dark: {
+        primary: colors.blueGrey
+      }
+    }
+  }
 })