Move src to dashboard (#152)

app/javascript/dashboard/components/buttons/FormSubmitButton.vue

@@ -0,0 +1,44 @@
+<template>
+  <button type="submit" :disabled="disabled" :class="computedClass">
+    <i v-if="!!iconClass" :class="iconClass" class="icon"></i>
+    <span>{{ buttonText }}</span>
+    <spinner v-if="loading" />
+  </button>
+</template>
+
+<script>
+import Spinner from '../Spinner';
+
+export default {
+  components: {
+    Spinner,
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    loading: {
+      type: Boolean,
+      default: false,
+    },
+    buttonText: {
+      type: String,
+      default: '',
+    },
+    buttonClass: {
+      type: String,
+      default: '',
+    },
+    iconClass: {
+      type: String,
+      default: '',
+    },
+  },
+  computed: {
+    computedClass() {
+      return `button nice ${this.buttonClass || ' '}`;
+    },
+  },
+};
+</script>

app/javascript/dashboard/components/buttons/ResolveButton.vue

@@ -0,0 +1,55 @@
+<template>
+  <button
+    type="button"
+    class="button nice resolve--button"
+    :class="buttonClass"
+    @click="toggleStatus"
+  >
+    <i v-if="!isLoading" class="icon" :class="buttonIconClass"></i>
+    <spinner v-if="isLoading" />
+    {{ currentStatus }}
+  </button>
+</template>
+
+<script>
+/* eslint no-console: 0 */
+/* global bus */
+import { mapGetters } from 'vuex';
+import Spinner from '../Spinner';
+
+export default {
+  props: ['conversationId'],
+  data() {
+    return {
+      isLoading: false,
+    };
+  },
+  computed: {
+    ...mapGetters({
+      currentChat: 'getSelectedChat',
+    }),
+    currentStatus() {
+      const ButtonName = this.currentChat.status === 0 ? 'Resolve' : 'Reopen';
+      return ButtonName;
+    },
+    buttonClass() {
+      return this.currentChat.status === 0 ? 'success' : 'warning';
+    },
+    buttonIconClass() {
+      return this.currentChat.status === 0 ? 'ion-checkmark' : 'ion-refresh';
+    },
+  },
+  components: {
+    Spinner,
+  },
+  methods: {
+    toggleStatus() {
+      this.isLoading = true;
+      this.$store.dispatch('toggleStatus', this.currentChat.id).then(() => {
+        bus.$emit('newToastMessage', this.$t('CONVERSATION.CHANGE_STATUS'));
+        this.isLoading = false;
+      });
+    },
+  },
+};
+</script>